@charset "utf-8";
/* Rob Woodall 
colors: #BA6511 (orange), #773a08 (burnt) #716558 (lt brown), #191919 (dk grey), #5a5046 (dk brown) */
* {margin:0px;padding:0px;}
ul, li {list-style:none;}
a {text-decoration:none;color:#191919}
a:visited {color:#191919}
body {font-family:"Segoe UI", Arial, Helvetica, sans-serif;padding-top:5px;}
div#header {}
div#warning {padding:10px;background-color:#eee8ce;/*position:absolute;top:70%;width:55px;*/font-size:12px;color:#938c6f;margin-bottom:10px;}
div#homeCallout {clear:both;background:url('../image/main_brown.gif') no-repeat center top #FFF;padding-top:220px;}
div#homeCallout div {height:400px;background:url('../image/main_bg.png') left bottom repeat-x #716558;}
div#homeCallout h1 {width:500px;margin:0px auto 0px auto;font-size:34px;color:#fff; padding:30px 400px 30px 20px;line-height:90%; cursor:default}
div#homeCallout h1 a.button {float:none;}
div#homeCallout p {margin:0 auto;padding-left:20px;width:920px;}
div#homeCallout p a.button {margin-left:0px;}
div#header div {width:920px;margin:0px auto 0px auto;}
div#header a#home {float:left;font-size:18px;padding:25px 25px 25px 45px;color:#191919;-webkit-border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px; background:url("../image/logo_cs.gif" ) 15px 26px no-repeat #f6f4f0; }
div#header a#home:hover {text-decoration:none;background-image:url('../image/logo_cs_over.gif') /*15px -84px no-repeat #f6f4f0;*/}
div#content {clear:both;width:880px;padding:20px;margin:0px auto 0px auto;}
div#content div.service {border:5px solid #EAEAEA;-moz-border-radius:10px;-webkit-border-radius:10px;padding:30px;margin-bottom:15px;}
div#content div.service div {background-color:#FFF;padding:30px;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
div#content div.service div:hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;/*border:3px solid #BA6511*/}
div#content div.service h2 {font-size:24px;color:#BA6511}
div#content div.service a.button {float:right;}
div#content div.service ul li {list-style:disc}
div#content div.service ul {margin-left:8px;}
div#header ul {float:right;margin-top:20px;}
div#header ul li {float:left;margin-left:15px;}
div#header ul li a, div#footer a {font-size:14px;color:#191919;padding:8px;}
div#header ul li a:hover {border-bottom:4px solid #BA6511; text-decoration:none}
/*div#header ul li a.at {border-bottom:4px solid #BA6511; text-decoration:none}*/
div#footer a:hover {text-decoration:underline;}
div#footer a#fb {padding-left:35px;background:url('../image/facebook.png') no-repeat;}
div#footer a#twitter {padding-left:35px;background:url('../image/twitter.png') no-repeat;}
div#callout, div#footer {background-image:url('../image/callout_bg.gif');background-repeat:repeat;clear:both;}
div#footer ul {float:right}
div#footer li {float:left;margin-left:15px;}
div#callout h1 {width:500px;margin:0px auto 0px auto; background-color:#8d7e6e; font-size:34px;color:#fff; padding:30px 400px 30px 20px;line-height:90%; cursor:default}
div#footer div {width:920px;margin:0px auto 0px auto; background-color:#8d7e6e; font-size:18px;color:#fff; padding:20px}
div.work {clear:both;width:920px;padding:20px;margin:0px auto 0px auto;}
/*div.work:hover {border: 4px solid #000;}*/
div.tags {width:375px;float:left;padding:0px 20px 20px 20px;}
div.tags div.tag {cursor:pointer;display:inline;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;background-color:#dfdfdf;color:#fff; margin-left:7px;}
div.tags div.tag:hover {background-color:#BA6511;-moz-box-shadow:0 0 3px #666;}
div.work img {float:left;}
div.work p {float:left;width:300px;padding-left:20px;color:#666;margin-bottom:25px;}
div.work a.button {margin-top:20px;}
div#dialog-message p {font-size:12px;display:none;}

/* buttons */
a.button {margin-left:26px;display:block;float:left;color:#FFF;padding:10px 25px;background-color:#BA6511;font-size:14px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #773A08}
a.button:hover {color:#fff;-webkit-box-shadow:0 0 5px #666;-moz-box-shadow:0 0 5px #666;background-color:#cb7e15}
a.brown {background-color:#716558;}
a.brown:hover {background-color:#8D7E6E}
a.small {font-size:12px;padding:5px 15px;border:none}

/* forms and subnavigation */
ul#subnav {width:920px;margin:0px auto 0px auto;clear:both;height:65px;background-color:#f6f4f0}
ul#subnav li {float:left;font-size:12px;padding:10px 0px 0px 20px;}
ul#subnav li a {text-decoration:underline;}
ul#subnav li a.nav {display:block;padding:10px;}
div#facebook {padding:0px 0px 0px 25px;float:left; margin-top:25px;}
div.contact input {border: 1px solid #CCCCCC;padding:3px 25px 3px 5px;font-family:"Segoe UI", Arial, Helvetica, sans-serif;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:16px;margin-bottom:20px;}
label {display:block;margin-bottom:10px;}
ul#subnav label, ul#subnav input {float:left;}
ul#subnav input {margin-top:12px;}
ul#subnav li h3 {padding-top:8px;color:#BA6511}
ul#subnav label {margin-left:4px;padding:10px 15px;background-color:#CCC;font-size:14px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer}
ul#subnav a.button {margin-top:5px;text-decoration:none;}
ul#subnav li#radio {padding-top:12px;}
ul#subnav li#radio input {margin:auto;}
ul#subnav li#button {padding:4px 0 0 0;}
ul.form {}
ul.form label.on {border:2px solid #cb955f;/*background-color:#cb955f*/}

/* contact page */
div.contact input, div.contact select {width:250px;}
div.contact input.error {border:3px solid #773a08}
div.contact select {display:block;padding:5px;margin-bottom:25px;}
div.contact a.button {margin:0px 0px 150px 0px;}
div.contact p {font-size:12px;margin-bottom:15px;}
div.contact ul#options {margin-bottom:15px;}
div.contact ul#options label {display:inline; font-size:14px;cursor:pointer}
div.contact ul#options label.on {font-weight:bold;}
div.contact ul#options input {width:auto; border:none;margin:0px 10px 0px 0px;padding:0px;}
div.contact ul#options li {padding-left:10px;}
div.contact div#form {width:350px;}
div.contact div#right {float:right;width:350px;padding:20px 30px 50px 30px;border:5px solid #EAEAEA;-moz-border-radius:10px;-webkit-border-radius:10px;}
div.contact div#right h3 {font-weight:normal;color:#773a08;font-size:18px;margin-bottom:15px;}
div.contact div#right p {font-size:13px;color:#191919;}
div.contact div#right p b {display:block;}
div.contact div#right p a {display:block;color:#773a08;text-decoration:underline}

/* landing pages */
div#content div.serving {float:left;width:890px;/*border:5px solid #f9f9f9;-moz-border-radius:10px;*/padding:0px 0px 20px 20px;margin-bottom:20px;}
div#content div.serving h2 {color:#BA6511;float:left;font-size:20px;}
div#content div.serving span {display:block;font-size:14px;margin-bottom:10px;color:#716558;font-weight:normal;}
div#content div.serving img {float:right}
div#content div.serving ul {margin-left:20px;float:left;clear:left;width:295px;}
div#content div.serving li {list-style:disc}
div#content div.serving a.button {width:150px;clear:left;margin:15px 0px 0px 0px;text-align:center;}
div#content div#supporting {clear:both;background:url('/image/supporting_bg.png') left bottom no-repeat;width:920px;float:left;padding:0px 0px 55px 40px;margin-bottom:50px;}
div#content div#supporting h3 {font-weight:normal;color:#773a08;font-size:18px;margin-bottom:15px;margin-top:20px;}
div#content div#supporting p {float:left;width:225px;margin-right:70px;font-size:13px;color:#191919;}
div#content div#supporting p a {color:#BA6511;text-decoration:underline; display:block;}
div#content div#supporting p b {display:block;}
div#content div#supporting p sup {font-size:10px;font-weight:normal}

/* conversion design */
div#content div.conversion {margin-bottom:35px;clear:both;}
div#content div.conversion p {float:left;padding:30px 50px 30px 0px;width:320px;font-size:13px;color:#191919;}
div#content div.conversion p a {float:none;width:125px;margin:15px 0px 0px 10px}
div#content div.conversion p b {display:block; font-size:24px; color:#773a08}

/* blog styles */
div#page .blogcontent {float: left;padding:0px 0px 0px 25px;margin: 0px 0 0;width: 675px;}
div#page p {margin-bottom:15px;line-height:165%;font-size:14px;}
div#page div.entry img {border:8px solid #efefef;}
div#sidebar a {color:#773a08;font-size:14px;}
div.blogcontent h2 {background-color:#e3e3e3;padding:5px;}
div.blogcontent h2:hover {background-color:#CCC;}

