@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;/*background:url('/image/bg_texture.jpg') repeat*/}
sup {font-size:11px;font-weight:normal;}
div#header {padding-top:5px;overflow:hidden;background-color:#FFF;}
div#warning {padding:10px;background-color:#eee8ce;/*position:absolute;top:70%;width:55px;*/font-size:12px;color:#938c6f;margin-bottom:10px;}

div#homeCallout {background:url('../image/home_header_bg.png') left top repeat-x #612f06;}
div#homeCallout div#home_header {width:920px;margin:0px auto;overflow:hidden;height:500px;}
div#homeCallout div.pics {float:right;margin:25px 15px 0px 0px;}
div#homecallout div.pics img {top:0;left:0;}
div#homeCallout h1 {color:#FFF;padding:45px 0px 25px 0px; font-size:46px;text-align:center;text-shadow:-1px -1px 5px #221102}
div#homeCallout h1 sup {font-size:11px;font-weight:normal;}
div#header div {width:920px;margin:0px auto 0px auto;}
div#tagline {background-color:#ba6511;text-align:center;padding:20px;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;color:#ddb288;font-size:16px;}

div#wrapper h3 {font-weight:normal;color:#773a08;font-size:22px;margin-bottom:15px;margin-top:20px;}
div#wrapper div#apps {margin-bottom:35px;overflow:hidden}
div#wrapper div#apps h3 {float:right;width:290px;clear:right;}
div#wrapper div#apps a {float:right;clear:right}
div#wrapper div#recent {clear:both;margin-bottom:45px;overflow:hidden}
div#wrapper div#recent a {display:block;float:left;margin-right:50px;border:4px solid #fff;box-shadow:0px 0px 5px #bdbcb7}
div#wrapper div#recent a:hover {box-shadow:0px 0px 5px #58584f}

div#header a#home {float:left;font-size:18px;padding:25px 25px 25px 33px;color:#191919;background:url("../image/logo_cs.gif" ) 0px 26px no-repeat; }

div#wrapper {background:url("../image/noise_tan.gif");overflow:hidden;}
div#content {clear:both;width:920px;padding:20px 0px;margin:0px auto 0px auto;}
div#content div.service {border:5px solid #EAEAEA;-moz-border-radius:10px;-webkit-border-radius:10px;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 {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 {clear:both;border-top:solid 4px #716558;background:url('../image/header_bg.png') bottom right no-repeat #773a08;}
div#callout div {width:920px;margin:0px auto}
div#callout a.button {float:right;margin-top:65px;padding:20px 35px;}
div#footer {clear:both;background-color:#8d7e6e;}
div#footer ul {margin-top:5px;overflow:hidden}
div#footer li {margin-right:25px;float:left;}
div#footer a {font-size:14px;color:#c8c1ba;padding:8px 0px 8px 0px;}
div#callout h1 {width:585px;font-size:38px;color:#fff; padding:55px 0px 75px 0px;line-height:100%;color:#996b46}
div#footer div {width:920px;margin:0px auto 0px auto; font-size:18px;color:#fff; padding:20px 20px 50px 20px;}

