/* basic elements */

* {
	border: thin #FFFFFF;
	margin: 0;
	outline: #FFFFFF;
	padding-bottom: 0px;
}

/*.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 */

body {
	background: #433322 url('../../playgrounds/images/bkg_site.jpg') repeat-x 50% top;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

p {
	line-height: 18px;
}

.Wrapper {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 915px;
}


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

.Header {
	height: 244px;
	width: 915px;
}

.ZeagerLogo {
      height: 55px;
      padding: 18px 0px 0px 15px;
      text-indent: -5000px;
      width: 196px;
}

      .ZeagerLogo a {
            background: url('../Images/logo_zeager.gif');
            display: block;
            height: 55px;
            overflow: hidden;
            width: 196px;
	}
	
.SearchLabel {
	color: #C52113;
	float: right;
	font-size: 11px;
	line-height: 28px;
	padding: 34px 8px 0px 16px;
}

.SearchField {
	border: 1px solid #B7B7B7;
	float: right;
	font-size: 14px;
	line-height: 14px;
	margin: 34px 0px 0px 0px;
	padding: 6px 5px 6px 5px;
	width: 142px;
}

.TopLinks {
	float: right;
	list-style: none;
	padding-top: 34px;
}

	.TopLinks li {
		color: #000000;
		float: left;
		font-size: 11px;
		line-height: 28px;
		padding-right: 16px;
	}
	
	.TopLinks a {color: #000000; text-decoration: none;}
	.TopLinks a:hover {color: #356032;}
	
.Navigation {
	height: 48px;
	list-style: none;
	padding-top: 21px;
	width: 915px;
}

	.GetaQuote {
		background: url('../../playgrounds/images/btn_GetaQuote.jpg') left top;
		float: right;
		height: 48px;
		margin-right: 5px;
		width: 153px;
	}
	
		.GetaQuote a {display: block; height: 48px; width: 153px; text-indent: -5000px; overflow: hidden;}
		.GetaQuote a:hover {background: url('../../playgrounds/images/btn_GetaQuote.jpg') left bottom;
}
		
	.Products {
		background: url('../../playgrounds/images/btn_Products.jpg') left top;
		float: right;
		height: 48px;
		margin-right: 5px;
		width: 126px;
	}
	
		.Products a {display: block; height: 48px; width: 126px; text-indent: -5000px; overflow: hidden;}
		.Products a:hover {background: url('../../playgrounds/images/btn_Products.jpg') left bottom;
}
		
	.WhyZeager {
		background: url('../../playgrounds/images/btn_WhyZeager.jpg') left top;
		float: right;
		height: 48px;
		margin-right: 5px;
		width: 166px;
	}
	
		.WhyZeager a {display: block; height: 48px; width: 166px; text-indent: -5000px; overflow: hidden;}
		.WhyZeager a:hover {background: url('../../playgrounds/images/btn_WhyZeager.jpg') left bottom;
}
		
	.News {
		background: url('../../playgrounds/images/btn_News.jpg') left top;
		float: right;
		height: 48px;
		margin-right: 5px;
		width: 94px;
	}
	
		.News a {display: block; height: 48px; width: 94px; text-indent: -5000px; overflow: hidden;}
		.News a:hover {background: url('../../playgrounds/images/btn_News.jpg') left bottom;
}
		
	.AboutUs {
		background: url('../../playgrounds/images/btn_AboutUs.jpg') left top;
		float: right;
		height: 48px;
		width: 131px;
	}
	
		.AboutUs a {display: block; height: 48px; width: 131px; text-indent: -5000px; overflow: hidden;}
		.AboutUs a:hover {background: url('../../playgrounds/images/btn_AboutUs.jpg') left bottom;
}
		
.Tagline {
      background: url('../images/tagline-greenroof.gif');
      display: block;
      height: 26px;
      margin: 48px 0px 0px 2px;
      overflow: hidden;
      text-indent: -5000px;
      width: 414px;
}

.PickSurface {
	background: url('../../playgrounds/images/btn_PickSurface.gif') left top;
	float: right;
	height: 50px;
	margin-top: 37px;
	width: 234px;
}

	.PickSurface a {display: block; height: 50px; width: 234px; text-indent: -5000px; overflow: hidden;}
	.PickSurface a:hover {background: url('../../playgrounds/images/btn_PickSurface.gif') left bottom;
}
	
	
/*----FOOTER----*/

.Footer {
	border-top: solid 1px #21160A;
	padding-top: 6px;
	width: 915px;
}

.FooterLinks {
	color: #CABDB0;
	float: left;
	font-size: 11px;
	list-style: none;
}
	.FooterLinks li {
		float: left;
		padding-right: 15px;
	}
	
	.FooterLinks a {text-decoration: none; color: #CABDB0;}
	.FooterLinks a:hover {text-decoration: none; color: #FFD863;}

.Copyright {
	color: #CABDB0;
	float: right;
	font-size: 11px;
}
	
#QuoteForm {
	width:650px;
}
	#QuoteForm h3 {
		text-align:center;
		color:#ffd863;
		margin-top:18px;
	}
	
	#QuoteForm .formfield {
		margin:8px;
	}

		#QuoteForm .formfield .label { 
			display:block; 
			float:left;
			text-align:right;
			width:200px;
			padding-right:10px;
		}

		#QuoteForm .formfield .textbox {
			width:240px;
			height:19px;
			border:1px solid #fff;
		}

		#QuoteForm .formfield .smallbox {
			width:60px;
		}
		
		#QuoteForm .formfield .note { 
			display:block; 
			margin:10px 5px 20px 105px; 
			font:11px sans-serif;
		}