/*
Theme Name: Daniell & Battell
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 23rd May 2008
*/
html, body{ margin:0; padding:0; text-align:center; background:url(img/bg.gif) top center; font-family:verdana;} 
 
#pagewidth{ width:840px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page_bg.gif) top center repeat-y;} 
 
#header{ position:relative; height:138px; width:840px;background:url(img/header.jpg) top center no-repeat;} 
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:400px; }
#header h1 a{display:block;width:400px;height:138px;}
#header h1 a:hover{display:block;width:400px;height:138px;}
#header h1 span{display:none;}


#headercontacts{float:right; font-weight:bold; position:relative; clear:right; text-align:right; width:400px; line-height:1.7em; height: 60px;color:#446C91; font-size:12px; font-family:verdana; margin:30px 20px 0px 0px; display:block;}
#headercontacts a{color:#446C91; text-decoration:none;}
#headercontacts a:hover{color:#333333; text-decoration:none;}


#tabs { font-size:100%; display:block; line-height:normal; margin: 21px 0px 0px 0px; width:400px; height: 26px; float:right; clear:right; text-align:right; padding: 0px 18px 0px 0px;}
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:right; font-family: verdana; font-size: 12px; font-weight:bold;}
#tabs li { display:inline; margin:0; padding:0;}
#tabs a { float:left; background:url("img/tab.gif") no-repeat left top; margin:0px 1px 0px 0px; padding:0 0 0 11px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url("img/tab2.gif") no-repeat right top; padding:7px 18px 6px 6px; color: #FFFFFF; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #FFFFFF; }
#tabs a:hover { background-position:0% -42px; color: #FFFFFF; }
#tabs a:hover span { background-position:100% -42px; color: #FFFFFF; }
#tabs #current a { background-position:0% -42px; }
#tabs #current a span { background-position:100% -42px;}





#leftcol{ width:161px; float:left; position:relative; padding: 2px 2px 0px 22px;}
#leftcol h2{ width:131px; padding: 8px 0px 0px 30px; display: block; background: url(img/h2.jpg) top left no-repeat; height:23px; font-size: 12px; color:#FFFFFF; margin: 2px 0px 2px 0px;}


#menu {list-style: none;  clear:left; }
ul#menu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:161px;}
ul#menu li{margin: 0px 0px 2px 0px; display: block; font-family: verdana; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#menu li a{ width: 123px; height: 17px; display: block; background: url(img/menu.jpg) top left no-repeat; padding: 8px 8px 6px 30px; text-decoration:none; color:#FFFFFF;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#menu li a:hover{  background-repeat: no-repeat; background-position: -161px 0px; background-image: url(img/menu.jpg); text-decoration:none; color:#000000; }
 
#contacts{ position: relative; width:136px; padding: 10px 10px 10px 15px; color:#000000; background-color:#D9E2EC; font-size:12px; line-height: 1.7em; font-weight:bold;}


#newsmenu {list-style: none;  clear:left; }
ul#newsmenu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:161px;}
ul#newsmenu li{margin: 0px 0px 2px 0px; display: block; font-family: verdana; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#newsmenu li a{ width: 123px; height: 17px; display: block; background: url(img/menu.jpg) top left no-repeat; padding: 8px 8px 6px 30px; text-decoration:none; color:#FFFFFF;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#newsmenu li a:hover{  background-repeat: no-repeat; background-position: -161px 0px; background-image: url(img/menu.jpg); text-decoration:none; color:#000000; }
 

#maincol{ float: right; display:inline; position: relative; width:585px; padding: 30px 40px 20px 30px;}
#maincol h1{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 19px; font-family:arial; color:#5C88B4;} 
#maincol h1 a{ font-size: 19px; font-family:arial; color:#5C88B4; text-decoration:none;} 
#maincol h1 a:hover{  font-size: 19px; font-family:arial; color:#FF9900;} 

#maincol h2{ padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; font-size: 18px; font-family:arial; color:#333333;} 
#maincol h2 a{  color:#333333; text-decoration:none;font-size: 18px; font-family:arial;} 
#maincol h2 a:hover{ color:#FF9900; font-size: 18px; font-family:arial;} 

