/* CSS Document */
html{height:100%;}
body {
padding:0px;
margin:0px;
background:#fff url(../images/topBarFill.gif) repeat-x 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
line-height:22px;
height:100%;
}

.bg{ 
margin:0 auto;
width:816px;
min-height:100%; 
background:url(../images/mainBG.gif);
}
	* html .bg{height:100%;}

	.headline{font-size:18px; border-bottom:1px solid brown;
	}
	
	a:link{color:#a27933; text-decoration:none;}
	a:visited{color:#a27933; text-decoration:none;}
	a:hover{color:#a27933; text-decoration:underline;}
	a:active{color:#a27933; text-decoration:none;}

	.wrap{
	width:816px;
	margin:auto;/*
	background:url(../images/mainBG.gif);*/
	text-align:left;
	overflow:hidden; /*This is in place of using a clear div*/
	}
		.header{
		width:816px;
		height:133px;
		background:url(../images/header.jpg);
		position:relative;
		}
			.leftNumber{
			position:absolute;
			width:100px;
			top:110px;
			left:35px;
			color:#c28f39;
			font-weight:bold;
			}
			.rightNumber{
			position:absolute;
			width:100px;
			top:110px;
			left:185px;
			color:#c28f39;
			font-weight:bold;
			}
		.horzNav{
		width:816px;
		height:42px;
		background:url(../images/horzNav.jpg) no-repeat;
		position:relative;
		text-align:center;
		overflow:hidden;
		}
			.horzNavPad /*ul */{
			position:relative;
			top:5px;
			text-align:center;		
			font-family:"Times New Roman", Times, serif;
			}
			.horzNavPad ul{
			width:816px;
			margin:auto;
			}
			.horzNavPad a {
			margin:0px 10px 0px 10px;
			font-weight:bold;
			font-variant:small-caps;
			}
			.horzNavPad li {
			list-style:none;
			display:inline;
			margin:0px;
			padding:0px;
			}
			.horzNavPad a:link{color:white; text-decoration:none;}
			.horzNavPad a:visited{color:white; text-decoration:none;}
			.horzNavPad a:hover{color:white; text-decoration:underline;}
			.horzNavPad a:active{color:white; text-decoration:none;}
			
			#homepage #home{text-decoration:underline;}
			#productspage #products{text-decoration:underline;}
			#localsuccessespage #localsuccesses{text-decoration:underline;}
			#gallerypage #gallery{text-decoration:underline;}
			#contactpage #contact{text-decoration:underline;}
		.leftBar{
		width:192px;
		font-size:16px;
		color:#6b573E;
		float:left;
		}
			.leftBar img{
			border:0px;
			}
		.vertNavBG{
		width:192px;
		background:url(../images/vertNav.gif);
		min-height:292px;
		}
			* html .vertNavBG{
			height:292px;
			}
			.vertNavBG a:link{color:#6b573E; text-decoration:none;}
			.vertNavBG a:visited{color:#6b573E; text-decoration:none;}
			.vertNavBG a:hover{color:#6b573E; text-decoration:underline;}
			.vertNavBG a:active{color:#6b573E; text-decoration:none;}
				.vertNavBG strong{
			color:#a72f05;		
			}
			.vertNavBG ul{
			position:relative;
			left:-25px;		
			}
			.vertNav{
			margin:0px 10px 30px 20px;
			}
		.mainContent{
		width:580px;
		float:left;
		margin:20px;
		}
			.mainContent img{
			padding:10px;
			}
			.mainContent strong{
			color:#8c7250;
			}
		.letterBox{
		width:90%;
		margin:40px;
		background:#ebe2d3;
		font-size:14px;
		margin:auto;
		}
		.letterPadding{
		padding:10px 30px 10px 30px;
		}
		.letterBody{
		padding:0px 0px 0px 30px;
		}
		.footer{
		margin:auto;
		text-align:center;
		font-size:10px;
		font-weight:bold;
		width:816px;
		background:url(../images/mainBG.gif);
		}
			.footer span.phone{color:#c3913d}
			.footer span.email{color:#b20538}
			.bar{
			background:url(../images/bar.gif);
			height:22px;
			width:723px;
			margin:auto;
			}