/***************************************************************************************************
  Global Block Elements
***************************************************************************************************/
body {
  margin: 0 auto;
  background: #2f1b13 url(../images/bg.jpg) top left fixed;
  color: #666;
  font: 12px Arial;
  line-height: 15px;
}
#wrapper {
  position: relative;
  margin: 50px auto 0 auto;
  text-align: left;
  width: 960px; /* 820 */
}

#container-top {
	line-height: 0;
	font-size: 0;
  height: 4px;
  background: url(../images/bg-container-top.png) 0 0 no-repeat;
}
#container-shadow {
  width: 820px;
  background: url(../images/bg-container-shadow.png) 0 0 repeat-y;
}
#container {
  margin: 0 8px;
  padding: 1px 0;
  width: 804px;
  background: #00467f url(../images/bg-container.png) top left repeat-x;
}
#header {
  position: absolute;
  top: -41px;
  left: 15px;
  height: 122px;
  background: transparent url(../images/bg-header-2.png) top left no-repeat;
  text-align: center;
}
#header #links {
  margin: 47px 0 0 495px;
}
#header #links a {
  display: block;
  background:#44bbcc; 
  color:#fff; 
  padding:3px 0; 
  text-decoration:none; 
  font-size: 10px;
  text-transform:uppercase;   
  margin: 0 5px;
  width: 138px;
  float: left;
}
#logo {
  margin-top: 26px;
  float: left;  
}
.disclaimer {
  margin: 0 auto;
  color: #666;
  font: 10px Arial;
  line-height: 15px;
}
#container-bottom {
	line-height: 0;
	font-size: 0;
  height: 20px;
  background: url(../images/bg-container-bottom.png) 0 0 no-repeat;
}
#content-wrapper {
  padding: 20px 30px;
}
#content {
  background: white; 
}
.col1, .col2, .col3 { /* width + padding + margin = 724px */
  float: left;
}
.col1 { 
  margin-right: 10px; 
  width: 294px;
}
.col2 { 
  width: 420px; 
}
#home #content { background: none; color: #fff; }
#home .col1 { width:470px; }
#home .col2 { width:264px; }
#home .col1 .content-bottom, #home .col2 .content-bottom { margin: 2em 10px 0 0; }
#home .featured { padding:6px 6px 0 6px;background:white;color:#666; height:346px; /*min-height:334px; height:auto !important; height:334px;*/ overflow: hidden; }
#home .featured .content { margin: 10px 0 0 0; padding: 0 10px 0 10px; }
#home .featured .content h1, #home .featured .content p { margin-bottom: 6px; padding-bottom:0; }
#home .gallery { margin: auto;background:#fff;color:#666; width:470px;height:352px; overflow: hidden; }
#home .gallery img { padding: 6px 6px 0 6px; background-color: #fff; }
a#map_link { display:block; background:#44bbcc; color:#fff; padding:5px 8px; text-decoration:none; font-weight:bold; width: 40px; margin-left:5px; }

#content-inner {
  padding: 20px 7px 0 7px;
  margin: 0 7px;
  border: 1px solid #ccc;
  border-top: 0;
  position: relative;
}
#content-inner .padding {
  padding: 0 15px;
}
#content-inner .col1 { 
  margin-right: 10px; 
  width: 278px;
}
#content-inner .col2 { 
  padding-top: 34px;
  width: 420px; 
}
#content-inner .padding .col1 { 
  margin-right: 20px; 
  width: 278px;
}
#content-inner .padding .col2 { 
  padding-top: 0;
  width: 380px; 
}
#residence-details {
  line-height: 1.5em;
  padding: 10px 20px;
}
#content-footer .col1 {
  padding: 20px 0 10px 25px; 
  width: 653px;
}
#content-footer .col2 {
  width: 45px;
}

div.virtual-tour a,
div.residence-gallery-nav a,
div.residence-gallery-nav span {
  float: left;
  display: block; 
  background: #0c4686;
  color: white;
  text-align: center;
  margin: 0 1px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10px;
  padding: 3px 5px;
}
div.virtual-tour a {
  margin-top: 4px;
  margin-right: 17px;
  float: right;
  font-weight: bold;
}
div.residence-gallery-nav a {
  color: #1674c2;
  font-weight: bold;
  font-size: 12px;
}
a.residence-gallery-enlarge {
  display: block;
  background: #0c4686;
  color: white;
  text-align: center;
  float: right;
  text-transform: uppercase;
  font-size: 10px;
  padding: 7px;
  width: 230px;
  text-decoration: none;
}