div.workDetail {clear:both;width:920px;padding:20px 0px 50px 0px;margin:0px auto 0px auto;}
div.workDetail div#pics {float:left;height:900px;}
div.workDetail div.detail {float:right;width:280px;font-size:14px;}
div.workDetail a.button {width:160px;margin-bottom:15px;display:block;text-align:center;}
div.workDetail p {color: #666666;font-family:Arial, Helvetica, sans-serif;line-height: 125%;margin-bottom: 7px;}
div.workDetail h3 {margin-bottom:20px;}
/*div.work:hover {border: 4px solid #000;}*/

div.tags {padding:20px 20px 20px 0px;}
div.tags div.tag {cursor:pointer;display:inline;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;background-color:#dfdfdf;color:#fff; margin-right:7px;}
div.tags div.tag:hover {background-color:#BA6511;-moz-box-shadow:0 0 3px #666;-webkit-box-shadow:0 0 3px #666;box-shadow:0 0 3px #666;}

div.work {clear:both;width:920px;padding:30px 0px 50px 0px;float:left;/*background:url('../image/work_shadow.png') bottom left no-repeat;border-bottom:4px solid #CCC;*/}
div.work h3 {float:left;margin:0px 0px 10px 40px;font-size:24px}
div.work img {float:left;}
div.work p {float:left;width:300px;margin-left:40px;color:#666;margin-bottom:25px;font-size:14px;}
div.logo p {width:200px;}
div.work a.button {margin-left:40px;}
div.work img {-webkit-box-shadow:0 0 10px #ccc;-moz-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;border:1px solid #FFF}
div.work img:hover {-webkit-box-shadow:0 0 10px #666;-moz-box-shadow:0 0 10px #666;box-shadow:0 0 10px #666;}
div.work div.tags {float:left;margin-left:40px;}
div#dialog-message p {font-size:12px;display:none;}

div#hoverLink {position:absolute;padding:15px;}
div#hoverLink a {display:block;background-color:#fff;padding:25px;margin:15px auto;width:100px;}


div#products {overflow:hidden;margin-bottom:30px;background-color:#716558;}
div#products ul {width:920px;margin:0px auto;overflow:hidden;}
div#products ul li {float:left;margin-right:15px;}
div#products ul a.at {background-color:#958c82;}
div#products a {font-size:18px;font-weight:normal;padding:17px 60px 19px 26px;display:block;color:#b8b2ab;background-repeat:no-repeat;background-position:right 5px;}
div#products a#publish {background-image:url('../image/publish.png');}
div#products a#ecomm {background-image:url('../image/ecomm.png');}
div#products a#seo {background-image:url('../image/seo.png');}
div#products a#build {background-image:url('../image/build.png');}
div#products a#social {background-image:url('../image/social.png');}
div#products ul a.at {color:#FFF;}
div#products a:hover {text-decoration:underline}
div.feature {/*background:url('../image/bottom_shadow.png') bottom center no-repeat;*/padding-bottom:37px;overflow:hidden; margin-bottom:40px;}
div.feature h3 {padding-top:45px;width: 275px;font-size:28px;}
div.left img {float:right;}
div.right h3, div.right img {float:left;}
div.right h3 {margin-left:35px;}

/* buttons */
a.button {margin-right:25px;display:block;float:left;color:#FFF;padding:10px 25px;background-color:#BA6511;font-size:14px;-moz-border-radius:5px;-webkit-border-radius:5px;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;border-color:#554839}
a.brown:hover {background-color:#8D7E6E}
a.gray {background-color:#999999;border:none}
a.gray:hover {background-color:#333333}
a.small {font-size:12px;padding:5px 15px;border:none}

div#home_header a.button,div#callout a.button {padding:15px 30px;;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
div#home_header a.button:hover, div#callout a.button:hover {-webkit-box-shadow:0 0 8px #c76e15;-moz-box-shadow:0 0 8px #c76e15;box-shadow:0 0 8px #c76e15;}

/* forms and subnavigation */
div#subnav {background-color:#716558}
ul#labels {width:920px;margin:0px auto 0px auto;clear:both;height:65px;}
ul#labels li {float:left;font-size:12px;padding:10px 20px 0px 0px;}
ul#labels li a {text-decoration:underline;}
ul#labels li a.nav {display:block;padding:10px;}
div#facebook {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#labels label, ul#labels input {float:left;}
ul#labels input {margin-top:12px;}
ul#labels li h3 {color: #FFFFFF;font-weight: normal;padding-top: 8px;}
ul#labels label {margin-left:4px;padding:10px 15px;background-color:#CCC;font-size:14px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
ul#labels label:hover {background-color:#fff;}
ul#labels a.button {margin-top:5px;text-decoration:none;}
ul#labels li#radio {padding-top:12px;}
ul#labels li#radio input {margin:auto;}
ul#labels li#button {padding:4px 0 0 0;}
ul.form {}
div#subnav ul.form label.on {background-color:#fff;border:2px solid #cb955f;-webkit-box-shadow:0 0 10px #3d352c;-moz-box-shadow:0 0 10px #3d352c;box-shadow:0 0 10px #3d352c;}

/* 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;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;width:920px;float:left;padding:0px 0px 0px 0px;margin-bottom:50px;}
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}

/* tweet */
div#twitter {background:url('../image/twitter.gif') top left no-repeat;padding:0 10px 18px 65px;width:835px;margin:0px auto;clear:both;margin-bottom:0px;}
div#twitter a#tweet {display:block;background-color:#bee1f5;color:#44a9e1;padding:21px 10px 21px 5px;font-size:14px;}

/* 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;}