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

Title		: Geothermal
Author		: Michael Baker
URL 		: www.m3communications.com

Created 	: April 26, 2010
Modified	: n/a

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

/* !--- GLOBAL --- */

* {	margin:0px; padding:0px; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body {
	background: url(../images/bg.jpg) no-repeat center top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
}

:focus, :active { outline: 0; }

.clear { clear:both; }

a img { border:0px; }

.fixed:after {
	clear:both;
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden;
}

.fixed { display:block; }

/*  \*/
.fixed { min-height:1%; }

* html .fixed {	height:1%; }

/*--- Font Size (em) Bug Fixing for IE ---*/

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */
INPUT, TEXTAREA, SELECT, TH, TD {font-size:1em}
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em}

#wrapper {
	margin: 0px auto;
	padding-bottom: 30px;
	width: 960px;
}

/* !--- HEADER --- */

#header { margin-bottom: 20px; }

#header #header_left {
	float: left;
	padding-top: 18px;
	width: 295px;
}

	#header h1 a {
		background: url(../images/geothermal.png) no-repeat;
		display: block;
		float: left;
		height: 82px;
		overflow: hidden;
		text-indent: -9999px;
		width: 295px;
	}

#header #header_right {
	float: right;
	width: 665px;
}

	#header a.installers {
		background-color: #aac5d4;
		color: #fff;
		float: right;
		font-size: 1.2em;
		font-weight: bold;
		padding: 4px 6px 6px;	
		text-decoration: none;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
	}
	
		#header a.installers span {
			background: url(../images/installer_arrow.png) no-repeat right center;
			padding-right: 18px;
		}
		
	#header a.installers:hover { background-color: #77acc9; }
	
#header ul {
	border-bottom: 3px solid #7db61a;
	float: right;
	list-style: none;
	margin: 24px 0px 0px 0px;
	padding: 0px 0px 24px 0px;
}

	#header ul li {
		float: left;
		margin: 0px 26px 0px 0px;
	}
	
	#header ul li.contact { margin: 0px; }
	
		#header ul li a {
			color: #454545;			
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 1.4em;
			text-decoration: none;
		}
		
		#header ul li a:hover { color: #4b7f9b; }
		
#home #header ul li.home a, #about #header ul li.about a, #products #header ul li.products a, #international #header ul li.international a, #faqs #header ul li.faqs a,
#news #header ul li.news a, #contact #header ul li.contact a {
	color: #7db61a;
}

/* !--- CONTENT --- */

#main_image { margin-bottom: 20px; }

/* !--- CONTENT - Quick Link Boxes (With Images) --- */

#quick_links {
	list-style: none;
	margin-bottom: 34px;
}
	
	#quick_links li {		
		float: left;
		margin-right: 20px		
	}
	
	#quick_links li.funding { margin-right: 0px }
	
		#quick_links li a {
			background: url(../images/quick_links.jpg) no-repeat;
			color: #fff;
			display: block;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 1.9em;
			height: 29px;	/* 142px */
			padding: 113px 0px 0px 14px;
			text-decoration: none;			
			width: 211px;	/* 225px */
		}
		
		#quick_links li.commercial a 	{ background-position: 0 0; text-shadow: 1px 1px 1px #3b580c; }
		#quick_links li.housing a 		{ background-position: -225px 0; text-shadow: 1px 1px 1px #294250; }
		#quick_links li.products a		{ background-position: -450px 0; text-shadow: 1px 1px 1px #885410; }
		#quick_links li.funding a 		{ background-position: -675px 0; text-shadow: 1px 1px 1px #4c0000; }
		

/* !--- CONTENT - Quick Link Boxes (Without Images) --- */