#maincol p{ font-size: 13px; font-family:verdana; color:#333333; line-height:1.7em;} 
#maincol a{ font-size: 13px; font-family:verdana; color:#000000; line-height:1.7em;} 
#maincol a:hover{ font-size: 13px; font-family:verdana; color:#000000; line-height:1.7em; text-decoration:none;}
#maincol ul{ font-size: 13px; font-family:verdana; color:#333333; line-height:1.7em;} 
#maincol ol{ font-size: 13px; font-family:verdana; color:#333333; line-height:1.7em;} 
#maincol img{ float:right; padding: 0px 0px 20px 20px; border:0px;} 




#homeicon1{ float:left; position:relative; width:238px; margin: 30px 10px 10px 20px;}
#homeicon1 h5{margin:0px 0px 0px 0px;padding:0px;width:238px;background: url(img/icon_001.jpg) top left no-repeat;}
#homeicon1 h5 a{display:block;width:238px;height:154px;}
#homeicon1 h5 a:hover{display:block;width:238px;height:154px; background-repeat: no-repeat; background-position: -238px 0px; background-image: url(img/icon_001.jpg);}
#homeicon1 h5 span{display:none;}

#homeicon2{ float:left; position:relative; width:238px; margin: 30px 0px 10px 10px;}
#homeicon2 h5{margin:0px 0px 0px 0px;padding:0px;width:238px;background: url(img/icon_002.jpg) top left no-repeat;}
#homeicon2 h5 a{display:block;width:238px;height:154px;}
#homeicon2 h5 a:hover{display:block;width:238px;height:154px; background-repeat: no-repeat; background-position: -238px 0px; background-image: url(img/icon_002.jpg);}
#homeicon2 h5 span{display:none;}






#footer{ height:81px; clear:both; background:url(img/footer.gif) top center no-repeat; margin-left:auto; margin-right:auto; width: 840px; padding: 32px 0px 0px 0px; text-align:center; font-weight:bold; font-size:12px; color:#FFFFFF;} 
#footer a{ font-weight:bold; font-size:12px; color:#FFFFFF;} 
#footer a:hover{ font-weight:bold; font-size:12px; color:#333333; text-decoration:none;}

#submenu {list-style: none; margin: 0px; padding: 0px; width: 216px; background: url(img/submenu_bg.gif) top center repeat-y; float:right;}

.submenuheader{ width:162px;  margin: 0px 2px 2px 22px;  background: url(img/nav_header.gif) top left no-repeat; color:#FFFFFF; font-family: verdana; font-size: 13px; height: 22px; padding:6px 0px 2px 10px}
.submenutop {margin: 0px; padding: 0px; width: 216px; height:22px;background: url(img/submenu_top.gif) top left no-repeat; display: block;}
.submenubase {margin: -2px 0px 0px 0px; padding: 0px; width: 216px; height:22px;background: url(img/submenu_base.gif) top left no-repeat; display: block;}

#submenunav {list-style: none; margin: 2px 2px 0px 22px; padding: 0px;}
ul#submenunav {padding: 0px;}
ul#submenunav li{margin: 0px 0px 2px 0px; padding: 0px; display: block; font-family: verdana; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#submenunav li a{ width: 141px; display: block; background: url(img/nav_menu.jpg) top left no-repeat; padding: 4px 5px 5px 26px; text-decoration:none; color:#2E354B; margin: 0px;}
ul#submenunav li a:hover{ margin: 0px; padding: 0px; width: 141px; display: block; background-repeat: no-repeat; background-position: -172px 0px; background-image: url(img/nav_menu.jpg);padding: 4px 5px 5px 26px; text-decoration:none; color:#FFFFFF; }
ul#submenunav li ul{padding: 0px; margin: 2px 0px 0px 0px;}
ul#submenunav li ul li{margin: 0px 0px 2px 0px; padding: 0px; display: block; font-family: verdana; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#submenunav li ul li a{width: 141px; display: block; background: url(img/nav_menu.jpg) top left no-repeat; padding: 4px 5px 5px 26px; text-decoration:none; color:#2E354B; margin: 0px;}
ul#submenunav li ul li a:hover{ margin: 0px; padding: 0px; width: 141px; display: block; background-repeat: no-repeat; background-position: -172px 0px; background-image: url(img/nav_menu.jpg);padding: 4px 5px 5px 26px; text-decoration:none; color:#FFFFFF; }


 


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
@media print{ 

#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}