/*************************

author: David Goadby 
tag: thedaveyb
site: andersenbanks.com
web: www.thedaveyb.co.uk 
email: david@thedaveyb.co.uk
client: mwismedia.co.uk

***********************/


/* 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 11px Arial;}
body {margin: 0px;padding: 0px;text-align: center; color:#333; background-color: #F7F7F4;}

/* MISC : BODY -------------------------------------------------------*/
#container {width: 1024px; margin:auto; background: repeat-y url(../img/bg.jpg) #fff;}
#header { width: 997px; background: no-repeat url(../img/bg_header.jpg); float:left; height: 162px; margin: 0 0 0 13px;}

#nav_hold { background-color: #D9293D;width: 997px; margin: 0 0 0 13px; display:block;float:left;}

/* NAV -------------------------------------------------------*/
#nav_hold  li { float:left; list-style:none;}
#nav_hold  li a { display:block; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 6px 20px 7px 15px; text-decoration:none;}
#nav_hold  li a:hover { text-decoration:underline;}
#nav { float:left; margin: 0 0 0 10px;}
#nav ul {list-style: none;}
#nav li {position: relative;display:block;float:left;font: bold 10px Arial, Helvetica, sans-serif; color:#fff;}
#nav li ul {display: none;position: absolute;top: 2px;left: 0;z-index: 10;}
#nav li ul li { float:left; clear:both;}
#nav li ul li a {color: #000;background-color: #D9293D;  background-image:none;text-align:left; padding:5px; font: bold 12px Arial, Helvetica, sans-serif; color:#fff; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin:0; width:200px;display: block; float:none; }
#nav li ul li a:hover {display: block;color: #fff;background-color:#000; }
#nav li ul li a:hover iframe.one {left:0; top:35px; width:450px; height:400px;}
#nav li ul li a:hover iframe.two {left:0; top:35px; width:400px; height:405px;}
#nav li>ul { top: auto;left: auto;}
#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
	left:auto;
	top:auto;
}

/* COL ONE -------------------------------------------------------*/
#col_one { float:left; width: 202px; text-align:left;margin: 0 0 0 13px; border-right: 1px solid #F2F2F2; clear:left;  }
#col_one h3 { background: repeat-x url(../img/bg_h3.jpg); width: 190px; margin:1px 1px 0 0px; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 0 15px 10px;}
#col_one .drop { width: 190px; font-size: 11px;margin: 0px 0 15px 5px; display:block;}
#col_one ul {}
#col_one li {color:#D9293D; list-style:none; margin: 10px;}
#col_one li a { color:#444343;text-decoration:none; font-weight:bold;}
#col_one li a:hover { text-decoration:underline;}

/* COL TWO -------------------------------------------------------*/
#col_two { float:left; width: 800px; text-align:left; background:repeat-x url(../img/bg_col_two.jpg);}

/* MAIN CONTENT -------------------------------------------------------*/
#main_content {float:left; width: 518px; padding: 10px 10px 0 20px;clear:left;}
#main_content h1 { font: bold 18px Arial, Helvetica, sans-serif; color:#D9293D; margin: 15px 0 5px 0;}
#main_content h2 {font: bold 14px Arial, Helvetica, sans-serif; color:#333; margin: 15px 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #F5F5F5;line-height:22px;}
#main_content h3 {font: bold 12px Arial, Helvetica, sans-serif; color:#D9293D; margin: 5px 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #F5F5F5;}
#main_content p { font: normal 11px Arial, Helvetica, sans-serif; color:#333333; margin: 10px 20px 20px 0px; line-height:22px;}
#main_content ul {}
#main_content li {font: normal 11px Arial, Helvetica, sans-serif; color:#333333; margin: 5px 50px 5px 45px; line-height:18px;}
#main_content a {color:#666;}
#main_content a:hover {color:#D9293D; text-decoration:none;}



/* SECOND CONTENT -------------------------------------------------------*/
#second_content { float:left; width: 250px;}
#second_content img { float:left; margin: 0 0 0 1px;}
#second_content ul { margin: 25px 0 0 10px;}
#second_content a:hover { text-decoration:underline;}

/* 3rd COLUMN -----------------------------------------------------------------*/

#col_three { float:left; width: 232px; text-align:left;margin: 0 0 0 15px; background: repeat-y url(../img/col_3bg.jpg) #FFFFFF;}
#col_three h3 { background: repeat-x url(../img/h3_bg.jpg); width: 222px; margin:1px 1px 0 1px; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 0 15px 10px;}
#col_three h4 { background: repeat-x url(../img/h3_bg.jpg);  width: 222px; margin:1px 1px 0 1px; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 0 15px 10px;}
#col_three input, #col_one select { margin: 5px 0 5px 5px;}
#col_three ul {}
#col_three li {color:#D9293D; list-style:none; margin: 10px;}
#col_three li a { color:#444343;text-decoration:none; font-weight:bold;}


