/* 

the humans responsible & colophon
humanstxt.org

TEAM 
  Developer: Laurie M. Rauch
  Site: http://www.codediva.com
  Twitter: lauriemrauch
  
  Designer: Tribe Creative
  Site: http://tribecreative.net
  Twitter: tribesandiego

SITE 
  Standards: XHTML, CSS3

*/




html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{background:url(../img/bg.jpg) repeat-x #471F3D; line-height:150%; font-size:85%; color:#471f3d; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
#head{background:url(../img/hero.jpg) no-repeat transparent center top; height:528px;}
#headinside{width:945px; margin:auto;height:520px;}
#logo{text-indent:-99999px;}
#description{height:124px; width:522px; background:url(../img/banner.png) no-repeat transparent 0 0; text-indent:-99999px; display:block; left: 385px; position: relative; top: 460px; }
#main{background-image:url(../img/pattern.jpg); height:357px; -webkit-box-shadow: 0px 1px 10px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 10px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 10px 5px rgba(0, 0, 0, 0.5); margin-bottom:25px;}
#maininside{height:357px; background-image:url(../img/homebg.jpg); width:945px; margin:auto; }
#andbox{height:330px; width:298px; background-image: url(../img/and.png); float:left; margin:15px 0 0 15px; float:left;}
#socials{list-style:none outside none; margin-top:125px; margin-left:45px;}
#socials li{margin-bottom:12px; line-height: 26px;}
#socials li a{color:#FFF4D9; text-decoration: none; text-transform: uppercase; font-size:14px; font-weight: bold;}
#socials li a:hover{color:#471E3C;}
#socials a img{vertical-align: top; margin-right:12px;}
#content{float:right; margin-right: 25px; margin-top: 90px; width: 535px;}
#links li{list-style:none outside none; }
#links li a{height:64px; width:520px; display:block; text-indent:-9999px; background-repeat:no-repeat; background-color:transparent; margin-bottom:25px; display:block; background-position:top left;}
#links li a:hover{background-position:bottom left;}
#theco{background-image: url(../img/thecompany.png);}
#theblog{background-image: url(../img/theblog.png);}
#theport{background-image: url(../img/theportfolio.png);}
#footer{margin:0 auto 150px; width:945px; color:#FFF4D9; text-align:right; }
#footer a{color:#FFF4D9; text-decoration:underline;}
#footer a:hover{color:#E39B34;}