#quick_links_small {
	list-style: none;
	margin-bottom: 34px;
}
	
	#quick_links_small li {		
		float: left;
		margin-right: 20px		
	}
	
	#quick_links_small li.funding { margin-right: 0px }
	
		#quick_links_small li a {
			background: url(../images/quick_links.jpg) no-repeat;
			color: #fff;
			display: block;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 1.9em;
			height: 29px;	/* 33px */
			padding: 4px 0px 0px 14px;
			text-decoration: none;			
			width: 211px;	/* 225px */
		}
		
		#quick_links_small li.commercial a 		{ background-position: 0 100%; text-shadow: 1px 1px 1px #3b580c; }
		#quick_links_small li.housing a 		{ background-position: -225px 100%; text-shadow: 1px 1px 1px #294250; }
		#quick_links_small li.products a		{ background-position: -450px 100%; text-shadow: 1px 1px 1px #885410; }
		#quick_links_small li.funding a 		{ background-position: -675px 100%; text-shadow: 1px 1px 1px #4c0000; }

/* !--- CONTENT - Left Column --- */

#content #left_column {
	float: left;
	width: 225px;
}

	#left_column h4 {
		border-bottom: 1px solid #bababa;
		font: 1.3em normal;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		height: 27px;
		margin-bottom: 8px;
	}
	
		#left_column h4 a {
			color: #454545;
			display: block;
			text-decoration: none;
		}
		
		#left_column h4 a:hover { color: #4b7f9b; }
		
			#left_column h4 a span {	
				float: left;
				padding-top: 3px;
			}
			
			#left_column h4 a em {
				background: url(../images/dropdown.gif) no-repeat 0 0;				
				float: right;
				height: 27px;
				width: 25px;
			}
			
			#left_column h4 a:hover em { background-position: 0 -27px; }			
			#left_column h4 a em:hover { background-position: 0 -54px; }
			
			#left_column h4 a em.active { background-position: -25px 0; }
			#left_column h4 a:hover em.active { background-position: -25px -27px; }
			#left_column h4 a em.active:hover { background-position: -25px -54px; }
			
	#left_column .toggle_container {
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		width: 205px;
		clear: both;
	}	
		
	#left_column ul {
		list-style-image: url(../images/list.gif);
		margin-left: 20px;
	}
	
		#left_column ul li { margin-bottom: 1em; }
		
			#left_column ul li a {
				color: #666;
				font-size: 1.2em;
				text-decoration: none;
			}
			
			#left_column ul li a:hover { color: #4b7f9b; }
			
#left_column #latest_news {
	background-color: #e5f0d1;
	margin: 20px 0px 20px;
	padding: 10px 14px;
	-moz-border-radius: 12px;
  	-webkit-border-radius: 12px;
}

	#left_column #latest_news h6 {
		color: #454545;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 1.8em;
		font-weight: normal;
	}
	
	#left_column #latest_news p {
		color: #454545;
		font-size: 1.1em;
		margin-top: 1em;
	}
	
		#left_column #latest_news p a {
			color: #666;
			display: block;			
			text-decoration: none;
		}
		
		#left_column #latest_news p a:hover { color: #4b7f9b; }
		
		#left_column #latest_news p.more { text-align: right; }
		
#left_column #tweets {
	background-color: #e4ecf0;
	margin: 20px 0px 0px;
	padding: 10px 14px;
	-moz-border-radius: 12px;
  	-webkit-border-radius: 12px;
}

	#left_column #tweets p {
		color: #454545;
		font-size: 1.1em;
		font-style: italic;
		margin-bottom: 1em;
	}
	
		#left_column #tweets p a {
			color: #666;
			display: block;
			text-align: right;
			text-decoration: none;
		}
		
		#left_column #tweets p a:hover { color: #7db61a; }
		
	#left_column #tweets_wrap p.follow {
		background: url(../images/twitter.gif) no-repeat;
		font-size: 1.2em;
		padding: 9px 0px 4px 50px;
	}
	
		#left_column #tweets_wrap p.follow a { color: #7db61a; }
		
		#left_column #tweets_wrap p.follow a:hover { color: #4b7f9b; }

/* !--- CONTENT - Main Column --- */

