/* TERMICIDE Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #999;	font: 75%/1.3em Arial, Helvetica, sans-serif;
		background: #000 url(images/bg-strip.jpg) repeat-x left top;	}	
h1, h2, h3 { color: #FFF; }
h1 { font-size: 140%; font-weight: normal; margin-bottom: 20px;	}
h2 { font-size: 120%; font-weight: normal; margin-bottom: 15px; }
h3 { font-size: 100%; margin-bottom: 15px; line-height: 1em; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #CCC; text-decoration: underline; }
a:hover { text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; }
li { margin-bottom: 2px; list-style: square; }

#wrapper { width: 960px; margin: 0 auto; }
	#header-home { height: 445px; background: url(images/termicide-header.jpg) no-repeat left top; }
	#header { height: 328px; background: url(images/termicide-header2.jpg) no-repeat left top; }
		#menu { padding-top: 20px; }
			#menu a { float: left; color: #3A9EBC; font-size: 12px; line-height: 2em; text-align: center; 
				font-weight: bold; text-decoration: none; }
			#menu a:hover { color: #FFF; text-decoration: none; } 
			a.menu-home { width: 37px; margin-right: 20px; }
			a.menu-about { width: 70px;  }
			a.menu-residential { width: 115px; }
			a.menu-commercial { width: 100px; }
			a.menu-construction { width: 123px; }
			a.menu-pest { width: 98px; }
			a.menu-quote { width: 130px; }
			a.menu-news { width: 70px; }
			a.menu-testimonials { width: 113px; }
			a.menu-contact { width: 84px; text-align: right;}
		
		#intro { float: left; width: 332px; padding-top: 35px; margin-top: 80px; margin-left: 345px !important; margin-left: 175px; 
			background: url(images/pest-management-title.jpg) no-repeat left top; }
		#intro h2 { margin-bottom: 10px; }
	
	#main-content-home { height: 219px; background: url(images/termicide-middle.jpg) no-repeat left top; }
		.service-box { float: left; width: 277px; padding-top: 57px; padding-left: 20px; }
			.service-box-image { float: left; width: 77px; margin-right: 15px; }
			.service-box-text { float: left; width: 185px; }
			.service-box-text h2 { font-size: 110%; margin-bottom: 7px; } 
			.service-box-text a { text-decoration: none; }
			#service-box-commercial, #service-box-construction { margin-left: 30px; } 
		
	#sub-content-home { height: 113px; margin-bottom: 50px; 
		background: url(images/termicide-bottom.jpg) no-repeat left top; }
		.news-box { min-height: 19px; background: url(images/news-side.jpg) no-repeat left top; padding-top: 40px; }
			#news-box-home { float: left; width: 280px; padding-top: 30px; padding-left: 110px; background: none; }
			.news-box h3 { margin-bottom: 8px; }
			.news-box p { padding-bottom: 5px; }
		
		.enews-box { min-height: 19px; background: url(images/enews-side.jpg) no-repeat left top; 
			padding-top: 5px; margin-top: 15px; }
			#enews-box-home { float: left; width: 230px; padding-top: 27px; padding-left: 50px; background: none; 
				margin-top: 0; }
			.enews-box p { padding-left: 100px; color: #FFF; } 
		
		.testimonial-box { float: left; width: 170px; padding-top: 20px; padding-left: 80px; }
			.testimonial-box p { padding-bottom: 10px; }
			html:not([dummy]) .testimonial-box p { padding-bottom: 7px; }
			.quotes { font-size: 22px; color: #FFF; }
			 
	#content { background: url(images/termicide-middle2.jpg) no-repeat left top; padding: 41px 29px 20px; }							
			#main-content { float: left; width: 661px; }
				#main-content h2, #sub-content h2 { color: #FF3333; }
				.page-title { height: 19px; padding-bottom: 20px; }
				#page-title-about { background: url(images/about-title.jpg) no-repeat left top; }
				#page-title-contact { background: url(images/contact-title.jpg) no-repeat left top; }
				#page-title-residential { background: url(images/residential-title.jpg) no-repeat left top; }
				#page-title-commercial { background: url(images/commercial-title.jpg) no-repeat left top; }
				#page-title-construction { background: url(images/construction-title.jpg) no-repeat left top; }
				#page-title-pest { background: url(images/pest-guide-title.jpg) no-repeat left top; }
				#page-title-quote { background: url(images/quote-request-title.jpg) no-repeat left top; }
				#page-title-news { background: url(images/news-title.jpg) no-repeat left top; }
				#page-title-testimonials { background: url(images/testimonials-title.jpg) no-repeat left top; }				
				
				#main-content-text { width: 620px; }	
					#breadcrumb a { color: #8CBCCF; }
					#list { float: left; width: 200px; }
						#list li { margin-bottom: 5px; } 
					#details { float: right; width: 420px; }
						#details h3 { font-size: 120%; font-weight: normal; margin-top: 2px; margin-bottom: 15px; }
					
					.testimonial { margin-bottom: 20px; }
					.testimonial p { padding-bottom: 10px; } 
			
			#sub-content { float: right; width: 238px; }
				#page-images { margin-bottom: 20px; }
					#page-images img { border: 3px solid #FFF; }
				
				.news-item { margin-bottom: 20px; }
			
		
	
	#associations { border-top: 1px dotted #999; padding-top: 20px; padding-bottom: 10px; text-align: center; }
		#associations img { margin-right: 10px; }
		 
	#footer {}
		#footer p { line-height: 1.6em; padding: 10px 0; text-align: center; }
		#footer a { text-decoration: none; }
		#footer a:hover { color: #FFF; }
		
/************************ MISC ********************/	
.clearFloat { clear: both; line-height: 0; height: 0; }
.warning { color: #CC0000; font-weight: bold; padding-bottom: 0; }
.notice { font-size: 85%; font-style: italic; }
.heading, .invisible { display: none; }
.news-added { color: #FF3333; }
.news-date { color: #E7D394; }
.testimonial-from { color: #FFF; font-style: italic; }
.textGrey, .textGreyBold { color: #999; }
.textWhite, .textWhiteBold { color: #FFF; }
.textRed, .textRedBold { color: #FF3333; }
.textGreyBold, .textWhiteBold, .textRedBold { font-weight: bold; }
.floatedRightImage { float: right; margin-left: 10px; margin-bottom: 10px; }
a.pdflink { color: #33609E; font-size: 12px; text-decoration: none; }
a.pdflink:hover { text-decoration: underline; }
a.pdficon { background: url(images/pdf.gif) no-repeat left center; padding-top: 10px; padding-left: 30px; margin-left: 20px; }

/************************* FORM **********************/
form br { clear: left; }
label {	border: none; width: 150px; }
input, textarea { font: small Arial, Helvetica, sans-serif;
	margin-bottom: 5px;	border: 1px solid #333;	padding: 2px; width: 160px;	color: #333; }
	
#formSignup { }
#formSignup input {	width: 180px; padding: 2px; border: 1px solid #484848; margin-bottom: 12px; }
#formSignup #goButton { width: 28px; height: 24px; background: url(images/go-btn.jpg) no-repeat left top; 
	border: none; cursor: pointer; margin-left: 5px; }

#formContact {}
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block;	width: 250px; float: left; margin-bottom: 10px; border: 1px solid #333;	font-size: 100%; padding: 2px; }
#formContact input, #formContact select, #formContact textarea { border: 1px solid #333; }
#formContact label { text-align: left; width: 150px; padding-right: 5px; border: none; }
#formContact p { padding-top: 10px;	padding-bottom: 5px; }
#formContact br { clear: left; }
#formContact .sendButton { cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left; display: block;
	margin-top: 10px; background: #990000; width: 100px; }
#formContact .tinyInput { width: 20px; }
#formContact .smallInput { width: 100px; }
#formContact .mediumInput { width: 200px; }
#formContact .mediumLabel { width: 230px; }
#formContact .wideLabel { width: 260px; }
#formContact .extrWideLabel { width: 400px; }
#formContact p { margin-bottom: 5px; }
#formContact input.hidden { display: none; }
#formContact .checkBox { width: 15px; height: 15px; margin: 0 5px 0 0; border: 1px solid #01223C; }
#formContact .checkboxLabel { margin-right: 20px; width: 120px; display: block; }
#formContact .checkboxWideLabel { margin-right: 20px; width: 200px; display: block; }