/* @override http://marshheating.com/css/screen.css */

	/* 
Title:		Marsh Heating and Air Coniditioning
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	May 7, 2007
Updated:	June 24, 2011
*/


/*--[Global]----------*/
html, body, form, fieldset, legend, label, input, select, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, img {
	margin:0;
	padding:0;
}
ul, li {
	list-style-type:none;
}
body {
	background: #666666 url(../images/img/bg_body.jpg) repeat-y 50%; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 1.1em;
	color: #333;
	text-align: center; /* KLUDGE: IE5.5 and IE6 in quirks mode doesn't understand auto margining. IE misunderstands text-align: center and centers everything. Must reset text to the left in the wrapper tag. */
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
/*--[Float Clearing]--------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

hr { /* A bit overkill but it almost always works. Thanks to Sonspring. */
	 border: 0;
	 clear: both;
	 display: block;
	 float: none;
	 margin: 0;
	 overflow: hidden;
	 visibility: hidden;
	 width: 0;
	 height: 0;
}				

/*--[Set Common Elements]----------*/
.tiny {
	font: xx-small Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;
}
.centered, p.centered {
	text-align:center;
}
.right {
	float: right;
}
.left {
	float: left;
}

/*--[Set Generic Link Rules]---------*/
a:link {
	color:#FF7E16;
	text-decoration: none;
}
a:visited {
	color: #FF7E16;
	text-decoration: none;
}
a:hover {
	color: #3E70AB;
}

/*--[Stand Alone Headlines]----------*/
h1 {
}
h2 {
}
h3.sectiontitle {
	font: normal 180%/normal Arial, Helvetica, sans-serif;
	color: #323232;
	padding: 0 0 8px 0;	
}
	.res_color {
		border-bottom: 12px solid #FF8016; 
		margin: 0 0 8px 0; 
	}
	.com_color {
		border-bottom: 12px solid #A6AC6C; 
		margin: 0 0 8px 0; 
	}
	.service_color {
		border-bottom: 12px solid #323232; 
		margin: 0 0 8px 0; 
	}
h3.sectiontitle_big {
	font: normal 250%/normal Arial, Helvetica, sans-serif;
	color: #323232;
	padding: 0 15px 8px 0;	
}	
h4.loud {
	font: normal 220% Arial, Helvetica, sans-serif;
	padding: 0 0 15px 0;
	color: #323232;
}

/*--[Wrappers]----------*/	
#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left; /* KLUDGE: Realigns text to the left for the IE fix. */
	background: url(../images/img/bg_wrapper.jpg) no-repeat 0 0;
	position: relative;
}

/*--[Images]----------*/
img.stdpic {
	border: 3px solid #E8E8E8;
	margin: 5px 10px;
}

/*--[SECTION BEGIN: Masthead]----------*/
#masthead {
	position: relative;
	height: 210px;
	background: url(../images/img/bg_header.jpg) no-repeat 0 0;
	padding-bottom: 10px;
}
	#masthead h1 {
		width: 363px;
		height: 64px;
		background: url(../images/img/bg_logo_marsh.jpg) no-repeat 0 0;
		text-indent: -9926px;
		z-index: 100;
		position: absolute;
		top: 71px;
		left: 0;
	}
		#masthead h1 a {
			display: block;
			height: 64px;
			background: url(../images/img/bg_logo_marsh.jpg) no-repeat 0 0; /* Logo needs to be repeated in order to prevent flickering in IE on mouse over. */
		}
	#masthead h2 {
		text-indent: -9926px;
		display: none;
	}
	#masthead img {
		position: absolute;
		top: 0;
		right: 0;
	}
	#masthead p.badge {
		position: absolute;
		top: 5px;
		left: 364px;
		width: 115px;
		font: bold 115%/1.0em Arial, Helvetica, sans-serif;
		color: #FFF;
		text-align: center;	
	}
	#masthead ul {
		position: absolute;
		top: 172px;
		right: 0;
		text-align: right;
		float: right;
		padding-right: 8px;
	}
		#masthead ul li {
			float: left;
		}
			#masthead ul li a:link, #masthead ul li a:visited {
				float: left;
				font: normal 128% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
				color: #FFF;
				padding: 10px 8px 0 8px;
				height: 41px;
			}
				#masthead ul li a:hover {
					text-decoration: none;
					background: url(../images/img/bg_mainnav_highlight.jpg) repeat-x;
					color: #FFF5C7;
				}