div.photo-gallery-nav {
  width:170px;
  margin:0 auto;
  text-align:center;
}
div.photo-gallery-nav a,
div.photo-gallery-nav span {
  float: left;
  display: block; 
  background: #0c4686;
  color: white;
  text-align: center;
  margin: 0 1px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10px;
  padding: 3px 7px;
}
div.photo-gallery-nav a#next,
div.photo-gallery-nav a#prev {
  color: #1674c2;
  font-weight: bold;
  font-size: 12px;
}
a.photo-gallery-enlarge {
  display: block;
  background: #0c4686;
  color: white;
  text-align: center;
  float: right;
  text-transform: uppercase;
  font-size: 10px;
  padding: 7px;
  width: 100px;
  text-decoration: none;
}

#footer {
  color: #2764a4;
  font-size: 9px;  
  text-transform: uppercase;
  padding: 0 30px;
}
#footer a {
  text-decoration: none;
  text-transform: uppercase;
  color: #2764a4;
  font-size: 9px;  
}
#footer a:hover, #footer a.active {
  color: #44bbcc;
}

/***************************************************************************************************
  Typography
***************************************************************************************************/
h1, h2, h3 {
  margin: 0 0 1em 0;
  color: #44bbcc;
  text-transform: uppercase;
  line-height: 1.4em;
}
h1 {
  font-size: 13px;
}
#content-inner h1 {
  width: 258px;
  background: #3eb5c7;
  color: white;
  text-transform: none;
  font-size: 13px;
  padding: 7px 7px 7px 30px;
  position: relative;
  left: -15px;
  margin: 0 0 20px 0;
}
h2 {
  font-size: 13px;
}
h1 span, h2 span, h3 span {
  font-size: .85em;
  font-style: italic;
  color: #999;
  font-weight: normal;
  text-transform: none;
}
h3 {
  font-size: 12px;
}
ul {
  margin: 0 0 0 3em;
  padding: 0 0 1em 0;
  list-style: disc;
}
ol {
  margin: 0 0 0 3em;
  padding: 0 0 1em 0;
  list-style: decimal;
}
a { color: #44bbcc; }
p { padding: 0 0 8px 0; }
.blue { color: #44bbcc; }
.uppercase { text-transform:uppercase; }
.bold { font-weight: bold; }
.royalBlue { color: #0f4176}
.blueuppercasebold {
  color: #44bbcc;
  text-transform:uppercase;
  font-weight: bold; 
}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

/***************************************************************************************************
  Forms
***************************************************************************************************/
img#register { padding:7px 0 3px 5px; }
/*
form#register { margin:0;padding:3px;text-align:right; }
form#register input#email { margin:0;padding:0 0 0 3px;height:13px;width:100px;border:1px solid #91eef9;border-right:0;background:#54c2cf;color:white;font-size:9px; }
form#register a#register-submit { margin:0 38px 0 0;padding:0; }
form#register a#register-submit img { position:relative;top:4px;left:-2px; }
*/
input, 
select, 
option,
textarea,
label {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
form#input-type-image {
  border: 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  height: 22px;
}
input.button{ 
  width:114px;
  height:37px;
  border: none;
  background: transparent url(images/submit_btn.gif) no-repeat center;
  /* to ensure IE correct display */
  overflow: hidden;
  text-indent: -999px;
  font-size: 0px;
  display:block;
  line-height: 0px;
}
/***************************************************************************************************
  Misc
***************************************************************************************************/
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.cursor-pointer {
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.no-border {
  border: 0;
}
.trim {
  margin: 0;
  padding: 0;
}
img { border: 0; }


.home-button {
  font-size:10px;
  font-family:sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  display:block;
  color:white;
  text-decoration:none;
  padding:4px 7px 2px 7px;
  width:150px;
  text-align:center;
  margin:0;
  border:1px solid white;
}

#subnav-wrapper {
  margin:0;
  padding:0 0 7px 0;
  position: relative;
  top: -20px;
}
#subnav {
  margin-left:216px; 
}
#subnav a {
  font-size:10px;
  font-family:sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  display:block;
  color:white;
  text-decoration:none;
  padding:4px 7px 2px 7px;
  width:120px;
  text-align:center;
  margin:0;
  border:1px solid white;
  float: left;
  margin-right: 10px;
}

/*  *************
	side bar reg box
************ */
		div#container div.sideRegBox {position:absolute; top:5px; left:812px; background-color:#55c3d4; width:140px; color:white; padding-top:20px;}
		
		div#container div.sideRegBox div.sideRegBoxWhite {height:3px; background-color:#66d1e0;}
		div#container div.sideRegBox div.sideRegBoxText {padding:6px; font-size:12px;}
		div#container div.sideRegBox div.sideRegBoxText b {font-size:14px; display:block; padding-bottom:3px;}

		div#container div.sideRegBox div.sideRegBoxText div.sideRegBoxFormDiv {background-color:white; padding:3px; margin-top:9px; margin-bottom:9px;}
		div#container div.sideRegBox div.sideRegBoxText form.sideRegBoxForm input {color:#979797; width:115px; margin-bottom:3px;}

		div#container div.sideRegBox div.sideRegBoxText form.sideRegBoxForm input.submitSideForm {height:13px !important; width:37px !important; float:right;}