#content #main_column {
	float: right;
	width: 715px;
}
	
	#content #main_column .half_width_left {
		float: left;
		margin-right: 25px;
		width: 345px;
	}
	
	#content #main_column .half_width_right {
		float: right;
		width: 345px;
	}

	#content #main_column h2 {
		color: #7db61a;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 2em;
		font-weight: normal;
		margin-bottom: 0.8em;
	}
	
		#content #main_column h2 span { color: #4b7f9b; }
	
	#content #main_column h3 {
		color: #4b7f9b;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 1.5em;
		font-weight: normal;
		margin-bottom: 1em;
	}
	
		#content #main_column h3 a { color: #4b7f9b; }
		
		#content #main_column h3 a:hover { color: #7db61a; }
	
	#content #main_column h5 {
		color: #7db61a;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 1.3em;
		margin-bottom: 1em;
	}

	#content #main_column p {
		color: #3A4954;
/* 		color: #454545; */
		font-size: 1.3em;
		line-height:1.5;
		margin-bottom: 1.5em;
	}
	
		#content #main_column p a { color: #4b7f9b;	}
		
		#content #main_column p a:hover { color: #7db61a; }
		
		/* PDF document links */
		#content #main_column p a[href$='.pdf'] {
			background:transparent url(../images/pdf.gif) center left no-repeat;
			display:inline-block;
			padding-left:20px;
			line-height:16px;
		}
		
		#content #main_column p a.prev_page { float: left; }
		#content #main_column p a.next_page { float: right; }
	
	#content #main_column ul.bullets {		
		font-size: 1.3em;
		margin: 0px 0px 1.5em 20px;
	}
		
		#content #main_column ul.bullets li {
			color: #7db61a;
			margin-bottom: 1em;
		}
		
			#content #main_column ul.bullets li span { color: #3A4954; }
				
	#content #main_column ul.numbers {			
		list-style: decimal;
		margin: 0px 0px 1.5em 30px;
	}
	
		#content #main_column ul.numbers li {
			color: #7db61a;
			font-size: 1.6em;
			margin-bottom: 1em;
			font-style: italic;
		}
		
			#content #main_column ul.numbers li span { 
				color: #3A4954;
				font-size: 0.8em;
				font-style: normal;
			}
			
	#content #main_column img.right {
		float: right;
		margin: 0px 0px 20px 20px;
	}
	
	#content #main_column img.bordered {
		border: 1px solid #ddd;
		padding: 4px;
	}
	
/* !--- CONTENT - About - Client List --- */

#main_column .client_list { list-style: none; }

	#main_column .client_list li { margin-bottom: 10px; }
	
		#main_column .client_list li span {
			float: left;
			margin-right: 4px;
			text-align: center;
			width: 146px;
		}
		
		#main_column .client_list li p {
			float: left;
			margin-top: 11px;
		}

/* !--- CONTENT - News Stylings --- */

#pagination_container {
	text-align: center;
	width: 715px;
	margin: 20px 0px;
}
	
	#pagination_container a {
		padding: 5px 10px;
		border: 1px solid #ddd;
		color:#7db61a;
		text-decoration: none;
		margin-right: 4px;
		font-size: 1.2em;
	}
	
	#pagination_container a.disabled { color:#999; }
	
	#pagination_container a:hover {
		text-decoration: underline;
	}
	
	#pagination_container a.current {
		color:#333;
		border-color: #aaa;
	}
	
#main_column .news_img {
	float: right;
	margin: 0px 0px 16px 16px;
}

#main_column #files {
	font-size: 1.3em;
	list-style: none;
	margin: 0px 0px 1.5em 20px;
}

	#main_column #files li {
		color: #7db61a;
		margin-bottom: 1em;
	}
	
		#main_column #files li a { color: #4b7f9b; }
		
		#main_column #files li a:hover { color: #7db61a; }

/* !--- CONTENT - Product Overview --- */

#main_column .product_left, #main_column .product_right {
	border: 1px solid #BEDCA3;
	margin-bottom: 20px;
	padding: 8px 10px;
	width: 324px;
}

