/*************************

author: David Goadby 
tag: thedaveyb
site: tailwindsolutions.co.uk
web: www.thedaveyb.co.uk 
email: david@thedaveyb.co.uk
client: d4hcreative.com

***********************/


/* SITE DEFAULTS -------------------------------------------------------*/
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, div {margin: 0 0 0 0;padding: 0 0 0 0;color:#333; font: normal 12px Tahoma;}
body {margin: 0px;padding: 0px;text-align: center; color:#666; background: repeat-x url(../img/bg.jpg) #D7D4C5;}

/* MAIN CONTAINER */
#container { width: 975px; margin: auto;}
 
/* HEADER   -------------------------------------------------------*/
#header { height:98px; background: no-repeat url(../img/bg_header.jpg);}
#header ul { float:left; margin: 0 0 0 360px;}
#header li { float: left; list-style:none; }
#header li a {display:block; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; padding: 9px 10px 9px 14px; margin: 0 2px 0 2px; background: no-repeat url(../img/bg_li.jpg);}
#header li a:hover { text-decoration:underline;}

/* MAIN PAGE BG */
#bg { background: repeat-y url(../img/bg_fudge.gif);}


/* PAGE COLUMNS */
#col_one {float:left; width: 492px; text-align:left; display:block;}
#col_two {float:left; width:481px;text-align:left; display:block;}


/* HOMEPAGE FUDGES */
#col_one .home { background: no-repeat url(../img/bg_col_one.jpg); height: 176px; display:block;}
#col_one .home h1 { font: normal 24px trebuchet MS; color: #990000; margin: 10px 0 0 70px;}
#col_one .home p { font: normal 12px Arial; color: #000; margin: 10px 30px 0 70px; line-height: 24px;}
#col_two .home2 { background: no-repeat url(../img/bg_col_two.jpg); height: 169px; display:block;}
#col_two .home2 p { font: normal 12px Arial; color: #000; margin: 10px 70px 0 20px; line-height: 24px;}


/* HOMEPAGE FOOT SECTION */
#footer { background: no-repeat url(../img/bg_home_foot.jpg); height: 265px; display:block; text-align:left;}
#foot_col_one {float:left; width: 492px; text-align:left; height: 183px;}
#foot_col_two {float:left; width:481px;text-align:left;height: 183px;}
#foot_col_one h4 { font: normal 20px trebuchet MS; color:#333333;margin: 10px 0 0 70px; }
#foot_col_two h4 { font: normal 20px trebuchet MS; color:#333333;margin: 10px 0 0 20px; }
#foot_col_one li {margin: 10px 0 0 80px; background: no-repeat url(../img/li_bg.gif); list-style:none; padding: 2px 2px 2px 20px;}
#foot_col_two li {margin: 10px 0 0 40px; background: no-repeat url(../img/li_bg.gif); list-style:none; padding: 2px 2px 2px 20px;}
#foot_col_one a, #foot_col_two a { color:#333333; text-decoration:none;}
#foot_col_one a:hover, #foot_col_two a:hover { color:#990000; text-decoration:underline;}

/* HOMEPAGE FOOTER  */
#footer .home_footer p.left { float:left;margin: 0px 0 0 70px;color:#68624A; font-size:11px;}
#footer .home_footer .left strong { color:#990000; font-size:12px;}
#footer .home_footer p.right { float:right;margin: 0px 60px 0 0px;color:#68624A; font-size:11px;}
#footer p.right a {color:#68624A; text-decoration:none;}
#footer p.right a:hover { color:#990000; text-decoration:underline;}


/* BODY CONTENT */
#col_one .main-left h1 { font: normal 24px trebuchet MS; color: #990000; margin: 10px 0 0 70px;}
#col_one .main-left h2 { font: normal 20px trebuchet MS; color: #990000; margin: 20px 0 0 70px;}
#col_one .main-left h3 { font: normal 16px trebuchet MS; color: #990000; margin: 20px 0 0 70px; border-bottom: 1px solid #F4F4F4; width: 80%; }
#col_one .main-left p { font: normal 12px Arial; color: #000; margin: 10px 30px 0 70px; line-height: 24px;}
#col_one .main-left li { font: normal 12px Arial; color: #000; margin: 10px 30px 0 90px; line-height: 24px;}
#col_two .main-right  p { font: normal 12px Arial; color: #000; margin: 10px 70px 0 20px; line-height: 24px;}
#col_two .main-right h1 { font: normal 24px trebuchet MS; color: #990000; margin: 10px 0 0 20px;}
#col_two .main-right h2 { font: normal 20px trebuchet MS; color: #990000; margin: 10px 0 0 20px;}
#col_two .main-right h3 { font: normal 16px trebuchet MS; color: #990000; margin: 10px 0 0 20px;}
#col_one .main-left a { color:#990000;}
#col_two .main-right a {color:#990000;}



/* MAIN FORMS */
fieldset { float:left; margin: 10px 0 10px 70px; display:block; width: 380px;}
fieldset span { display:block; float:left; clear:both; width: 100%; margin: 5px 0 5px 0;}
fieldset label { margin: 10px; float:left; width: 60px; text-align:right;}
fieldset input { margin:5px; padding: 2px; border:1px solid #CCCCCC; float:left; width: 270px;}
fieldset select { margin:5px; padding: 2px; border:1px solid #CCCCCC; float:left; width: 270px;}
fieldset textarea { margin:5px; padding: 2px; border:1px solid #CCCCCC; float:left; width: 270px;}



#foot {background: no-repeat url(../img/bg_footer.jpg); display:block; height:69px; text-align:left; padding-top: 30px;}
#foot p.left { float:left;margin: 0 0 0 70px;color:#68624A; font-size:11px;}
#foot p.left strong { color:#990000; font-size:12px;}
#foot p.right { float:right;margin: 10px 60px 0 0px;color:#68624A; font-size:11px;}
#foot p.right a {color:#68624A; text-decoration:none;}
#foot p.right a:hover { color:#990000; text-decoration:underline;}
