/*
Theme Name: Airtech Humidity
Theme URI: www.brinesdecorating.com
Description: 2009 retrofit & modifications for Airtech 
Author: Point Click Media Productions
Author URI: http://www.pointclickmediaproductions.ca
Version: Alpha build 0.2a
*/


/* -- This filters out different older broswsrs and pda so only the markup is shown then. */
@media screen, projection {
	.be-nice-to-Mac-IE5 {
		font-family: "\"}\"";
		font-family: inherit;
	}
	
	/* -- GENERAL REDECLARATIONS ---------------------------------------- */
	* 					{margin:0; padding:0;}
	body 				{font-size: 62.5%; text-align:center; color:#000000;}
	body, tr, 
	td, input, 
	select, textarea 	{font-family: Verdana, Arial, Helvetica, sans-serif;}
	a:link,a:visited 	{text-decoration:underline;}
	a:hover 			{text-decoration:none;}
	/*ul, ol	 			{margin:0 0 10px 25px;}*/
	dl 					{margin:0 0 10px;}
	dt 					{font-weight:bold;}
	dd					{margin:0 0 3px 10px;}
	p 					{margin:0 0 15px;}
	h1 					{font-size:large; margin:0 0 12px;}
	h2 					{font-size:medium; margin:8px 0;}
	h3 					{font-size:small; margin:6px 0 5px;}
	h4 					{font-size:x-small; margin:4px 0;}
	h5					{font-size:xx-small; margin:3px 0;}
	h6 					{font-size:xx-small; margin:0;}
	hr 					{display:none;}
	img 				{border:none;}
	acronym				{border-bottom: 1px dotted;}
	blockquote 			{margin:0 25px 20px 25px; font-style:italic;}
	
}
/*------- Basic Layout & Backgrounds ------------*/
	body {
		background:#d0cb88;
	}
	#wrapper{
		width:960px;
		margin: 0 auto;
		padding:0;
		text-align:left;
	}
	#wrapper #maincontent{
		/* background:#996600; */
		margin: 0px 0px 0px 0px;
		position:relative;
	}
	#maincontent .contentbacking{
		/* background:#CCC; */
		margin: 0px 0px 0px 70px; /* this pushes the margin over to where the bottom of the swish shows */
		padding:0px 0px 0px 0px;
	}
	#maincontent .specificcontent, #maincontent .homecontent{ 
		background:#dfddc0;
		margin:0px 0px 0px 141px;
		padding:0px 0px 0px 51px;
		position:relative;
		width:697px;
		height:100%;
	}
	#maincontent .left_col {
		width:520px;
		/* height:100%; */
		float:left;
	}
	#maincontent #sidebar {
		width: 165px;
		margin: 0 0 0 525px;
		padding: 160px 0 0 0;
	}
	#sidebar ul{
		list-style:none;
	}
	#maincontent #sidebar ul li {
		margin:0;
	}
	#maincontent #sidebar a{
		color:#868573;
	}
/* ------------ Content Stylings ----------------*/
	#maincontent .specificcontent p, #maincontent .homecontent p{
		font-size:1.2em;
		line-height:1.4em;
		/* text-align:justify; */
		padding:0px 20px 0px 0px;			
	}
	#maincontent h1{
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		font-size:3.4em;
		color:#02499b;
		margin:0px 0px 0px 0px;
		padding:106px 0px 10px 0px;	
	}
	#maincontent h1.homeh1{
		padding:10px 0px 0px 0px;	
	}
	#maincontent .entry h1{
		padding:10px 0px 0px 0px !important;	
	}
	#maincontent h1.aboveflashtitle{
		display:block;
		margin:0px 0px 0px 0px;
		padding:52px 0px 10px 10px;		
	}
	#maincontent h2{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:1.5em;
		color:#02499b;
		margin:0px 0px 0px 0px;
		padding:0px 0px 15px 0px;	
	}
	
	#maincontent a{
		color:#02499b;
	}
	#maincontent  a:hover{
		text-decoration:none;
	}
	#maincontent a.pdflink{
		background:url(images/pdf_icon.jpg) left top no-repeat;
		line-height:1.2em;
		font-size:1.2em;
		margin:0px 0px 0px 0px;
		padding:2px 0px 5px 20px;
	}
	#maincontent ul{
		font-size:1.1em;
		line-height:1.4em;
		padding:0px 20px 20px 0px;
	}
	#maincontent ul li{
		margin-left:20px;
	}
	/* The next two styles allow alignement of images in a post */
	#maincontent .entry .alignright, .land_content .alignright{
		float:right;
		/* margin: 5px 0px 5px 10px; */
	}
	#maincontent .entry .alignleft, .land_content .alignleft{
		float:left;
		/* margin: 5px 10px 5px 0px; */
	}
	#maincontent .storydateindex {
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		color: #333;
	}
	#maincontent .storycat {
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		color: #333;
		margin: 0 0 10px 0;
	}
	#maincontent .writtenfor {
		background:#ccc9a5;
		border-top:1px solid #868573;
		border-bottom:1px solid #868573;
		padding:20px;
		margin: 15px auto;
		width:400px;
	}
	
