/* Brittania Joinery & Building Services | Mike Stephens - MWISMedia New Media Design & Development */

html { height: 100%; margin-bottom: 1px; }
html,body{ height:100% !important; } 
p, li, ul, h1, h2, h3 ,h4 ,h5 ,h6, label, input, select, a { font: normal 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000000; }
body { margin: 0px; padding: 0px; text-align: center; background: #ffffff repeat-x url(../img/bg.jpg); color: #000000; font: normal 12px  Arial, Helvetica, sans-serif; }

img { border: none; }
a { color: #000000; text-decoration: underline; }
a:hover { color: #B36B00; text-decoration: none; }

/* ---------------------------------------------------------------*/
#main_container { width: 801px; background: #FFFFFF no-repeat url(../img/main_container_bg.jpg); margin: auto; padding: 0; }

#nav { float: left; margin: 0 0 0 13px; width: 775px; height: 50px; list-style: none; }
#nav li { display: inline; width: 155px; float: left; background: no-repeat url(../img/nav_bg.jpg); height: 50px; }
#nav li a { font-weight: bold; color: #FFFFFF; display: block; text-decoration: none; line-height: 45px; }
#nav li a:hover { color: #FECD81; }

/* ---------------------------------------------------------------*/
#col_one { float: left; width: 251px; margin: 27px 15px 5px 28px; text-align:left; }
#col_one #logo { float: left; margin: 0 15px 5px 10px; }
#co_one_title {float:left; width: 241px;}
#col_one h1, #col_two h1 { width: 241px; line-height: 30px; font-weight: bold; font-size: 15px; float: left; background: repeat-x url(../img/h1_bg.jpg); color: #FFFFFF; padding: 0 0 3px 10px; margin: 20px 0 5px 0;}
#col_one h2, #col_two h2 { width: 451px; font-weight: bold; font-size: 13px; float: left;  color: #000; padding: 5px 0 5px 0;}
#col_one h3, #col_two h3 { width: 451px; font-weight: bold; font-size: 12px; float: left;  color: #000; padding: 10px 0 10px 0;}
#col_one p.semantics { width: 241px; line-height: 30px; font-weight: bold; font-size: 15px; float: left; background: repeat-x url(../img/h1_bg.jpg); color: #FFFFFF; padding: 0 0 3px 10px; margin: 20px 0 5px 0;}
#col_one ul, #col_one p, #col_one h1, #col_two ul { clear: both; }
#col_one ul { width: 250px; list-style: none; }
#col_one li {  float: left; margin: 1px 0 1px 0; width: 250px; background: no-repeat url(../img/sidenav_bg.jpg); height: 25px; }
#col_one li a { font-weight: bold; text-decoration: none; display: block; line-height: 25px; padding: 0 0 0 33px; }

#col_one p.quote { width: 125px; float: left; font-size: 11px; line-height: 16px; margin: 5px 0 0 10px; }
#col_one #qimg { float: left; }

#col_one p.link { width: 249px; height: 23px; background: no-repeat url(../img/sidenav_bg.jpg); float: left; margin: 10px 0 0 0;}
#col_one p.link a { font-weight: bold; text-decoration: none; line-height: 23px; padding: 0 0 0 35px; display: block; }

#col_one address { line-height: 18px; font-style: normal; margin: 5px 0 15px 0; float: left; clear: both; width: 265px; }
#col_one p { line-height: 18px; font-style: normal; margin: 0 0 15px 5px; }

/* ---------------------------------------------------------------*/

#col_two { float: left; width: 479px; text-align:left; margin: 10px 0 0 0; }
#col_two h1 { width: 469px; margin: 10px 0 10px 0; }
#col_two p { line-height: 18px; margin: 0 0 10px 0; }
#col_two p.link { width: 169px; height: 23px; background: no-repeat url(../img/btn.jpg); float: left; margin: 10px 0 15px 0;}
#col_two p.link a { font-weight: bold; text-decoration: none; line-height: 23px; padding: 0 0 0 35px; display: block; }
#col_two ul { list-style: none; margin: 0 0 0 20px; }
#col_two li { background: no-repeat url(../img/bullet.jpg) center left; padding: 0 0 10px 15px; margin: 2px; }

/* ---------------------------------------------------------------*/
#footer { width: 746px; background: repeat-x url(../img/h1_bg.jpg); float: left; margin: 5px 0 15px 27px; }
#footer .links { padding: 40px 0 0 0; color: #333333; font-size: 11px; }
#footer .links a { text-decoration: none; color: #333333; font-size: 11px; }
#footer .links a:hover { text-decoration: underline; }
#footer .links em { font-style: normal; color: #66CC00; }