/*--[SECTION END: Masthead]----------*/

/*--[SECTION BEGIN: Content]----------*/

/*--[Front page welcome block]-------*/
.welcome {
	background: url(../images/img/bg_welcome_dude.jpg) no-repeat 5px 0;
	width: 460px;
	float: left;
	padding: 0 0 0 0;
	min-height: 182px; /* Prevents background repair guy from being cut off if text is too short. */
	height: auto !important;
	height: 182px;
}
	.welcome p {
		padding: 3px 0 3px 65px;
		font-size: 80%;
		line-height: 1.4em;
	}
		.welcome p.freeair {
			border-top: solid 1px #CDCDCD;
			border-bottom: solid 1px #CDCDCD;
			margin: 10px 0 0 65px;
			padding: 10px 0 15px 0;
			color: #386BAA;
		}
			.welcome p.freeair img {
				float: left;
				margin: 0 15px 0 0;
				padding: 0;
			}

/*--[Front Right Block]--------*/
.front_right {
	width: 280px;
	float: right;
	text-align: center;
}
	.front_right img.dealer {
		padding: 0 0 15px 0;
	}	
	
/*--[Bubblequote]--------*/
blockquote.bubblequote {
	background: #E8E8E8 url(../images/img/bg_quotetop.gif) no-repeat 0 0;
	padding: 0 0 0 0;
	margin: 0 auto;
}
	blockquote.bubblequote p.quotetop {
		font: bold 120%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		width: 230px;
		margin: 0 auto;
		padding-top: 15px;
		color: #0A50AE;
	}
			blockquote.bubblequote p.quotebottom {
				background: #FFF url(../images/img/bg_quotebottom.gif) no-repeat 0 0;
				font: bold 90%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
				text-align: right;
				padding: 0 50px 30px 0;
				height: 63px;
				margin-top: 15px;
				color: #0A50AE;
			}
/*--[Front 3 columns]------*/
.col_front {
	width: 236px;
	margin: 0 7px 25px 7px;
	float: left;
}
	.col_front img {
		display: block;
		border: 3px solid #A6A6A6;
		margin-bottom: 10px;
	}
	.col_front p {
		font-size: 80%;
		line-height: 1.4em;
		padding: 5px;
	}
		
	.col_front a:link, .col_front a:visited {
		display: block;
		width: 44px;
		height: 44px;
		text-indent: -9926px;
		background: url(../images/img/btn_go.gif) no-repeat 0 0;
		float: left;
		margin: 0 20px 5px 0;
	}

/*--[Content Column]------*/
.col_content {
	width: 520px;
	float: left;
	margin-bottom: 25px;
}
.col_form {
	width: 760px;
	float: left;
	margin-bottom: 25px;
}
.wide {
	width: 760px
}

	.col_content p {
		font-size: 80%;
		line-height: 1.4em;
		padding: 5px 0 5px 10px;
	}
	.col_content p.intro {
		font-size: 86%;
		line-height: 1.8em;
	}
	.col_content h4 {
		font: normal 150%/1.0em Arial, Helvetica, sans-serif;
		padding: 15px 0 2px 0;
		color: #395E8B;
	}
.subcol_left {
	float: left;
	width: 150px;
}
.subcol_right {
	float: right;
	width: 590px;
	border-bottom: solid 1px #CCC;
	padding-bottom: 10px;
}
/*--[Content Sideblock]---------*/
.nav_content {
	float: right;
	width: 200px;
	background: url(../images/img/bg_navcontent_bottom.gif) no-repeat 0 100%;
	padding-bottom: 13px;
	margin-bottom: 25px;
}
	.nav_content h3 {
		padding: 15px 10px 145px 10px;
		font: 200% Arial, Helvetica, sans-serif;
		border: 1px solid #C7C9CE;
	}
		.res_block{
			color: #FFF;
			background: #FF8013 url(../images/img/bg_resh3.jpg) no-repeat 0 100%;
		}
		.com_block {
			color: #FFF;
			background: #A6AC6C url(../images/img/bg_comh3.jpg) no-repeat 0 100%;
		}
		.service_block {
			background: #323232 url(../images/img/bg_serviceh3.jpg) no-repeat 0 100%;
			color: #FFF 
		}
		.nav_content ul {
			background: #666 url(../images/img/bg_navcontent.gif) repeat-y 0 0;
			border-top: 5px solid #C7C9CE;
		}
		.nav_content ul h3 {
			background: #666 url(../images/img/bg_navcontent_top.gif) no-repeat 0 0;
			font: bold 120%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
			padding: 25px 20px 10px 20px;
			color: #870F02;
		}
			.nav_content ul li {
				display: inline;
				font-size: 85%;
			}
				.nav_content ul li a {
					display: block;
					padding: 6px 15px 6px 35px;
					background: transparent url(../images/img/bullet_bluearrow.gif) no-repeat 10% 50%;
					border-bottom: 1px solid #C7C9CE;
				}
				.nav_content ul li a:link, .nav_content ul li a:visited {
					color: #454E61; 
				}
				.nav_content ul li a:hover {
					color: #E17211;
					text-decoration: none;
				}
				
				
