/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); } */

body { background-color: #fff;
	   background-image: url('images/bodybg.png');
	   background-repeat: repeat-x;
	   background-attachment: scrolling;
	   background-position: left bottom;
}

li a:hover { color: #222;
}

#header { height: 150px;
		  border-bottom: 1px solid #666;
}

.slogan { margin-top: 2em;
}

#contact a#moldAd { display: block;
		    width: 230px;
		    height: 170px;
			background-color: transparent;
}

#contact a#moldAd:hover { background-color: #eee;
}

.menu { height: 60px; 
        padding-left: 0px; 
		overflow:hidden; 
}

.menu ul { margin: 0; 
           padding: 0; 
}

.menu ul { margin-left: 40px; 
		   margin-right: 40px; 
}

.menu li { float: left; 
		   margin: 0; 
		   padding: 0; 
}

.menu li a { display: block; 
		     height: 0 !important; height /**/:60px; /* IE 5/Win hack */  
			 padding: 60px 0 0; 
			 overflow: hidden; 
			 background-repeat: no-repeat; 
}

.menu li a:hover { background-position: 0 -60px; 
}

.menu li#demonstrationTab, .menu li#demonstrationTab a { width: 150px; 
														 background-image: url(images/demonstrationTab.png); 
														 margin-right: 10px; 
}

.menu li#servicesTab, .menu li#servicesTab a { width: 150px; 
											   background-image: url(images/servicesTab.png); 
											   margin-right: 10px;
}

.menu li#contactTab, .menu li#contactTab a { width: 150px; 
											 background-image: url(images/contactTab.png); 
											 margin-right: 10px;
}

.menu li#askAnExpertTab, .menu li#askAnExpertTab a { width: 150px; 
													 background-image: url(images/askAnExpertTab.png); 
}

body.demonstration li#demonstrationTab, body.demonstration li#demonstrationTab a, body.services li#servicesTab, body.services li#servicesTab a, body.contact li#contactTab, body.contact li#contactTab a, body.askexpert li#askAnExpertTab, body.askexpert li#askAnExpertTab a { background-position: 0 -120px; }


.main { margin-right: 5px; 
        padding-right: 5px;
		background-image: url(images/mainbg.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-attachment: scroll;
}

.pageTitle { background-image: url(images/pageTitlebg.png);
             background-repeat: no-repeat;
			 background-position: left top;
			 background-attachment: scroll;
			 padding-left: 40px;
}

.servicesTitle { padding-left: 160px;
}

object { margin-left: .5em;
}

ul.servicesMenu { margin-left: 5px;
                  margin-right: 5px;
				  padding-bottom: 1em;
				  width: 140px;
				  list-style-type: none;
}

.servicesMenu li { border-bottom: 1px solid #666;
}

.servicesMenu li a { display: block;
					 padding-top: 1em;
					 padding-bottom: 1em;
					 padding-left: 36px;
					 background-position: left center;
					 background-repeat: no-repeat;
					 background-attachment: scroll;
					 text-decoration: none;
}

.servicesMenu li a:hover, .servicesMenu li a:focus { background-color: #999999;
													 background-position: left center;
													 background-repeat: no-repeat;
													 background-attachment: scroll;
													 text-decoration: none;
}

li#hvs a { background-image: url(images/humidityventilationlogo.png); }

li#ap a { background-image: url(images/airpurifierlogo.png); }

li#de a { background-image: url(images/downspoutextensionlogo.png); }

li#rmri a { background-image: url(images/reflectixinsulationlogo.png); }

li#cvbi a { background-image: url(images/crawlspacevaporbarrierlogo.png); }

li#mir a { background-image: url(images/moldinspectionlogo.png); }

li#sb a { background-image: url(images/sodablastinglogo.png); }

li#hvs a:hover { background-image: url(images/humidityventilationlogo.png); }

li#ap a:hover{ background-image: url(images/airpurifierlogo.png); }

li#de a:hover { background-image: url(images/downspoutextensionlogo.png); }

li#rmri a:hover { background-image: url(images/reflectixinsulationlogo.png); }

li#cvbi a:hover { background-image: url(images/crawlspacevaporbarrierlogo.png); }

li#mir a:hover { background-image: url(images/moldinspectionlogo.png); }

li#sb a:hover { background-image: url(images/sodablastinglogo.png); }

.bigForm { margin-left: 12px;
		   margin-bottom: 12px;
}

.medPage { padding-bottom: 200px;
}

.shortPage { padding-bottom: 500px;
}

#contact ul { list-style-type: none;
              margin-left: 0px;
			  margin-right: 0px;
			  width: 230px; 
}

#contact li { border-bottom: 1px solid #666; 
}

#contact li a { display: block;
                padding-top: 2em; 
			 	padding-bottom: 2em;
			 	padding-left: 70px;
				text-decoration: none;
}

#contact li a:hover { background-color: #eeeeee;
                      text-decoration: none;
					  background-image: url('images/mailicon.png');
         			  background-position: left center;
		 			  background-repeat: no-repeat;
}

#estimates { background-image: url('images/inspectionicon.png');
             background-position: left center;
			 background-repeat: no-repeat;
			 padding-top: 2em; 
			 padding-bottom: 2em;
			 padding-left: 70px;
}

#hundred { background-image: url('images/100icon.png');
           background-position: left center;
		   background-repeat: no-repeat;
		   padding-top: 2em; 
		   padding-bottom: 2em;
		   padding-left: 70px;
}

#phone { background-image: url('images/phoneicon.png');
         background-position: left center;
		 background-repeat: no-repeat;
		 padding-top: 2em; 
		 padding-bottom: 2em;
		 padding-left: 70px;
}

#email { background-image: url('images/mailicon.png');
         background-position: left center;
		 background-repeat: no-repeat;
}

.footer { padding-top: 3em;
          height: 360px;
} 

.copyright { padding-top: 2em;
    		 padding-bottom: 1em;

}

#contact-area {
	width: 510px;
	margin-top: 25px;
}

.span-8 #contact-area {
	width: 310px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

.span-8 #contact-area input, .span-8 #contact-area textarea {
	width: 270px;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-right:25px;
}

label {
	float: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}