/* ------------ Menu Stylings ----------------*/
/* ---- Top Menu ---*/
	#floatmenu  {
		position:absolute;
		width:275px;
		height:615px;
		background:url(images/Left_menu.png) no-repeat top left; 
		z-index:99;
	}
	#floatmenu ul {
		list-style-type:none;
		padding:0;
		margin:0;
	}
	#floatmenu li{
		height:25px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.0em;
		font-weight:bold;
	}
	/* styling for the left menu number 1 */
	#floatmenu li.men1 a {
		display:block; /* we want a block item, so that we can mess with its height and width */
		width: 234px; 
		height: 25px; 
		text-indent: -9000px; /* indent the text off the screen using a image-replacement technique, */
		position: absolute; /* we can now control the exact x and y coordinates of each item, */
		top:138px; /* this needs to come down from the top this far */
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background: url(images/but_1.jpg)  top no-repeat;
	  }
	  #floatmenu li.men1 a:hover {
	  	background-position: 0 -25px;
	  }
	/* styling for the left menu number 2 */
	#floatmenu li.men2 a {
		display:block; /* we want a block item, so that we can mess with its height and width */
		width: 228px; /* we need the a tag to be the same size as a star */
		height: 25px; /* same as width */
		text-indent: -9000px; /* indent the text off the screen using a image-replacement technique, */
		position: absolute; /* we can now control the exact x and y coordinates of each star, relative to the parent UL */
		top:171px; /* this needs to come down from the top this far */
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background: url(images/but_2.jpg)  top no-repeat; /* don't want the star to show by default */
	  }
	  #floatmenu li.men2 a:hover {
	  	background-position: 0 -25px;
	  }
	/* styling for the left menu number 3 */
	#floatmenu li.men3 a {
		display:block; /* we want a block item, so that we can mess with its height and width */
		width: 222px; /* we need the a tag to be the same size as a star */
		height: 25px; /* same as width */
		text-indent: -9000px; /* indent the text off the screen using a image-replacement technique, */
		position: absolute; /* we can now control the exact x and y coordinates of each star, relative to the parent UL */
		top:203px; /* this needs to come down from the top this far */
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background: url(images/but_3.jpg) top no-repeat; /* don't want the star to show by default */
	  }
	  #floatmenu li.men3 a:hover {
	  	background-position: 0 -25px;
	  }


	/* styling for the left menu number 4 */
	#floatmenu li.men4 a {
		display:block; /* we want a block item, so that we can mess with its height and width */
		width: 215px; /* we need the a tag to be the same size as a star */
		height: 25px; /* same as width */
		text-indent: -9000px; /* indent the text off the screen using a image-replacement technique, */
		position: absolute; /* we can now control the exact x and y coordinates of each star, relative to the parent UL */
		top:236px; /* this needs to come down from the top this far */
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background: url(images/but_4.jpg) top no-repeat; /* don't want the star to show by default */
	  }
	  #floatmenu li.men4 a:hover {
	  	background-position: 0 -25px;
	  }
	/* styling for the left menu number 5 */
	#floatmenu li.men5 a {
		display:block; /* we want a block item, so that we can mess with its height and width */
		width: 206px; /* we need the a tag to be the same size as a star */
		height: 25px; /* same as width */
		text-indent: -9000px; /* indent the text off the screen using a image-replacement technique, */
		position: absolute; /* we can now control the exact x and y coordinates of each star, relative to the parent UL */
		top:269px; /* this needs to come down from the top this far */
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background: url(images/but_5.jpg) top no-repeat; 
	  }
	  #floatmenu li.men5 a:hover {
	  	background-position: 0 -25px;
	  }
	/* styling for the left menu number 6 */
	#floatmenu li.men6 a {
		display:block; /* we want a block item, so that we can mess with its height and width */
		width: 198px; /* we need the a tag to be the same size as a star */
		height: 25px; /* same as width */
		text-indent: -9000px; /* indent the text off the screen using a image-replacement technique, */
		position: absolute; /* we can now control the exact x and y coordinates of each star, relative to the parent UL */
		top:301px; /* this needs to come down from the top this far */
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background: url(images/but_6.jpg) top no-repeat; /* don't want the star to show by default */
	  }
	  #floatmenu li.men6 a:hover {
	  	background-position: 0 -25px;
	  }
	  #floatmenu a#hvicert {
		display:block;
		width:92px;
		height:73px;
		margin-left:45px;
		padding-top:60px;
	}



