@charset "UTF-8";

* {	margin:0; padding:0; }

body {
	background-color:#9acccd;
}

#page {
	background-color:#fff;
	margin: 0 auto;
	width:850px;
	-webkit-box-shadow: 0px 10px 40px 10px #333;
	-moz-box-shadow: 0px 10px 40px 10px #333;
	box-shadow: 0px 10px 40px 10px #333;
	behavior: url(includes/pie/PIE.htc);
	color:#003366;
	font-family: 'EB Garamond', Times, serif;
	line-height: 1.2;
}

#header {
	margin:0;
	width:100%;
	
}

#header #logo {
	position:absolute;
	width:525px;
	height:200px;
	z-index:1;
	margin-top:-40px;
	margin-left:9px;
}

/*
#header #logo h1 {
	margin:0;
	display:none;
	background:url(images/logoWide.png) top left no-repeat;
} */

#header #contact {
	float:right;
	width:240px;
	margin-top:35px;
	height:114px;
}

#header #contact a {
/*	font-size:small; */
}

.clear {
	clear:both;
}



#nav {
	position:relative;
	padding: 15px 0px;
	height:30px;
	width:100%;
	font-size:1.65em;
	font-family: 'EB Garamond',Helvetica,Arial,sans-serif;
	background-color:#336799;
}

#nav ul {
	margin:0px;
}

#nav li {
	list-style:none;
	float:left;
	margin-left:1.65em;
}

#nav a {
	color:#fff;
	text-decoration:none;
}

#nav a:hover {
	color:#9acccd;
}

#middle {
	position:relative;
}

.diagram {
			width:240px;
	height:180px;
	background-color:#9acccd;
	padding-top:36px;
	background:url(images/diagramTop.png) top left no-repeat #9acccd;
}

.diagramCell {
	width: 33.532374100719px;
	height: 29.032258064516px;
	float:left;
	text-align:center;
	font-size:.9em;
	margin:3px;
	background-color:#fff;
	position:relative;
}

.diagramCell img {
	position:absolute;
	float:left;
	right:-3px;
	bottom:-3px;
}

.diagramCell span {
	display:inline-block;
	vertical-align:middle;
}

.building h2 span {
	float:right;
	font-weight:lighter;
}

.forSale {
	color:#de6924;
	cursor:pointer;
}

.sold {
	color:#ccc;
}

.last {
	clear:right;
}

.left {
	width: 425px;
	float:left;
}

.left img {
	width:100%;
}

.right {
	width: 425px;
	float:right;
}

.right ul {
	margin-left: 2em;
}


body#index img {
	width:100%;
}

body#index #middle {
	text-align:center;
}

body#index h3 {
	font-size: 2.5em;
	padding: 1em;
}

body#amenities h3 {
	margin: 1.5em 1em .5em 1em;
	font-size: 2em;
	color: #663300;
}

body#amenities .right ul li {
	margin-left:2em;
	margin-right:1em;
	line-height:2;
	font-size:1.5em;
	list-style:circle;
}

body#residences .building {
	position:relative;
/*	margin:90px; */
	margin: 0px 90px 90px 90px;
	float:left;
}

body#residences #title h3 {
	padding: 2em 1em;
	font-size:20px;
}

body#residences #title {
	text-align:center;
	font-size:2em;
	margin: .25em 1em;
}

body#residences #subNav {
	height:15px;
	width:100%;
	font-size:1.4em;
	font-family: 'EB Garamond',Helvetica,Arial,sans-serif;
	background-color:#336799;
	color:#f8d95c;
	position:relative;
	padding: 10px 0px;
}

body#residences #subNav li {
	list-style:none;
	float:left;
	margin-left:4em;
	margin-top:-7px;
}

body#residences #subNav a {
	text-decoration: none;
	color:#fff;
}

body#residences .left {
	width:568px;
	text-align:center;
}

#slideshowControls {
	padding: 0 0 40px; 0;
}

#slideshowControls img {
	width: auto;
}

body#residences #floorplanPic {
	width: 50%;
}

body#residences .right {
	width:282px;
}

body#residences .right .building {
	margin:21px;
}

body#residences .right #info {
	margin: -12px 0 30px 51px;
}

body#residences .right #info h3 {
	font-size: 3em;
	color: #de6924;
}

body#residences .right #info p {
	font-size: 1.33em;
	margin-left: 30px;
}

body#residences .right #switch {
	margin: 0 21px;
	text-align:right;
}

body#causeway div#middle {
	text-align:center;
}

body#causeway div#middle p {
	padding: 2em 4em;
	font-size:1.25em;
}

body#causeway img {
	width:100%;
}

body#location div#middle {
	text-align:center;
}

body#location div#middle p {
	margin: 2em 4em;
	font-size:1.25em;
}

body#location div#mapFooter {
	padding: .75em 0 1.25em 0;
}

body#contact #form {
	position:relative;
	left:10%;
	margin:2em auto;
}

body#contact div#form form table tr td {
	padding:5px;
}

body#contact #form h3 {
	font-size:xx-large;
}

body#contact #contactAddress {
	margin-left:2.5em;
}

body#contact #form p {
	color: #663300;
}

body#contact #form p span {
	color: #de6924;
	font-size:1.25em;
	font-weight:bold;
}

body#contact #form .required {
	color: #de6924}

body#contact .label {
	text-align:right;
	margin-right:10px;
}

body#contact #response {
	text-align:center;
	padding:6em;
}

#footer {
}

#tag {
	margin-top:40px;
	text-align:center;
	color:#fff; 
	font-family: 'Nobile', serif; 
	font-size:.4em;
}

#tag a {
	color:#fff; 
	text-decoration:none;
}

#tag a:hover {
	text-decoration:underline;
}

#tag img {
	border:none;
}
	
#footSpace {
	height:50px;
}