/* its'not art / www.thedaveyb.co.uk  */
html { height: 100%; margin-bottom: 1px; }  
html,body{height:100% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select {margin: 0 0 0 0;padding: 0 0 0 0;color:#666; font: normal 12px tahoma;}
body {margin: 0px;padding: 0px;text-align: center; color:#666; background: repeat-x url(../img/bg_page.jpg);}

/* CHUNKY HEADER ---------------------------------------------------------------*/
#header { margin:auto; padding:auto; width: 913px; height: 103px; height: 103px; background: no-repeat url(../img/bg_header.jpg);clear:both;}
#header p { float:right; margin: 0 25px 0 0; font: normal Tahoma; color:#D9E8EF;}
#header img { margin: 3px 0 0 0;}

/* MAIN CONTAINERS  ---------------------------------------------------------------*/
#flash {clear:both; padding: 7px 0 0 0; margin:auto;width: 794px; height:107px; background: no-repeat url(../img/img_header.jpg);}
#two_col {width: 800px; margin: auto; padding: auto; background: repeat-y url(../img/bg.gif);}
#col_one {width: 280px;float:left; text-align:left;  padding: 13px 0 0 0;}
#col_two {float:left;text-align:left; width: 460px; margin: 0 0 0 40px;}
#two_col_one {float:left; width: 265px;margin: 0 0 0 10px;}
#two_col_two {float:left; width: 265px; margin: 0 0 0 5px;}


/* NAV  ---------------------------------------------------------------*/

#nav { height: 32px; margin: auto; padding:20px 0 0 0;width: 913px;}
#nav li { list-style:none; display:inline;}
#nav li a {font: bold 11px tahoma;color:#FFFFFF; text-decoration:none; margin: 15px 0 0 0;padding: 15px 5px 10px 30px; background: no-repeat url(../img/bg_navli.gif); }
#nav li a:hover {text-decoration:underline; color:#B1D3E4;}

/* COL ONE CONTENT STYLES  ---------------------------------------------------------------*/
#col_one h3 { font: bold 11px tahoma; color:#FFFFFF; padding: 5px 5px 5px 10px;}
#col_one .box { width:250px; height: 100px; background: no-repeat url(../img/bg_box.jpg); margin: 15px 0 30px 15px; border: 1px solid #CCCCCC;}
#col_one input.home_box { background: no-repeat url(../img/bg_input.jpg); border: none; width:230px; height:29px; margin: 5px 0 0 10px; padding: 7px 0 0 5px;}
#col_one input.submit { background: no-repeat url(../img/bg_search.jpg); width: 96px; height: 29px; border:none;margin: 0 0 5px 10px; float: left; }
#col_one a.stuck { font: bold 10px Tahoma; color:#005278; text-transform:uppercase; margin: 0 15px 0 15px; text-decoration:none; float: left;}
#col_one a:hover.stuck {text-decoration:underline;}
#col_one p.wallchart { margin: 5px 5px 0 10px;}
#col_one img.chart { margin: 10px 0 0 10px;}

/* COL TWO CONTENT STYLES  ---------------------------------------------------------------*/
#col_two h1 {font:normal 28px tahoma; color:#005B88; margin: 25px 0 0 0;}
#col_two h2 {font:bold 18px tahoma; color:#0070A6; margin: 5px 0 20px 0; padding: 0 0 5px 0; border-bottom: 1px solid #F0F0F2; } 
#col_two h3 {font:normal 28px tahoma; color:#005B88; margin: 25px 0 0 0;}
#col_two h4 {font:bold 18px tahoma; color:#0070A6; margin: 5px 0 20px 0;padding: 0 0 5px 0; border-bottom: 1px solid #F0F0F2; } 
#col_two p {margin: 5px 0 15px 0; line-height:20px;}
#col_two p a { color:#0070A6; text-decoration:underline;}
#col_two li {margin: 5px 0 3px 25px; line-height:20px;}
#col_two li a { color:#0070A6;}


/* MAIN CONTACT FORM */
#log { border: 1px solid #F0F0F2; width: 95%; margin: 0 0 0 0;}
#log p { padding: 5px; display:block; clear:both; }
#log label { float:left;width: 100px; font: normal 13px Tahoma, Helvetica, sans-serif; color: #0070A6; text-align:right; padding: 0 5px 0 0; line-height: 25px; }
#log input { float:left;border: 1px solid #ccc; padding: 5px; line-height: 24px; width: 250px; font: normal 14px Tahoma, Helvetica, sans-serif; color: #0070A6;  background: repeat url(../img/inputbg.gif);}
#log textarea { float:left;border: 1px solid #ccc; height: 75px; line-height: 24px; width: 250px; font: normal 14px Tahoma, Helvetica, sans-serif; color: #0070A6;background: repeat url(../img/inputbg.gif); }
#log select, #log option {border: 1px solid #ccc; line-height: 24px; width: 250px; font: normal 14px Tahoma, Helvetica, sans-serif; color: #0070A6;background: repeat url(../img/inputbg.gif); }



/* CALIPER SEARCH ---------------------------------------------------------------*/
#search { display:block; height: 50px; float: left; clear:both; width: 400px;  padding: 10px; margin: 0 0 00; }
#caliper {margin: 0 0 0 0;float: left; clear:both; width: 500px;  padding: 10px; }
.product { width: 140px; float: left; margin: 6px 1px 6px 1px; text-align:center; border:1px solid #CCCCCC; background-color:#FFFFFF; height: 185px; font: normal 9px Verdana, Arial, Helvetica, sans-serif;}
.product img { margin: 5px 0 5px 0;}
.product1 { width: 125px; float: left; margin: 6px 4px 6px 4px; text-align:center; border:1px solid #CCCCCC; background-color:#FFFFFF; height: 125px;}
.product1 img { margin: 5px 0 5px 0;}
/* MISC */
.desc {display:block; padding: 0 0 20px 0;  border-bottom: 1px solid #F0F0F2;}

/* FOOTER  ---------------------------------------------------------------*/
#footer { background: repeat-x url(../img/bg_footer.jpg) #003853; clear:both; text-align:center; height: 113px;}
#footer .foot {width: 913px;  margin: auto; padding:auto; text-align:left; padding: 25px 0 0 0;}
#footer p { color:#FFFFFF; line-height: 18px; font: normal 11px tahoma;}
#footer a {color:#D9E8EF; text-decoration:none; font-size: 10px;}
#footer .credits { margin: 10px 0 10px 0;}