@charset "utf-8";
/* CSS Document */

/* 1em = 10px, 0.5em = 5px, 0.1em = 1px */
body { font: 62.5%/1.5 Georgia, "Times New Roman", Times, serif; color:#4c4c4c; margin:10px auto; min-width: 960px; width: 78.5em; background-color:#000; background:url(../images/bkg.jpg) repeat; }

img { border: none; }
ol { margin:0 0 0 35px; }
ol li { padding: 0 0 4px; }
li { font-size:1.3em;  }
p { font-size:1.4em; }
p + p { margin-top: 0.7em; } 
h1 { font-size:1.9em; margin:0 0 0 0; }
h2 { font-size:1.7em; margin:0 0 0 0; }
h2 a { color:#4c4c4c; text-decoration:none; }
h2 a:hover { text-decoration:underline; }
h3 { font-size:1.4em; color:#999; margin:0 0 0 0; font-style:italic; }
hr { background-color:#8e99a5; }

.canvas { position:relative; }

.header {  }
.header_top { height:80px; }
.header_nav { background-color:#FFF; float:left; height:31px; width:100%; padding:10px 0 0 0; }
#header-logo { position:absolute; top:16px; left:0px; }
#header-tagline { position:absolute; top:25px; left:300px; top:30px; color:#8E99A5; font-size:18px; }
#header-utilitynav { position:absolute; top:50px; left:835px; }
.nav { }
.navbox {position:relative; float:left; background-color:#3C3C3C; text-align:center; margin:0 1px 2px 1px; width:158px;}
.navbox-left { width:159px; margin:0 1px 2px 0; }
.navbox-right { width:159px; margin:0 0 2px 1px; }
.navbox a { display:block; height:16px; color:#FFFFFF; text-decoration: none; font:1.3em "Myraid", "Geneva"; padding:7px 3px 7px 3px;}
.navbox a:hover { background-color:#727272;  }
.navbox a.current { background-color:#727272; }

/*.navigation { position:absolute; left:10px; height:27px; }*/
.header_nav .navspacer { width:13px; float:left; height:31px; background:no-repeat; background:url(../images/nav/spacer.jpg); }
.header_nav a { position:relative; display:block; float:left; height:31px; background:no-repeat; zoom: 1;}
.header_nav a:focus { outline:none; }
.header_nav a.featureddevelopments	{ width:202px; background:url(../images/nav/featureddevelopments.jpg); }
.header_nav a.developmentsmap	{ width:159px; background:url(../images/nav/developmentsmap.jpg); }
.header_nav a.searchdevelopments	{ width:185px; background:url(../images/nav/searchdevelopments.jpg); }
.header_nav a.hotdeals	{ width:95px; background:url(../images/nav/hotdeals.jpg); }
.header_nav a.discoverjetset { float:right; width:164px; background:url(../images/nav/discoverjetset.jpg); } 
.header_nav a:hover.featureddevelopments,
.header_nav a:hover.developmentsmap,
.header_nav a:hover.searchdevelopments,
.header_nav a:hover.hotdeals,
.header_nav a:hover.discoverjetset{ background-position:left -31px; text-decoration:none; }

#header-utilitynav a { position:relative; display:block; float:left; height:26px; background:no-repeat; zoom: 1;}
#header-utilitynav a.contact { width:57px; background:url(../images/nav/contact.png); }  
#header-utilitynav a.home { width:57px; background:url(../images/nav/home.png); } 
#header-utilitynav a:hover.contact,
#header-utilitynav a:hover.home { background-position:left -26px; text-decoration:none; }

#propertyheader { margin:0 0 20px 0; padding:0 15px 25px 15px; }
#propertyinfo { width:290px; float:left; padding:0 0 0 25px;  }
#propertyinfo .propertydetails { padding:10px 0 0 15px; }
#propertyinfo .propertytools { padding:0px 0 0 30px; }
#propertyinfo .propertytools a { position:relative; display:block; float:left; width:146px; height:37px; background:no-repeat; outline: 0; margin:0 0 5px 0;}
#propertyinfo .propertytools a.emailafriend { background:url(../images/misc/emailafriend.jpg); }
#propertyinfo .propertytools a.ebrochure { background:url(../images/misc/ebrochure.jpg); }
#propertyinfo .propertytools a.inquirenow { background:url(../images/misc/inquirenow.jpg); }
#propertyinfo .propertytools a.video { background:url(../images/misc/video.jpg); }
#propertyinfo .propertytools a.rateit { background:url(../images/misc/rateit.jpg); }
#propertyinfo .propertytools a.emailafriend:hover,
#propertyinfo .propertytools a.ebrochure:hover,
#propertyinfo .propertytools a.video:hover,
#propertyinfo .propertytools a.rateit:hover,
#propertyinfo .propertytools a.inquirenow:hover{ background-position:left -39px; text-decoration:none; }

.footer { float:left; background-color:#3C3C3C; color:#B5B5B5; font-size:13px; height:25px; width:940px; margin:2px 0 25px 0; padding:10px 10px 5px 10px; }
.footer .footer-quicklinks { float:left; text-align:left; width:700px; }
.footer a { color:#B5B5B5; margin:0 20px 0 20px; }
.footer .footer-right { float:left; text-align:right; width:220px; }

.MapContainer { position:relative; float:left; padding-top:0px; background-color:#FFF; }
.ContentContainer {position:relative; float:left; background-color:#FFF; width:960px; padding:30px 0px 15px 0px; }
.ContentContainer hr { color:#8E99A5; float:left; margin:0 20px 20px; width:920px; }
.ContentContainer_HomePage {position:relative; float:left; background-color:#FFF; width:960px; padding:0px 0px 0px 0px; }
.HomePage_PicViewer { float:left; margin:0 0 0 0; width:700px; }
.HomePage_Message { float:left; margin:0 15px 0 30px; width:200px; }
.HomePage_Message h2 { color:#4C4C4C; padding:0; font-size:1.3em; margin:5px 0 0 0;  }
.HomePage_Message p { color:#4C4C4C; font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin:0; }
.HomePage_Message a { }
.HomePage_Message img { margin:10px 0 0 0; }

.TransparentPanel {	position:absolute; left:0px; top:0px; z-index:5; }

#LargeForm { float:left; width:600px; background:url(../images/graybox_bkg.jpg) repeat-x #E6E6E6; }

#Sidebar { float:left; width:270px; margin:0 40px 0 20px; }
#Sidebar h2 {color:#FFF; padding:10px 0 0 10px; }
#Sidebar .Gray_Sidebar { float:left; width:268px; background:url(../images/graybox_bkg.jpg) repeat-x #E6E6E6; margin:0 0 20px; 0;
	padding:10px 0 10px 0;
	color:#4B4B4B;
	border-radius:5px;
	border:#B0B3B6 solid 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(/stylesheets/border-radius.htc);
}
#Sidebar .Gray_Sidebar h2 { color:#333; padding:0 0 0 10px; }
#Sidebar .Gray_Sidebar a { color:#333; text-decoration:none; }
#Sidebar .Gray_Sidebar a:hover { text-decoration:underline; }
#Sidebar .Gray_Sidebar p { padding:5px 10px 5px 10px; margin:0; }

#Sidebar #SmallMap_Canvas { width:268px; background-color:#8e99a5; /*padding:5px 5px 10px 5px;*/ margin:0 0 20px; 0;
	border-radius:5px;
	border:#3E3E3E solid 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(/stylesheets/border-radius.htc);
}
#Sidebar #SmallMap_Canvas #SmallMap_Container {width:258px; margin:5px 5px 10px 5px;  height:280px; overflow:hidden; }
#MainContent { float:left; width:605px; margin:0 25px 0 0; min-height:400px; }
#MainContent .DevelopmentRow { float:left; width:100%; margin-bottom:20px; border-bottom:1px solid #8E99A5; }
#MainContent .DevelopmentPic { float:left; width:200px; margin:5px 20px 0 0; }
#MainContent .DevelopmentDesc { float:left; width:385px; }

.zoom-rollover { visibility:hidden; position:absolute; z-index:4; }
.indicator { position:absolute; z-index:3; }

.sidebar_accordion { 
	float:left;
	width:268px;
	background-color:#8e99a5; 
	padding:5px 0 10px 0; 
	margin:0 0 20px 0;
	border:#c5c5c5 solid 1px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(/stylesheets/border-radius.htc);
}

.sidebar_accordion_container { margin:0 5px 0 5px; }

.sidebar_accordion h1 { margin:0 0 .5em 0; padding:10px 0 0 10px; }
.sidebar_accordion h2 { padding:10px 0 0 10px; }
.sidebar_accordion h3 { margin:0; }
.sidebar_accordion a { font-size:1.3em; text-decoration:none; }
.sidebar_accordion a:hover { text-decoration:underline; }

.maincontent_accordion {
	float:left;
	width:589px;
	background-color:#8e99a5; padding:5px 8px 15px 8px; 
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);
}

.filter_accordion_row { float:left; margin:0 0 10px 0; }
.filter_accordion_col { float:left; width:170px; margin-right:10px; }
.filter_accordion_2col { float:left; width:255px; margin-right:10px; }

.maincontent_accordion h2 { color:#fff; padding:10px 0 5px 10px; }
.maincontent_accordion h4 { font-size:1.2em; margin:7px 0 7px 0; }
.maincontent_accordion a { font-size:1.2em; text-decoration:none; }
.maincontent_accordion a:hover { text-decoration:underline; }

.inquire { font-size:1.3em; }

.inquireform label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 15px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}


.inquireform input, .inquireform textarea, .inquireform select {
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.contestform label { 
	font-size:1.3em;
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 15px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}


.contestform input, .contestform textarea, .contestform select {
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}


.Signuptable th, .Signuptable td {
	font-size: 13px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.pricetable {  width:80%; font-size:12px; margin:15px 0 25px 5px; }
.pricetable th { border:none; }
.pricetable th.unittype { width:30%; }
.pricetable tr.pricetitleheading { font-size:14px; color:#737373; margin:10px 0 0 0; }
.pricetable tr.pricetitleheading th { padding:10px 0 8px 0; }
.pricetable tr.priceheading { font-size:12px; color:#999; border-bottom:1px #999 solid; }


.Gray_FormBox { float:left; width:560px; background:url(../images/graybox_bkg.jpg) repeat-x #E6E6E6; margin:0 0 20px; 0;
	padding:10px 20px;
	color:#4B4B4B;
	border-radius:5px;
	border:#B0B3B6 solid 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(/stylesheets/border-radius.htc);
}
.Gray_FormBox h2 { color:#333; padding:0 0 0 10px; }
.Gray_FormBox a { color:#333; text-decoration:none; }
.Gray_FormBox a:hover { text-decoration:underline; }
.Gray_FormBox p { padding:0 0 5px 0; margin:0; font-size:13px; line-height:1.3; }


.location-map-container { position: relative;}
#location-map-overview { overflow: hidden; height: 535px; width: 910px; z-index:10;}
/**#location-hover-map { position: absolute; z-index: 2; top: 0px; left: 0px; width: 910px; height: 535px;}
#location-map-ids { position: absolute; z-index: 1; top: 0px; left: 0px; width: 910px; height: 535px; overflow: hidden;}
**/
#location-clip-map {
  position:absolute;
  top:0px;
  left:0px;
  width:910px;
  height:535px;
  z-index:2;
  clip: rect(0px 10px 10px 0px);
}
#location-hover-map {
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  width:910px;
  height:535px;
  overflow:hidden;
}

.map-popup {
position:absolute;
visibility:hidden;
z-index:3;
}
.map-popup-base {
position:relative; 
}
.map-popup-content {
background-color:#F1EEE8;
border:1px solid white;
left:0px;
padding:15px 15px 30px;
position:relative; 
top:0px;
}
.map-popup-close {
background:transparent url(../images/graphics/btn_close_map_popup.png) no-repeat scroll left top;
cursor:pointer;
display:block;
height:11px;
overflow:hidden;
position:absolute;
right:3px;
text-decoration:none;
top:3px;
width:11px;
}
.map-popup-shadow {
background:black none repeat scroll 0%;
bottom:-3px;
left:2px;
opacity:0.1;
position:absolute;
right:-3px;
top:2px;
}

.map-popup-content h3 { font-size: 12px;}

 