#main_column .product_left { float: left; }
#main_column .product_right { float: right; }

	#main_column .product_left img {
		float: left;
		margin-right: 14px;
	}
	
	#main_column .product_right img {
		float: right;
		margin-left: 14px;
	}
	
	#main_column .product_left h6, #main_column .product_right h6 {
		color: #7db61a;
		font-size: 1.4em;
		font-weight: normal;
		margin-bottom: 0.6em;
	}
	
	#main_column .product_left p, #main_column .product_right p {
		color: #3A4954;
		font-size: 1.2em !important;
		line-height: 1 !important;
		margin-bottom: 0.7em !important;
	}

/* !--- CONTENT - Funding --- */

#main_column .toggle_wrapper {
	clear: both;
	margin: 0px;	
	overflow: hidden;
	padding: 0px;
	width: 715px;	
}

#main_column .tbl_funding {
	font-size: 1.3em;
	margin-bottom: 20px;
}

	#main_column .tbl_funding th {
		background-color: #dee6ee;		
		border-bottom: 1px solid #c2d0df;
		border-right: 1px solid #c2d0df;
		border-top: 1px solid #c2d0df;
		color: #3a4954;
		font-weight: bold;
		padding: 6px;
		text-align: center;
	}
	
		#main_column .tbl_funding th.first { border-left: 1px solid #c2d0df; }
	
	#main_column .tbl_funding td {
		background: #fff;
		border-right: 1px solid #c2d0df;
		border-bottom: 1px solid #c2d0df;
		color: #3a4954;
		padding: 6px;
	}
	
		#main_column .tbl_funding td.first { border-left: 1px solid #c2d0df; }
		
		#main_column .tbl_funding td.alt { background: #edf1f6; }

/* !--- CONTENT - Contact Us --- */

#content #frm_contact {	margin-bottom: 20px; }

	#frm_contact label {
		color: #3A4954;
		display: block;
		font-size: 1.3em;
		font-weight: bold;
		margin-bottom: 4px;
	}
	
	#frm_contact input[type="hidden"] { display:none; }
	
	#frm_contact input.text {
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		color: #454545;
		display: block;
		font-size: 1.3em;
		margin: 0px 0px 20px;
		padding:4px;
		width: 334px;
	}
	
		#frm_contact input.small { width: 120px; }
	
		#frm_contact input.text:focus { border-color: #7db61a; }
		
	#frm_contact textarea {
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		display: block;		
		font-size: 1.3em;
		margin: 0px 0px 20px;
		padding:4px;
	}
	
		#frm_contact textarea.textarea_sml { height: 80px; width: 334px; }
		#frm_contact textarea.textarea_big { height: 120px; width: 705px; }
	
		#frm_contact textarea:focus { border-color: #7db61a; }
		
	#frm_contact select { font-size: 1.3em; margin-bottom: 20px; }
	
	#frm_contact input.radio { float: left; font-size: 1.3em; margin: 4px 4px 20px 0px; }
	
	#frm_contact input.checkbox { float: left; font-size: 1.3em; margin: 4px 4px 20px 0px; }
	
	#frm_contact p {
		float: left;
		line-height: 1;
		margin: 0px 30px 20px 0px;
	}
		
	#frm_contact .btn { float: right; }
		
/* !--- CONTENT - Installer Login/Sign Up --- */

#frm_installer label.lbl {
	color: #3A4954;
	display: block;	
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	margin: 4px 0px 10px;
	padding-right:10px;
	text-align:right;
	width: 180px;
}

#frm_installer input[type="hidden"] { display:none; }
	
#frm_installer input.text {
	border:1px solid;
	border-color:#7c7c7c #c3c3c3 #dddddd;
	color: #454545;
	display: block;	
	float: left;
	font-size: 1.3em;
	margin: 0px 0px 10px;
	padding:4px;
	width: 220px;	
}

	#frm_installer input.text:focus { border-color: #6AA715; }

#frm_installer br { clear:left; }