/* HOME COLUMNS  -----------------------------------------------------------------*/

#home_colone { float:left; width: 530px;}
#home_colone h1 { font: bold 14px Arial, Helvetica, sans-serif; margin: 20px 0 10px 20px; color:#D9293D;}
#home_colone p { font: normal 12px Arial, Helvetica, sans-serif; color: #333333; line-height: 28px;margin: 20px 20px 10px 20px;}

 .home_box { width: 224px; float:left; margin: 10px 10px 10px 10px; border: 1px solid #EDEDE7; background-color:#F7F7F4; height:200px;}
 .home_box  h3 { font:bold 14px Arial, Helvetica, sans-serif; color:#3A3838; margin: 10px;}
 .home_box  li { list-style:none;color:#D9293D;  margin: 5px 0 5px 10px; line-height: 26px; }
 .home_box  li a { font: normal 11px Arial, Helvetica, sans-serif; color:#D9293D;}

#main_content .home_box { width: 224px; float:left; margin: 10px 10px 10px 20px; border: 1px solid #EDEDE7; background-color:#F7F7F4; height:200px;}
#main_content .home_box  h3 { font:bold 14px Arial, Helvetica, sans-serif; color:#3A3838; margin: 10px;}
#main_content .home_box  li { list-style:none;color:#D9293D;  margin: 5px 0 5px 10px; line-height: 26px; }
#main_content .home_box  li a { font: normal 11px Arial, Helvetica, sans-serif; color:#D9293D;}
 
 
#home_coltwo { float:left; width: 245px; border-left: 1px solid #F2F2F2;}
#home_coltwo h2 {font: bold 14px Arial, Helvetica, sans-serif; margin: 20px 0 10px 20px; color:#D9293D;}
#home_coltwo p a { font: normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#D9293D;margin: 20px 0 10px 0px; }
#home_coltwo p { font: normal 12px Arial, Helvetica, sans-serif; color: #333333; line-height: 28px;margin: 20px 0 10px 20px;}

/* FORM  :  -------------------------------------------------------*/
#form_box {width:470px; border:1px solid #F4F4F4; margin: 0 0 0 20px;}
#log { padding: 10px 0 10px 0;}
#log p { padding: 2px; display:block; clear:both; margin: 0 0 7px 20px; }
#log label { float:left; display:block; width: 100%; font: bold 12px Arial, Helvetica, sans-serif; color: #D9293D; text-align:left; padding: 0 0px 0 0;  }
#log input { background: repeat url(../img/input_bg.jpg); float:left;
border-left: 1px solid #ccc; 
border-top: 1px solid #ccc; 
border-right: 1px solid #F3F3F3; 
border-bottom: 1px solid #F3F3F3; 
padding: 5px;  width: 400px; font: normal 11px Arial, Helvetica, sans-serif; color: #333;  }
#log textarea {background: no-repeat url(../img/input_bg.jpg);  float:left;border-left: 1px solid #ccc; 
border-top: 1px solid #ccc; 
border-right: 1px solid #F3F3F3; 
border-bottom: 1px solid #F3F3F3;   padding: 5px; height: 75px; width:400px;  font: normal 11px Arial, Helvetica, sans-serif; color: #333;  }
#log select, #log option {background: repeat url(../img/input_bg.jpg); float:left;border-left: 1px solid #ccc; 
border-top: 1px solid #ccc; 
border-right: 1px solid #F3F3F3; 
border-bottom: 1px solid #F3F3F3;  width: 400px; font: normal 11px Arial, Helvetica, sans-serif; color: #333;  }
#log .form_button {width: 150px; margin: 10px 0 0 100px; color:#666;}
#log small { font-size: 9px; color:#D9293D;}
small { font-size: 9px; color:#D9293D;}

#second_content { float:left; width: 250px;}
#second_content img { float:left; margin: 0 0 0 1px;}
#second_content ul { margin: 25px 0 0 10px;}
#second_content a:hover { text-decoration:underline;}

/* FOOTER ------------------------------------------------ */
#footer { display:block; width: 1000px; margin: 0 0 0 15px; border-top: 1px solid #F2F2F2; text-align:left; float:left;}
#footer p { color:#999999; font: normal 11px Arial, Helvetica, sans-serif; padding: 10px;}
#footer a {color:#999999; font: normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}