/* CSS Document */

body {
	margin: 0 0 6em 0;
	padding: 0;
	background-color: #cae9ea;
	color: #000000;
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	}

div#wrapper {
	background-color: #cae9ea;
	color: #000000;
	width: 94.8em;
	margin: 1em auto 0em auto;
	padding: 2em;
	/*border: .1em solid #a6c0e5;*/
	}
	
div#wrapper img {
	border: none;
	}
	
img.logo {
	position:absolute;
	z-index:1;
	}	

div#top {
	background-color: #cae9ea;
	color: #000000;
	width: 94.8em;
	height: 18.3em;
	border-bottom: solid #9F2D20 .5em;
	position:relative;
	top: 0;
	}
	
div#middle {
	/*background: url(../images/sailboat.jpg) #f5fafe;*/
	color: #000000;
	width: auto;
	height: 30em;
	position:relative;
	padding: .1em 1em 1em 1.5em;
	background: url(../images/sunset.jpg) #fff;
	}
	
p.topnav {
	padding: 0em 0 0 0;
	font-size: 1.2em;
	}
	
div#middle h1 {
	font-size: 2em;
	margin-top: 0em;
	padding: 0em;
	}
	
div#nav {
	color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	padding: 0;
  position: relative;
	padding: .3em 0em .3em 1.3em;
	background-color: #9F2D20;
	clear: both;
	}

div#nav ul {
	list-style:none;
	margin: 0em;
	padding: 0em;
	}
	
div#nav ul li {
  display:inline;
	width:2em;
	text-align:center;
	}
	
div#nav ul li a:link {
 color: #ffffff;
	background-color: transparent;
	text-decoration: none;
	}
	
div#nav ul li a:visited {
	color: #ffffcc;
	background-color: transparent;
	text-decoration: none;
	}
	
div#nav ul li a:hover {
	color: #cae9ea;
	background-color: transparent;
	text-decoration: underline;
	}
	
div#nav ul li a:active {
	color: #e6edd6;
	background-color: tranparent;
	text-decoration: underline;
  }
		
div#bottom {
	width: 94.8em;
	height: 14.2em;
	position:relative;
	color: #000000;
	background-color: #cae9ea;
  }
	
div#contact {
	/*width: 21em;*/
	font-size: 1.1em;
	float: left;
	position: relative;
	margin-top: .4em;
	margin-left: .5em;
	/*text-align:center;
	font-weight:bold;
	color: #000033;*/
	}
	
div#contact img {
	border: none;
	padding: .3em 0 0 0em;
	}
	
div#bottom h5 {
 font-size:1.1em;
	font-weight: normal;
	position: relative;
	clear: right;
	float: right;
	margin: .5em .5em 0em 0em;
	}
	
	
/*** location.phtml ***/
	
html#location div#middle {
	background-color: #f5fafe;
	background-image: none;
	height: auto;
	}
	
div#middle img.left {
	position: relative;
	margin: 1.5em 3em 0em 1em;
	float: left;
	}
	
html#location div#middle h1 {
	font-size: 2em;
	color: #000000;
	margin: 1em 3em 0em 0em;
	}
	
html#location div#middle p {
	font-size: 1.2em;
	color: #000000;
	margin: 1em 0em 0em 0em;
	}
	
html#location div#middle p img {
	margin: .8em 0em 0em 0em;
	border: .1em black solid;
	}
	
/*** pricelist.phtml ***/

html#pricelist div#middle {
	background-image: none;
	padding: .1em 0 1em 1.5em;
	position: relative;
	width: 93.2em;
	height: 100em;
	}
	
html#pricelist div#middle h1 {
	font-size: 2em;
	margin-top: 0em;
	padding: 0em;
	}
	
html#pricelist div#middle h2 {
	font-size: 1.5em;
	margin: 0em;
	padding: 0em 0em 0em 0em;
	}
	
table#pricelist {
	margin:0 0 1em 0em;
	font-size: 1.15em;
	border-collapse: collapse;
	background-color: #fff;
	float: left;
	width: 45%;
	}
	
table#pricelist th {
	width: 7.2em;
	text-align: left;
	}
	
table#pricelist tr.header {
 background-color: #FFC08E;
	border-bottom: .1em solid #000000;
	}
	
table#pricelist tr.available {
	font-weight: bold;
	background-color: #FDE5D2;
	}
	
table#pricelist2 {
	margin:0 0 1em 2em;
	font-size: 1.15em;
	border-collapse: collapse;
	background-color: #FFFFFF;
	float: left;
	width: 45%;
	}
	
table#pricelist2 th {
	width: 7em;
	text-align: left;
	}
	
table#pricelist2 tr.header {
	background-color: #FFC08E;
	border-bottom: .1em solid #000000;
	}
	
table#pricelist2 tr.available {
	font-weight: bold;
	background-color: #FDE5D2;
	}
	
html#pricelist p {
	clear: both;
	font-size: 1.2em;
	position: relative;
	}
	
html#pricelist img.img1 {
  margin-left: 2em;
	float: left;
	border: .1em black solid;
	position:relative;
	}
	
html#pricelist img.img2 {
	margin: 2em 0em 0em 2em;
	float: left;
	border: .1em black solid;
	}
	
html#pricelist div#contact p {
	font-size: 1em;
	}
	
/*** floorplans.phtml ***/

html#floorplans div#middle {
	background-color: #f5fafe;
	background-image: none;
	height: 50em;
	}
	
div#mdl_container {
	margin: 0 auto;
	width: 70em;
	}
	
html#floorplans div#middle h2 {
  font-size: 1.25em;
	margin-bottom: 0em;
	}
	
html#floorplans div#middle ul {
	font-size: 1.1em;
	margin-top: 0em;
	}
	
html#floorplans div#middle img {
	border: none;
	}
	
div.onestory {
	float: left;
	margin-left: 1em;
	font-size: 1.2em;
	}
	
div.twostory {
	float: left;
	font-size: 1.2em;
	margin-left: 5.5em;
	}
	
/*** onestory.phtml ***/
	
html#models div#middle {
	background-color: #f5fafe;
	background-image: none;
	height: 85em;
	}
	
html#models div#middle img {
	padding: 2em 0em 45em 0em;
	}
	
html#models div#middle h1 {
	margin: 1em 0em 1em 0em;
	}
	
html#models div#middle h2 {
	font-size: 1.3em;
	margin: 0em;
	padding: 0em;
	}
	
html#models div#middle p {
	font-size: 1.2em;
	color: #000000;
	margin: .1em 0em 0em 0em;
	}

html#models ul.details {
	font-size: 1.2em;
	list-style-position: inside;
	margin-top: .8em;
	}
	
html#models ul.details li {
	padding-bottom: .3em;
	}
	
/*** gallery.phtml ***/

html#gallery div#middle {
	background-color: #fff;
	background-image: none;
	height: 80em;
	}
	
html#gallery p.middle {
  font-size: 1.25em;
	}

html#gallery table.pics {
  margin: 0 auto;
	}
	
html#gallery table.pics td {
  padding: .5em;
	}
	
html#advantages div#middle {
  height: 40em;
	 background-color: #fff;
	 background-image: none;
		}
		
div#middle ul {
	padding: 0 20px;
	font-size: 1.3em;
	list-style-type:square;
}

div#middle ul li {
  margin-bottom: 10px;
		}