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

Naturalvent Stylesheet
Authored by Adam Egginton 26/03/2008

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

/*	-----------------------
MAIN TEMPLATE STYLES BEGIN
------------------------ */

body {margin: 0px;padding: 0px;background: #303636 url(../Images/body_bg.jpg) repeat-y center top;font: normal 11px "Lucida Sans Unicode", Arial;color: #333333;text-decoration: none;letter-spacing:-0.04em;}

#container{width:860px;margin-left:auto;margin-right:auto;}	

#header{display:block;background: url(../Images/banner_bg.jpg) repeat-x left top;height:76px;}	
		#header img{margin-left:17px;float:left;}
		#header div{width:300px;float:right;text-align:right;padding-right:15px;padding-top:20px;}
		#header a{font-size:10px;color:#999999;text-decoration:none;}
		

.nav{display:block;border-top:2px solid white;}
.footer{display:block;height:67px;background: url(../Images/nav/footer_bg.jpg) repeat-x left top;clear:both;}
		.footer div{width:420px;float:left;background: url(../Images/footer_logo.gif) no-repeat 10px center;padding-left:160px;margin-top:20px;color:white;}
		.footer div a{color:#b7d9ff;text-decoration:none;}
		.footer span{float:right;width:200px;text-align:right;margin-top:13px;padding-right:10px;color:#b7d9ff;}
				.footer span a{color:white;font-size:11px;text-decoration:none;letter-spacing:-1px;}
				.valid{font-size:11px;}

.left_col{padding-top: 1em;padding:10px;float:left;width:605px;}

.news_col{padding-top: 1em;padding:10px;padding-left:0px;float:right;width:210px;/*background: url(../Images/nav/news_bg.jpg) no-repeat left 1em*/;color:#a0a0a0;line-height:1.5em}	
		/*.news_col div{width:155px;margin-left:auto;margin-right:20px;padding-top:55px;}*/
		.news_col hr{border: none 0;border-top: 1px dotted #999999;height: 1px;}
		.news_col em{color:#fff;font-style:normal}
		.news_col strong{font-weight:normal;color:#d2d2d2}
		.news_col a{color:#4da5e7;text-decoration:none;}
		.news_col a:hover{color:#87C2EF;text-decoration:none;}
		.archive{margin-top:10px;display:block;}
		.news_col span{display:block;height:100px;background: url(../Images/contacts_bg.jpg) no-repeat left 20px;font-size:14px;color:white;padding-left:38px;padding-top:75px;}
		
		.news_top{display:block;background-image:url(../Images/news_top.jpg);height:46px;background-repeat: no-repeat;background-position: left top;}
		
		.news_content{display:block;background: url(../Images/news_content.jpg) repeat-y left top;padding-left:35px;padding-right:10px;}
		
		.news_footer{display:block;background: url(../Images/news_footer.jpg) no-repeat left top;height:13px;}

.one_col_layout{padding-top: 1em;padding:10px;display:block;}

.p_right_col{width:250px;float:right;}

.content_left{width:300px;float:left;}
.content_right{width:280px;float:right;}

.style1 {color: #252525}
.white_txt {color: #FFFFFF}

.heat_recovery_diagram{padding-top:50px;padding-bottom:20px;}

.heat_recovery_diagram_no_top{padding-bottom:20px;}

.blue_box{display:block;padding:7px;border:1px solid #2787d1}

.gallery_imgs{border:1px solid #5d5d5d}

/*	-----------------------
TAGS
------------------------ */
h2{font-size:18px;color:#2a2e30;font-weight:normal;letter-spacing:-0.08em;}
h3{font-size:18px;color:#0068af;font-weight:normal;}
h3{font-size:15px;color:#0068af;font-weight:normal;}
p{color:#333333;text-align:justify;}
em{color:#0068AF;font-style:normal;font-size:13px}

img, div { behavior: url(../components/iepngfix.htc) }

iframe{border:1px solid black}

/*	-----------------------
CONTENT STYLING
------------------------ */
.flt_lft{float:left;}	
.flt_rt{float:right;}

.flt_lft_padding{float:left;padding-right:15px;}	
.flt_rt_padding{float:right;padding-left:15px;}
	
.strategies_SSV{display:block;border:1px solid #0068aa;padding:7px;background: url(../Images/diagrams/ssv.gif) no-repeat 335px center;height:107px;padding-top:20px;background-color:#FFFFFF}
.strategies_CV{margin-top:10px;display:block;border:1px solid #0068aa;padding:7px;background: url(../Images/diagrams/cv.gif) no-repeat 335px center;height:107px;padding-top:10px;background-color:#FFFFFF}
.strategies_PSV{margin-top:10px;display:block;border:1px solid #0068aa;padding:7px;background: url(../Images/diagrams/psv.gif) no-repeat 335px center;height:155px;padding-top:20px;background-color:#FFFFFF}
.strategies_DV{margin-top:10px;display:block;border:1px solid #0068aa;padding:7px;background: url(../Images/diagrams/dv.gif) no-repeat 375px center;height:155px;padding-top:25px;background-color:#FFFFFF}

.case_study_images{float:right;padding-left:15px;}

.reader{float:right;margin-right:6px;}	

.blue_txt{color:#0068AF}

.solatube{display:block;border:1px solid gray;padding:10px;background: url(../Images/products/solartube-bg.jpg) no-repeat left top;padding-top:170px;background-color:#FFFFFF;}

a.grey-links,a.grey-links:active,a.grey-links:visited{
	color:#333333;
	text-decoration: underline;
	font-weight: normal;
}
a.blue-links,a.blue-links:active,a.blue-links:visited{
	color:#0068AF;
	text-decoration: underline;
	font-weight: normal;
}
.useful_links{display:block;text-align:center;}


/*	-----------------------
CONTACT FORM
------------------------  */
.required { background-color: #ddf0ff;}
input{border:1px solid #969696;margin:1px; }
#enquiryform label { display: block; float: left; width: 210px; }
#enquiryform input, #enquiryform textarea { display: block; float: left; }
#enquiryform br { clear: both; }
textarea{border:1px solid #969696;width:250px;}

/*	-----------------------
DROP DOWN STYLES
------------------------ */

.suckertreemenu ul{margin: 0;padding: 0;list-style-type: none;}

/*Top level list items*/
.suckertreemenu ul li{position: relative;display: inline;float: left;}

/*Top level menu link items style*/
.suckertreemenu ul li a{padding: 0px;border-left-width: 0;text-decoration: none;color: #333333;}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{left: 0;position: absolute;top: 1em;display: block;visibility: hidden;background: url(../Images/nav/drop_down_bg.png) no-repeat left top;border:1px solid #2A2E31;}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{display: list-item;float: none;}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ left: 159px; /* no need to change, as true value set by script */top: 0;}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{display: block;width: 160px; /*width of sub menu levels*/color:#CCCCCC;text-decoration: none;padding: 5px 5px;}

.suckertreemenu ul li a:hover{
	color: white;
	background: url(../Images/nav/rollover_bg2.png) repeat-y left top;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{background: #F3F3F3;}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{background: #F3F3F3;}

/*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
* html div#iepara{ padding-top: 1em;}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

.showhide a {
color:#999999
}

#moreinfo
{
	position:relative;
	display:none;
	color:#0099CC;
	
}

.kwfooter{
color:#CCCCCC;
text-align:center;
width:860px;
margin-left:-1px;
font-size:10px;
background-color:#303636;
padding-top:10px;
float:left;}

.kwfooter a:link {text-decoration: none;font-weight:normal;
color:#CCCCCC}
.kwfooter a:visited {color:#CCCCCC;text-decoration: none;font-weight:normal;}
.kwfooter a:hover {color:#CCCCCC;text-decoration: none;font-weight:normal;}
.kwfooter a:active {color:#CCCCCC;text-decoration:underline;font-weight:normal;}

.kwheader h1{
width:846px;
font-size:12px;
font-weight:500;
padding:0px 0px 0px 0px;
text-align:right;
margin:0px 0px -13px 2px;}

.inlinebox{
	font: 14px/20px 'PTSansNarrowRegular', Arial, sans-serif ;
	text-align: center;
	color:#525252;
	text-align: center;
}

.inlinebox h2{
	font: 33px 'PTSansBold', Arial, sans-serif ;
	color:#653471;
	text-shadow: #ffffff 0px 1px 0px;
	font-weight:bold;
}

.inlinebox a.enquiryButton{
	background: url('../images/buttonRight.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 38px; 
	padding-right: 10px; 
	text-decoration: none;
	color: #ffffff;
	font-size: 15px;
	text-shadow: #000000 0px 1px 1px;
	margin: 10px 0px 0px 233px;
	font-weight: bold;
}

.inlinebox a.enquiryButton span {
	background: url('../images/buttonLeft.png') no-repeat; 
	display: block;
	line-height: 38px; 
	padding: 0px 0px 0px 10px;
} 

#flashcontent{
	z-index: 999;
	height: 255px;
}