/* --- Bottom Menu and Phone Numbers ---*/
	#maincontent .phonenum{
		display:block;
		text-align:right;
	}
	#maincontent .phonenum p{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding:65px 13px 46px 0px;
		font-size:1.1em;
	}
		
	#maincontent .contname{
		color:#464545;
		font-weight:bold;		
	}
	#maincontent ul#botnav{
		list-style-type:none;
		padding:0px 9px 21px 0px;
		margin:0px 0px 0px 0px;
		text-align:right;
	}
	#maincontent ul#botnav li{
		display:inline;
		color:#868573;
		font-size:1.0em;
		margin:0px;
	}
	#maincontent ul#botnav li a{
		color:#868573;
		font-size:1.0em;
	}

/* ###################### Contact Us Page ##################### */
	#sendmailform { /* control the sizes of the form div */
		float:left;
		width:400px;
	}
	#contactinfo {
		float:right;
		width:250px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.2em;
		line-height:1.4em;
	}
	.phonenum {
		clear:both;
	}
	.moreinfo{
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:1.5em;
		color:#02499b;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;	
	}
	.contphonenum{
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:1.8em;
		color:#02499b;
		margin:10px 0px 10px 0px;
		padding:0px 0px 0px 0px;	
	}

/*################################# Product Lines page ##############################*/

	#prod1bot, #prod2bot, #prod3bot, #prod4bot, #prod5bot {
		width: 600px;
		height: 33px;
		background-image:url(images/prod_bgbot.gif);
		margin-bottom:20px;
	}
	#maincontent #prod1 p, #maincontent #prod2 p, #maincontent #prod3 p, #maincontent #prod4 p, #maincontent #prod5 p{
		padding-left:128px;
		color:#FFFFFF;
		margin:0px;
		padding-bottom:10px;
	}
	

	.backtoprod { /* Link to go back to products page */
		float: right; 
		padding-top: 10px; 
		padding-right:10px; 
		font-weight:bold; 
		font-size:13px;	
	}
	
	/* More information link */
	.prodetails a{
		float:right;
		font-size:12px;
		font-weight: bold;
		color:#FFFFFF !important;
		padding-top: 8px;
		padding-right: 8px;
		
	}

	/* Basement models */
	#prod1top{
		width:600px;
		height:12px;
		background-image:url(images/prod_bgtop1.gif);
		color:#FFF;
	}
	.prodimg1{ /* product shots on page */
		display:block;
		float:left;
		margin:15px 10px 0px 50px;
	}
	#maincontent #prod1{
		width:600px;
		padding-top:5px;
		background:url(images/prod_bgmid1.gif) repeat-y;
	}

	/* Crawl Space models */
	#prod2top{
		width:600px;
		height:12px;
		background-image:url(images/prod_bgtop2.gif);
		color:#FFF;		
	}
	.prodimg2{ /* product shots on page */
		display:block;
		float:left;
		margin:30px 10px 0px 38px;
	}
	#maincontent #prod2{
		width:600px;
		padding-top:5px;
		background:url(images/prod_bgmid2.gif) repeat-y;
	}


	/* Apartment models */
	#prod3top{
		width:600px;
		height:12px;
		background-image:url(images/prod_bgtop3.gif);
		color:#FFF;		
	}
	.prodimg3{ /* product shots on page */
		display:block;
		float:left;
		margin:0px 10px 0px 35px;
	}
	#maincontent #prod3{
		width:600px;
		padding-top:5px;
		background:url(images/prod_bgmid3.gif) repeat-y;
	}

	/* Wizzvent */
	#prod4top{
		width:600px;
		height:12px;
		background-image:url(images/prod_bgtop4.gif);
		color:#FFF;		
	}
	.prodimg4{ /* product shots on page */
		display:block;
		float:left;
		margin:20px 10px 0px 20px;
	}
	#maincontent #prod4{
		width:600px;
		padding-top:5px;
		background:url(images/prod_bgmid4.gif) repeat-y;
	}

	/* Airtech 107 */
	#prod5top{
		width:600px;
		height:12px;
		background-image:url(images/prod_bgtop5.gif);
		color:#FFF;		
	}
	.prodimg5{ /* product shots on page */
		display:block;
		float:left;
		margin:5px 10px 0px 20px;
	}
	#maincontent #prod5{
		width:600px;
		padding-top:5px;
		background:url(images/prod_bgmid5.gif) repeat-y;
	}


	#proddata2 { /* table data on Product Lines page */
		margin:0px 5px 5px 0px;
		padding:0px;
		width:375px;
	}
	#proddata2 tr.table1 {
		background:#efeee0;
	}
	#proddata2 tr.table2 {
		background:#e0dbad;
	}
	#proddata2 tr.table3 {
		background:#e0dbad;
	}
	#proddata2 tr.table4 {
		background:#e0dbad;
	}

	#proddata2 td{
		padding:3px 3px 3px 3px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.2em;
		font-weight:normal;
	}
	#proddata2 td.tabtitle{
		width:105px;
		font-weight:bold;
	}
	#techdiagram{
		margin:0px 0px 12px 0px; /* put some spacing around the tech diagram */
	}
	.digramnum{ /* place the red cricle behind the diagram numbers */
		background:transparent url(images/red_backing.gif) no-repeat scroll left top;
		color:#FFFFFF;
		font-size:1.0em;
		height:15px;
		margin:0px 3px 3px 2px;
		padding:1px 5px 3px;
	}
	.dualcore{
		float:right;
		margin:0px 10px 5px 15px;
	}


