@charset "UTF-8";
/* CSS Document */
/*=== Podoamni, Inc. Reset ===*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent;}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*Color Chart background tan: #fee7b5 Footer green: #3d3825 */

* {margin:0;padding:0; font-size: 100%; } 

html, body {height: 100%;}
body {background:#fee7b5;}
#wrap {min-height: 100%; width: 100%;}
.content-box{ width: 960px; margin: auto;}
.left{ float: left; }
.right{ float: right; }	

#header {color:#7c613d; font-family: Times; font-size: 14px; width:940px; height: 57px;}
#tagleft {float:left; width: 200px; display: inline; padding: 25px 0 0 0; text-align: center;}
#logo {float: left; width: 203px; display: inline; clear: none; margin-left:150px;}
#tagright {float:left; display: inline; width: 173px; text-align:center; background: url('../img/quote-back.jpg') no-repeat; padding: 0; margin: 25px 0 0 170px;}

/*MENU*/
#menu {background:url('../img/menu-back-revised.jpg') no-repeat; text-transform: uppercase; height: 84px; line-height: 1em; font-family: Times; font-size: 14px; margin-top: 10px; font-weight: bold;}
#menu a {color:#fff; text-decoration: none;}
#menu a:hover {text-decoration: underline;}
#menu a.active {color:#fee7b5;}
#menu-a {float:left; padding: 33px 0 0 20px; width: 190px;}
#menu-b {float: left; padding: 26px 0 0 0px; text-align: center; width: 170px; }
#menu-c {float:left; text-align: center; padding: 26px 0 0 10px; width: 170px; margin-left: 15px;}
#menu-d {float:left; text-align: center; padding: 26px 0 0 0; width: 120px; margin-left: 30px;}
#menu-e {float:left; text-align: center; padding: 33px 0 0 0; width: 75px; margin-left: 30px;}
.coverage {float:left; padding:0; width: 82px; height: 73px; margin-left: 15px;}
.whiteburst {background:url('../img/whiteburst.jpg') no-repeat; background-position: 190px 0; }

#general { 
	font-family: "Verdana";
	font-size:14px;
	color:#725545;
	padding: 20px;}
	
	#general h1 {font-family: "Book Antiqua"; font-size: 16px; letter-spacing: .5em; color:#999999; text-transform: uppercase; text-align: center;}
	#general a {color: #ff4800; text-decoration: none;}
	#general a:hover {text-decoration: underline;}
	#general h2{font-family: "Book Antiqua"; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
	#general .divide {padding-bottom:32px;}
	#general p {margin-bottom: 20px;}
	#general ul {margin-left: 20px;}
	#general ul li {margin-bottom: 10px;}
	.captioned-photo {width:270px;}
	.captioned-photo img {margin: 0 10px 5px 10px; padding: 0 auto;}
	.captioned-photo p {font-size: 12px; font-style: italic; text-align: left; padding: 0 0 0 15px; margin:0;}
	.horizontal-images p {font-size: 12px; font-style: italic; text-align: left; width: 90%;}
	.horizontal-dual-images img {margin-right: 10px;}
	.horizontal-dual-images p {font-size: 12px; font-style: italic; text-align: left;}
	.footnote {text-align: center; font-size: 12px; font-style: italic;}
	
#maintext {margin: 20px 0 0 5px; font-family: Verdana; font-size: 14px; width: 940px;}
#maintext em {float:right;}
#maintext p {padding-bottom: 10px; margin: 0 20px; text-align: justify;}
#maintext a {color:#ff4800; font-style: italic;}
#maintext a:hover {text-decoration: none;}
	.grayback-top {background:url('../img/gray-top.jpg') no-repeat; width:935px; height: 18px;}
	.grayback-center {background:url('../img/gray-middle.jpg') repeat-y; padding:0 20px; z-index: -1;}
	.grayback-center p {z-index: 2; border: 1px solid #fee7b5;}
	.grayback-bottom {background:url('../img/gray-bottom.jpg') no-repeat; width:935px; height: 18px;}

#installation {margin:0 auto; width: 880px; margin-left: 40px;}	
#installation .imgtag {float:left; width: 200px; margin:0 20px 20px 0;}
#installation  img {margin-bottom: 10px;}

/*FOOTER*/
#footer-box{ 
	padding: 0; margin: auto; 
	/*position: absolute; bottom: -1;*/ 
	width: 100%; /* background:url('../img/footer-back.jpg') repeat-x #3d3825; */ 
	background:#3d3825; 
	height: 300px; 
	font-family: "Times New Roman"; 
	color:#fff; 
	font-size: 12px; 
	line-height: 1.1em;
	-moz-box-shadow:inset 1px 5px 28px #000000;
	-webkit-box-shadow:inset 1px 5px 28px #000000;
	box-shadow:inset 1px 5px 28px #000000;
	}
#footer-box a {color:#fee7b5; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
#footer-wrapper {width:940px; margin: 0 auto;}
#footer-box h1 {color:#fee7b5; width: 100%; text-transform: uppercase; text-align: center; letter-spacing: .5em; padding:10px 0 20px 0; font-size: 18px;}
#footer-box h2 {color:#fee7b5; width: 100%; font-size:14px; text-transform: uppercase; text-align: center; padding:10px 0;}
	#f1 {width: 160px; float: left; margin-right: 60px; margin-top: 0;}
		#f1 img {display:block;}
			#f1 .spacer {margin-bottom: 10px;}
			#f1-left {float:left;}
			#f1-right {float:right;}
	#f2 {width: 200px; float: left; margin-right: 40px; line-height: .9em; padding-top: 32px; margin-top: 0px;}
		#f2 img {float:left; padding-right: 5px;}
		#f2-left {clear:both; padding-bottom: 20px;}
		#f2-right {clear:both;}
	#f3 {width: 160px; float:left; height:113px; /*background:url('../img/associations/footer-learnmore-back.jpg') no-repeat;*/ float: left; font-size:14px; padding: 10px 10px 0 40px; margin-right: 40px; margin-top: 0px;}
	#f3 img {display:block; margin:0 auto;}
	#f3 p {margin-bottom: 10px;}
	
	#f4 {width: 200px; float: left; font-size: 14px;}
		#f4 a{color:#fee7b5; text-decoration: none;}


/*CLEARFIX**/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

#main {overflow:auto;
	padding-bottom: 190px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -190px; /* negative value of footer height */
	height: 190px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}