/*--[Store]--------*/
.col_store {
	width: 760px;
	float: left;
	margin-bottom: 25px;
}
.prod_entry {
	padding: 15px 0 15px 0;
}
.col_store h4 {
	font: normal 135% Arial, Helvetica, sans-serif;
	padding: 0 0 8px 0;
	color: #395E8B;
}
.col_store h5.price {
	font: bold 115%  Arial, Helvetica, sans-serif;
	padding: 5px 0;
}
.col_store p {
	font-size: 80%;
	line-height: 1.4em;
	padding: 3px 0;
}
.col_store p.intro {
		font-size: 86%;
		line-height: 1.8em;
}
.col_store img.linebutn {
	float: left;
	padding: 5px 10px 5px 0;
}
	
/*--[SECTION END: Content]----------*/

/*--[Form Styling]-------*/
.form_box {
	width: 600px;
	background-color: #F7F7F7;
	border: 1px solid #EEE;
	margin: 15px auto;
}
fieldset {
	margin: 15px 0; /*  space out the fieldsets a little*/
	padding: 15px;
	border : none;
}
legend {
	font: normal 135%/1.0em Arial, Helvetica, sans-serif;
	color: #395E8B;
	background: none;
}
label {
	font-size: 105%;
	padding-bottom: 8px;
	float: left;
	width: 12em;
}
label.extended {
	font-size: 100%;
	float: left;
	width: 12em;
}
input {
	margin-bottom: 11px;
}
	.in-line {

		margin-bottom: 0;
		padding-bottom: 2px;
	}
/*--[Thankyou page message welcome block]-------*/
.thankyou {
	background: url(../images/img/bg_thumbsup.jpg) no-repeat 0 0;
	width: 720px;
	float: left;
	padding: 0 0 0 0;
	min-height: 225px; /* Prevents background image from being cut off. */
	height: auto !important;
	height: 225px;
}
	.thankyou p {
		padding: 3px 0 3px 140px;
		font-size: 80%;
		line-height: 1.4em;
	}
/*--[SECTION BEGIN: Footer]----------*/
#footer {
	clear: both;
	background: url(../images/img/bg_footer.jpg) no-repeat 0 0;
	height: 120px;
	padding: 0;
	margin: 25px 0 0 0;
	color: #FFF;
	font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 1.1em;
	position:relative;
}
#footer a:link, a:visited {
	color:#FFFF00;
	text-decoration: none;
}
#footer a:hover {
	color:#FFF;
	text-decoration: underline;
}
.info_block {
	float: left;
	padding: 15px;
	width: 300px;
}
	.info_block h3 {
		font-size: 125%;
		padding: 0 0 15px 0;
	}	
span.icon_telephone {
	background: url(../images/img/icon_telephone.gif) no-repeat 0 0;
	padding: 0 0 0 22px;
}	
span.icon_email {
	background: url(../images/img/icon_email.gif) no-repeat 0 0;
	padding: 0 0 0 22px;
	margin-left: 16px;
}	
span.icon_alert {
	background: url(../images/img/icon_alert.gif) no-repeat 0 0;
	padding: 0 0 0 22px;
	margin-top: 10px;
	display: block;
}	

#footer address  {
	float: right;
	background: url(../images/img/icon_map.gif) no-repeat 0 5px;
	padding: 0 15px 0 22px;
	margin: 20px 0 0 0;
	font-style: normal;
	font-size: 115%;
	line-height: 1.4em;
}

#footer ul.social { position:absolute; top:25px; left:340px; }
#footer ul.social li	{ float:left; padding:5px;}

p.subfooter {
	text-align: right;
	font-size: 80%;
	padding-bottom: 25px;
}
/*--[SECTION END: Footer]----------*/