/* ###################### Service and Support Page ##################### */
	#sendmailform { /* control the sizes of the form div */
		float:left;
		width:400px;
	}
	#machineoptions {
		float:right;
		font-family:Arial,Helvetica,sans-serif;
		font-size:1.1em;
		line-height:1.4em;
		margin:155px 0px 0px;
		width:290px;
	}
	#machineoptions img{
		margin-bottom:5px;
		margin-left:15px;
	}

/*############################ Distributors Pages ##############################*/
.distributorWrap{
	margin:0 0 30px 0;
}
.rightCol{
position:absolute;
right:7px;
top:120px;	
}

#maincontent .distributorWrap h2{
	color:#ff0000;
	padding:0;
	margin:20px 0 10px 0;
}
#maincontent .rightCol h2{
	font-size:1.2em !important;
}
#maincontent .distributorWrap form{
}
#maincontent .distributorWrap a{
	font-weight:bold;
	font-size:1.1em;
}
#maincontent .rightCol a{
	font-size:1.0em;
}
#maincontent .distributorWrap a:hover{
}



/* ###################### Comment main & Comment ssidebar ##################### */

#maincontent .comments-template {
	margin-top:20px;
}

#maincontent h3#comments{
	margin-bottom:15px;
}
#maincontent h3#respond{
	margin-top:20px;
}

#maincontent .commentlist li .commentmetadata{
	margin: 0 0 10px 0;
}
#maincontent .commentlist li{
	margin:0 0 0 21px;
	padding:10px;
	width:437px;
	
	/* background:#D0CB88 none repeat scroll 0 0; */
	border-top:1px solid #999999;	
}
#maincontent .commentlist .alt {
	background:#d3d1b5 none repeat scroll 0 0;
	border-top:1px solid #999999;
}

#maincontent .commentlist .author{
	background:#D0CB88 none repeat scroll 0 0;
	border-top:1px solid #999999;
}

#maincontent #sidebar li.recentcomments {
	margin:5px 0 5px 0;
}

/* --- Odd bits ---*/
	#maincontent .flashfront{/* flashfront */
		text-align:right;
		display:block;
		margin:0px 0px 0px 0px;
		padding:20px 0px 0px 0px;
		background:url(images/flash_backing.jpg) top right repeat-y;
	}
	#maincontent .flashcenter{/* Any other flash center stage on the site. */
		display:block;
		background:url(images/flash_backing.jpg) top right repeat-y;
		margin:0px 0px 0px 0px;
		padding:0px 0px 20px 0px;
	}
/*========== Landing Page Styles ============*/
body#landing_page {
	background:url(images/bkgrnd_landingpage.jpg) repeat-y #99c9b2 top center !important;
}
#land_wrapper {
	width:920px;
	margin:0 auto;
}
.flash_head {
	height:276px;
	background:url(images/bkgrnd_landingpage_head.jpg) top center no-repeat;
}
.land_content{
	text-align:left;
	padding:10px 45px 40px 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#00578e;
}
.land_content h1{
	display:none;
}
.land_content h2{
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.8em;
}
.land_content ul{
	margin:0px 10px 10px 25px;
}
.land_content .alignright { /* adding a couple properties to the landing only version */
	margin:10px 0 0 25px;
}
.land_content a{
	/* color:#00578e; */
	color:#BE4837;	
	font-weight:bold;
	text-decoration:none;
}
.land_content a:hover{
	text-decoration:underline;
	color:#be4837;
}