html{}

body{background-color: #232323;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

}

a{color:#c13b00;}

div#wrapper{width: 940px; margin: auto;}


div#header{background-color:#232323; height: 119px;width: 915px; margin: auto; }

img#logo{margin-top: 37px; float: left;}

ul#nav{float: right; width: 510px; background-image:url(../images/nav.gif); height: 10px; background-repeat: no-repeat; margin-top: 84px;}

ul#nav li{display: inline; float: left; overflow: hidden; height: 10px;}

ul#nav li a{display: block; padding-top: 10px;float: left; }

ul#nav li#nav-home a{width: 58px;}
ul#nav li#nav-about a{width: 78px;}
ul#nav li#nav-services a{width: 107px;}
ul#nav li#nav-results a{width: 99px;}
ul#nav li#nav-blog a{width: 67px;}
ul#nav li#nav-contact a {width: 88px;}






div#content-top{background-image:url(../images/bg-header-top.gif); height: 21px; background-repeat: no-repeat; }

div#content{background-color:#fff; width: 940px; margin: auto; padding-top: 14px; }

div#masthead{background-color:#dea001; margin: auto; margin-bottom: 14px; height: 303px; width: 915px; background-image:url(../images/bg-masthead.jpg); margin-top: -20px; }


div#factoid{background-color:#c13b00; margin: auto; width: 915px; height: 172px; margin-bottom: 14px; background-image: url(../images/bg-factoid.jpg);}

div#factoid img#fact {float: left; margin-left: 35px;}


div#factoid p{float: left; color:#fff; width: 500px; margin-top: 50px; margin-left: 25px; line-height: 18px; }

div#factoid img#learn-more{float: right; margin-right: 20px;}



div#callouts {margin: auto; width: 915px; height: 318px; background-image:url(../images/bg-callouts.jpg); position: relative; }

div#callouts a{color:#c13b00; display: block; position: absolute; bottom: 60px;}

div#callouts h3{font-size: 24px; font-family: "Trebuchet MS"; float: left;}

div#callout1 {width: 313px; border-right: 1px solid #ccc; float: left; height: 300px; position: relative;}
div#callout1 h3 {margin-left: 36px; padding-top: 8px;}
img#icon-blog{float: right; margin-right: 26px;}

div#callout1 ul{clear: both;  color:#232323; line-height: 16px; padding-left: 36px; padding-right: 26px;  }

div#callout1 ul li a{position: relative; top: 0px;}

div#callout1 span {clear: both; display: block; padding-left: 36px; font-size: 11px; padding-top: 15px; padding-bottom: 3px; color:#232323; font-style: italic;}




div#callout2 {width: 304px; border-right: 1px solid #ccc; float: left;height: 300px; position: relative;}
div#callout2 h3 {margin-left: 36px; padding-top: 8px;}
img#icon-results{float: right; margin-right: 26px;}
div#callout2 p {clear: both; padding-top: 10px; color:#232323; line-height: 20px; padding-left: 36px; padding-right: 26px;}



div#callout3 {width: 296px;  float: left;height: 300px; position: relative;}
div#callout3 h3 {margin-left: 36px; padding-top: 8px;}
img#icon-client-praise{float: right; margin-right: 39px;}
div#callout3 p {clear: both; padding-top: 10px; color:#232323; line-height: 20px; padding-left: 36px; padding-right: 39px;}



div#footer{clear: both;background-image:url(../images/bg-footer.gif); background-repeat: no-repeat; margin-bottom: 10px; padding-top: 30px;  padding-bottom: 20px; }

div#footer span{ color:#fff; text-transform: uppercase; float: left; display: block; padding-right: 20px;}


ul#nav-footer{float: left; width: 400px;}

ul#nav-footer li{display: inline;}

ul#nav-footer li a{color:#5d5d5d; text-decoration: none; text-transform: uppercase; font-size: 11px; display: block; margin-right: 8px; float: left;}

/*  SUBPAGE */

div#subpage-container{padding: 10px; padding-top: 0px;  }
div#subpage-container h1{font-size: 18px; font-weight: bold; padding-bottom: 8px;}

div#subpage-container h2{font-size: 13px; font-weight: bold;}
div#subpage-container h3{font-size: 13px; font-weight: bold; padding-bottom: 3px; padding-top: 5px; line-height: 16px;}



div.masthead-subpage{padding-bottom: 15px;  margin-top: -20px;}

div.subpage-content{background-image:url(../images/subpage-container-bg.jpg); background-repeat: no-repeat; background-position: top; padding-left: 20px; padding-right: 20px; padding-top: 10px; overflow: hidden; }

div.subpage-content-left{float: left; width: 500px; padding-top: 30px;}

div.subpage-content p{padding-bottom: 8px; line-height: 16px;  }
div#subpage-container div.subpage-content h1{color:#c03b02; font-weight: normal; padding-bottom: 15px;}

div.subpage-content div#subpage-sidebar{ float: right;  height: 581px; margin-left: 10px;  background-image:url(../images/bg-sidebar.gif); width: 276px;}

div.subpage-content div#subpage-sidebar div{padding: 20px; }

div.subpage-content div#subpage-sidebar div h3{color:#fff; font-size: 16px;}
div.subpage-content div#subpage-sidebar div p{color:#fff; }

div.subpage-content div#subpage-sidebar div form label {color:#fff; display: block; padding-bottom: 4px; padding-top: 10px; }
div.subpage-content div#subpage-sidebar div form input {width: 226px; height: 20px;}
div.subpage-content div#subpage-sidebar div form textarea {width: 226px; height: 120px;}
div.subpage-content div#subpage-sidebar div form input#submit {width: 110px; height: 30px;    cursor: pointer;  display: block; margin-top: 16px;}



/* CONTACT PAGE */

table#contact-form-table{}
table#contact-form-table td{padding-bottom: 5px;}
table#contact-form-table div{width: 300px;  overflow: hidden;}
table#contact-form-table div input{float: left;}
table#contact-form-table label{float: left; display: block; padding-top: 3px;}

/* BLOG PAGE */

div#content-top.blog{height: 101px; background-image:url(../images/bg-header-blog.jpg); border-bottom: 9px solid #fff; }




div#content.blog{ overflow: hidden; background-image:url(../images/subpage-container-bg.jpg); background-repeat: no-repeat; padding-left: 20px; padding-right: 20px; padding-top: 20px; margin: auto;  width: 900px; background-position: top center;  }
div#content.blog p{padding-bottom: 8px; line-height: 16px;}
div#subpage-container.blog{ float: left; overflow: hidden;  }
div#subpage-container.blog div.masthead-subpage{float: left; border: 1px solid #ff0000;}
div#subpage-container.blog div.subpage-content{ width: 880px;}
div#subpage-container.blog div.post{float: left; width: 600px; }
div#subpage-container.blog div.post h2{font-size: 17px; font-weight: bold;}
div#subpage-container.blog div.post h2 a{text-decoration: none;}
div#subpage-container.blog div.post h2 a:hover{text-decoration: underline;}
span.author-info{ font-size: 11px; display: block; padding-bottom: 10px; padding-top: 3px;}

div#content.blog div.postmeta {padding-bottom: 10px;}
div#content.blog div.postmeta p{font-size: 11px !important;}


div#sidebar{ border-left: 1px solid #ccc; width: 225px; float: right; padding-left: 20px; padding-right: 10px; }
div#sidebar ul li {font-size: 14px; font-weight: bold;}
div#sidebar ul li ul{ padding-bottom: 10px;}
div#sidebar ul li ul li{font-size: 12px; font-weight: normal; padding-top: 8px; line-height: 14px;}

div.post h1 a{ font-weight: bold; text-decoration: none; font-size: 17px;}
div.post h1 a:hover{text-decoration: underline;}