@charset "UTF-8";
/* CSS Document */


html, body {
	margin: 0;
	padding: 0;
	}
body {
	background-color: #DEDBE0;
}

p {
	font-size: 1em;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
li {
	font-size: 1em;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	}
	
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	color: #960;
	text-align: center;
	margin-right: 120px;
	}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.15em;
	font-weight: bold;
	color: #000;
	}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	}

/* a {text-decoration: none;} */

a:link {
	color: #3366cc
	}

a:visited {
	color: #33C
	}

a:hover, a:active {
	color: #C90
	}

#container {
	position: relative;
	height: 500px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/index-bkgrnd.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFF;
	}
	
.brclear {
	clear:both; 
	}

.nav {
	position: absolute;
	left: 0px;
	top: 0;
	width: 835px;
	padding: 1px;
	text-align: right;
	}
	
.nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}
	
.nav a:visited {
	color: #FFF
	}

.nav a:hover, a:active {
	color: #C90
	}

.hgroup {
	padding-top: 60px;
	width: 230px;
	text-align: center;
	float: left;
	}
	
.hgroup p {
	margin-top: 0px;
	}

.logo p {
	line-height: 1em;
	text-align: center;
	}

.article {
	width: 400px;
	padding-top: 0px;
	}
	
.article h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	color: #960;
	text-align: center;
	margin-right: 120px;
	margin-bottom: 0px;
	}
.article p {
	margin-top: 50px;
	margin-left: 20px;
	}

.article ul {
	margin-top: 0px;
	}
	
.footer {
	text-align: center;
	width: 400px;
	}

.footer p {
	font-size: .85em;
	line-height: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

.revdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .65em;
	}

#zips {
	background-color: #99C;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both;
	display: block;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	color: #FFF;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #FFF;
	}

/* Awnings */
	
.pos-awn {
	position: absolute;
	left: 682px;
	top: 60px;
	height: 179px;
	width: 155px;
	}
	
.pic-awn {
	position: absolute;
	z-index: 10;
	right: 0px;
	border: medium #FFF solid;
	-webkit-box-shadow:6px 6px 4px #333333;
	-moz-box-shadow:6px 6px 4px #333333;
	-o-box-shadow:6px 6px 4px #333333;
	box-shadow:6px 6px 4px #333333;
	}
	
.bar-awn {
	position: absolute;
	left: 0px;
	z-index: 11;
	top: 157px;
	}
	
/* Sunroom */
	
.pos-sun {
	position: absolute;
	left: 472px;
	top: 218px;
	height: 183px;
	width: 153px;
	}
	
.pic-sun {
	position: absolute;
	z-index: 12;
	right: 0px;
	border: medium #FFF solid;
	-webkit-box-shadow:6px 6px 4px #333333;
	-moz-box-shadow:6px 6px 4px #333333;
	-o-box-shadow:6px 6px 4px #333333;
	box-shadow:6px 6px 4px #333333;
	}
	
.bar-sun {
	position: absolute;
	left: 0px;
	z-index: 13;
	top: 166px;
	}

/* Pool */

.pos-pool {
	position: absolute;
	left: 650px;
	top: 590px;
	height: 136px;
	width: 187px;
	}
	
.pic-pool {
	position: absolute;
	z-index: 14;
	left: 0px;
	border: medium #FFF solid;
	-webkit-box-shadow:6px 6px 4px #333333;
	-moz-box-shadow:6px 6px 4px #333333;
	-o-box-shadow:6px 6px 4px #333333;
	box-shadow:6px 6px 4px #333333;
	}
	
.bar-pool {
	position: absolute;
	right: 0px;
	z-index: 15;
	top: 115px;
	}
	

/* Lattice */

.pos-lat {
	position: absolute;
	left: 430px;
	top: 265px;
	height: 120px;
	width: 197px;
	}
	
.pic-lat {
	position: absolute;
	z-index: 16;
	right: 0px;
	border: medium #FFF solid;
	-webkit-box-shadow:6px 6px 4px #333333;
	-moz-box-shadow:6px 6px 4px #333333;
	-o-box-shadow:6px 6px 4px #333333;
	box-shadow:6px 6px 4px #333333;
	}
	
.bar-lat {
	position: absolute;
	left: 0px;
	z-index: 17;
	top: 103px;
	}

/* Signage */

.pos-sign {
	position: absolute;
	left: 510px;
	top: 120px;
	height: 120px;
	width: 136px;
	}
	
.pic-sign {
	position: absolute;
	z-index: 18;
	right: 0px;
	border: medium #FFF solid;
	-webkit-box-shadow:6px 6px 4px #333333;
	-moz-box-shadow:6px 6px 4px #333333;
	-o-box-shadow:6px 6px 4px #333333;
	box-shadow:6px 6px 4px #333333;
	}
	
.bar-sign {
	position: absolute;
	left: 0px;
	z-index: 19;
	top: 103px;
	}

/* Ornamental Iron */

.pos-iron {
	position: absolute;
	left: 586px;
	top: 426px;
	height: 136px;
	width: 251px;
	}
	
.pic-iron {
	position: absolute;
	z-index: 20;
	right: 0px;
	border: medium solid #FFF;
	-webkit-box-shadow:6px 6px 4px #333333;
	-moz-box-shadow:6px 6px 4px #333333;
	-o-box-shadow:6px 6px 4px #333333;
	box-shadow:6px 6px 4px #333333;
	}
	
.bar-iron {
	position: absolute;
	left: 0px;
	z-index: 21;
	top: 119px;
	}

/* Tension Structures */
	
.pos-ten {
	position: absolute;
	left: 400px;
	top: 426px;
	height: 164px;
	width: 155px;
	}
	
.pic-ten {
	position: absolute;
	z-index: 21;
	right: 0px;
	border: medium #FFF solid;
	-webkit-box-shadow:6px 6px 4px #333333;
	-moz-box-shadow:6px 6px 4px #333333;
	-o-box-shadow:6px 6px 4px #333333;
	box-shadow:6px 6px 4px #333333;
	}
	
.bar-ten {
	position: absolute;
	left: 0px;
	z-index: 22;
	top: 130px;
	}


/* Canopies */
	
.pos-can {
	position: absolute;
	left: 650px;
	top: 265px;
	height: 130px;
	width: 180px;
	}
	
.pic-can {
	position: absolute;
	z-index: 23;
	right: 0px;
	border: medium #FFF solid;
	-webkit-box-shadow:6px 6px 4px #333333;
	-moz-box-shadow:6px 6px 4px #333333;
	-o-box-shadow:6px 6px 4px #333333;
	box-shadow:6px 6px 4px #333333;
	}
	
.bar-can {
	position: absolute;
	left: 0px;
	z-index: 24;
	top: 115px;
	}