#frm_installer .radio_buttons { 
	margin-left: 190px;
	padding: 10px 0px;
}

	#frm_installer .radio_buttons input.radio {
		float: left;
		font-size: 1.3em;
	}

	#frm_installer .radio_buttons label {
		color: #454545;
		display: block;
		float: left;
		font-size: 1.3em;
		margin: 0px 0px 10px;
		padding-left: 10px;
	}

/* !--- CONTENT - Installer Calculator --- */

#InstallerDesignForm label.lbl {
	color: #3A4954;
	display: block;	
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	margin: 6px 0px 10px;
	padding-right:10px;
	text-align:right;
	width: 220px;
}

#InstallerDesignForm input[type="hidden"] { display:none; }

#InstallerDesignForm select {
	float: left;
	font-size: 1.3em;
	width: 220px;
}

	#InstallerDesignForm select.select_small { width: 100px; }

#InstallerDesignForm input.text, #InstallerDesignForm input.text_small {
	border:1px solid;
	border-color:#7c7c7c #c3c3c3 #dddddd;
	color: #454545;
	display: block;
	float: left;
	font-size: 1.3em;
	padding:4px;
	text-align: right;
}

	#InstallerDesignForm input.text {		
		margin: 0px 0px 10px;
		width: 120px;
	}
	
	#InstallerDesignForm input.text_small {
		margin: 0px;
		width: 80px;
	}

	#InstallerDesignForm input.text:focus, #InstallerDesignForm input.text_small:focus { border-color: #6AA715; }
	
#InstallerDesignForm span {
	color: #888;
	font-size: 1.3em;
	float: left;
	padding: 6px 0px 0px 6px;	
}
	
#InstallerDesignForm br { clear:left; }

#InstallerDesignForm #tbl_floors th {
	background-color: #dee6ee;
	border-right: 1px solid #c2d0df;
	border-bottom: 1px solid #c2d0df;
	border-top: 1px solid #c2d0df;
	color: #3a4954;
	font-size: 1.3em;	
	font-weight: bold;
	padding: 6px 6px 6px 12px;
	text-align: left;	
}

	#InstallerDesignForm #tbl_floors th.first { border-left: 1px solid #c2d0df; }

#InstallerDesignForm #tbl_floors td {
	background: #fff;
	border-right: 1px solid #c2d0df;
	border-bottom: 1px solid #c2d0df;
	color: #3a4954;
	padding: 6px 6px 6px 12px;
}

	#InstallerDesignForm #tbl_floors td.alt { background: #edf1f6; }
	
	#InstallerDesignForm #tbl_floors td.first {
		border-left: 1px solid #c2d0df;
		font-size: 1.3em;
	}
	
	#InstallerDesignForm #tbl_floors td input.text { margin-bottom: 0px !important; }
	
#InstallerDesignForm #tbl_heatpump th {
	color: #3a4954;
	font-size: 1.3em;	
	font-weight: bold;
	padding: 6px;
}

#InstallerDesignForm #tbl_heatpump td { padding: 6px; }

#InstallerDesignForm #tbl_heatpump td.first {
	color: #3a4954;
	font-size: 1.3em;
}

/* !--- FOOTER --- */

#footer_wrapper {
	background: url(../images/bg_footer_mono.gif) #59788a no-repeat center top;
	padding: 84px 0px 20px;
}

#home #footer_wrapper { background: url(../images/bg_footer.gif) #59788a no-repeat center top; }

	#footer_wrapper #footer {
/* 		background: url(../images/logos.gif) no-repeat right top; */
		margin: 0px auto;
		padding: 10px 0px;
		width: 960px;
	}
	
		#footer_wrapper #footer #footer_left { float: left; width: 480px; }
		#footer_wrapper #footer #footer_right { float: right; text-align: right; width: 480px; }
	
		#footer p {
			color: #cce1ed;
			font-size: 1em;
			font-weight: bold;
			margin: 0px 0px 1em;
		}
		
			#footer p a {
				color: #cce1ed;
				text-decoration: none;
			}
			
			#footer p a:hover { color: #fff; }