/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#dropmenudiv{
position:absolute;
border-bottom-width: 0;
font: normal 13px Arial;
line-height:30px;
z-index: 240;
color:#FFFFFF
}

#dropmenudiv a{
width: 240px;
display: block;
text-align: center;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
color:#FFFFFF
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: black;
}

/*==================================================*/
/* GENERIC STUFF */
/*==================================================*/

a, a:visited 						{ color: #000; text-decoration: none; }

a:hover 							{ color: #f7941e; text-decoration: none; }

a:active 							{ text-decoration: none; }

h1 									{ float: left; color: #fff; padding: 0 0 0 30px; }

h2 									{ font-size: 16px; color: #999999; }


table 								{ border: 0; }

table td 							{ vertical-align: top; }

p 									{ margin: 0 0 10px 0; }

img 								{ border: 0; }

.align-right						{ float: right; }

.align-left							{ float: left; }

/*==================================================*/
/* CONTENT SECTION (GLOBAL) */
/*==================================================*/

table.header 						{ width: 100%; }

table.header td 					{ background-color: #000; height: 50px; vertical-align: middle; }

table.header td.left 				{ white-space: nowrap; }

table.header td.right 				{ vertical-align: bottom; padding: 0 60px 0 0; }

table.header td.right ul 			{ float: right; }

table.content 						{ width: 100%; height: 346px; }

table.content td.sidebar 			{ background-color: #000; }

table.content td.information 		{ width: 699px; }

table.content td.information div.content 	{ height: 316px; overflow: auto; padding: 10px 20px 20px 20px; }

/*==================================================*/
/* MAIN NAV */
/*==================================================*/

#mainnav .nav, 
#mainnav .nav ul 					{ font-size: 12px; padding: 0; margin: 0; list-style: none; }

#mainnav .nav a 					{ display: block; text-indent: -4000px; }

#mainnav .nav li 					{ float: left; }

#mainnav .nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	overflow: hidden;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

#mainnav .nav li ul li 				{ width: 200px; white-space: nowrap; }

#mainnav .nav li ul li a {
	background-color: #ececec;
	display: block;
	color: #000;
	padding: 5px 5px 5px 5px;
	text-indent: 0;
	opacity: 0.95;
	filter: alpha(opacity=95);
}

#mainnav .nav li ul li a:hover 		{ background-color: #989898; color: #fff; }

#mainnav .nav li:hover ul {
	left: auto;
}

#mainnav a.home						{ width: 81px; height: 31px; background-image:url(../images/home_off.jpg) }
#mainnav a.salesoffice				{ width: 144px; height: 31px; background-image:url(../images/salesoffice_off.jpg) }
#mainnav a.siteplan					{ width: 118px; height: 31px; background-image:url(../images/siteplan_off.jpg) }
#mainnav a.video					{ width: 143px; height: 31px; background-image:url(../images/video_off.jpg) }
#mainnav a.finishes						{ width: 109px; height: 31px; background-image:url(../images/finishes_off.jpg) }
#mainnav a.floorplans				{ width: 139px; height: 31px; background-image:url(../images/floorplans_off.jpg) }
#mainnav a.editorial					{ width: 116px; height: 31px; background-image:url(../images/editorial_off.jpg) }
#mainnav a.news					{ width: 110px; height: 31px; background-image:url(../images/news_off.jpg) }

#mainnav a:hover.home				{ background-image:url(../images/home_on.jpg) }
#mainnav a:hover.salesoffice			{ background-image:url(../images/salesoffice_on.jpg) }
#mainnav a:hover.siteplan			{ background-image:url(../images/siteplan_on.jpg) }
#mainnav a:hover.video			{ background-image:url(../images/video_on.jpg) }
#mainnav a:hover.finishes				{ background-image:url(../images/finishes_on.jpg) }
#mainnav a:hover.floorplans			{ background-image:url(../images/floorplans_on.jpg) }
#mainnav a:hover.editorial			{ background-image:url(../images/editorial_on.jpg) }
#mainnav a:hover.news			{ background-image:url(../images/news_on.jpg) }

/*==================================================*/
/* SUITES NAV */
/*==================================================*/

#suitenav .nav, 
#suitenav .nav ul 					{ font-size: 12px; padding: 0; margin: 0; list-style: none; }

#suitenav .nav a {
	color: #fff;
	display: block;
	width: 190px;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
}

#suitenav .nav a:hover 				{ color: #fff; }

#suitenav .nav li 					{ background-color: #000; float: left; width: 200px; vertical-align: middle; }

#suitenav .nav li ul 				{ position: absolute; width: 200px; left: -999em; overflow: hidden; }

#suitenav .nav li ul li 			{ opacity: 0.9; filter: alpha(opacity=90); border-top: 2px solid #fff; }

#suitenav .nav li ul li a 			{ background-color: #ececec; display: block;color: #000; padding: 5px 5px 5px 21px; }

#suitenav .nav li ul li a:hover 	{ background-color: #989898; color: #fff; }

#suitenav .nav li:hover ul 			{ left: auto; }

#suitenav .nav li.dropdown 			{ border-top: 2px solid #fff; }

#suitenav .arrow {
  background:url(../images/arrow_off.jpg) no-repeat;
  height: 11px;
  width: 11px;
  cursor: pointer;
  float: left;
  padding: 0 5px 0 0;
}

#suitenav .arrow_on					{ background: url(../images/arrow_on.jpg) no-repeat; }

/*==================================================*/
/* INTRO PAGE */
/*==================================================*/

body.intro a, 	
body.intro a:visited 				{ color: #666; }

body.intro a:hover 					{ color: #000; }

body.intro div.skip 				{ width: 600px; margin: 0 auto; padding: 5px 0 5px 0; text-align: right; }

/*==================================================*/
/* FLOORPLAN PAGES */
/*==================================================*/

table.content a,
table.content a:visited 			{ display: block; height: 15px; color: #000; margin: 0 20px 0 0; padding: 3px; }

table.content a:hover 				{ color: #f7941e; }

div.suites h2						{ display: block; clear: both; }

div.suites ul						{ list-style: none; margin: 0; padding: 0 0 20px 0; }

div.suites ul li					{ float: left; width: 140px; margin: 0 20px 0 0; padding: 0; }

div.suites ul li a span.left		{ float: left; }

div.suites ul li a span.right		{ float: right; }

body.floorplan_iframe 				{ margin: 0; padding: 0; }

body.floorplan_iframe h2 			{ display: block; font-size: 18px; color: #f7941e; margin: 0; padding: 0; }

body.floorplan_iframe td.content 	{ width: 100%; height: 400px; vertical-align: middle; text-align: center; }

body.floorplan_iframe td.header span.left 		{ float: left; }

body.floorplan_iframe td.header span.right 		{ float: right; text-align: right; }

table.content td.fpinformation 		{ width: 699px; }

table.content td.fpinformation div.content 	{overflow: auto; padding: -10px 10px 10px 10px; }


/*==================================================*/
/* BUILDER STORY PAGE */
/*==================================================*/



/*==================================================*/
/* NEWS PAGE */
/*==================================================*/

td.news h2 							{ color: #f7941e; }

td.news img							{ margin: 10px 0 10px 10px; }

td.news a.readmore					{ color:#4D73C0; font-weight:bold; float: right; }

/*==================================================*/
/* AMENITIES PAGE */
/*==================================================*/



/*==================================================*/
/* CONTACT PAGE */
/*==================================================*/

div.googlemap_outer					{ float: right; width: 300px; height: 300px; padding: 0; border: 1px solid #666666; }

#map								{ width: 300px; height: 200px; }

/*==================================================*/
/* REGISTRATION PAGE */
/*==================================================*/

form								{ margin-top: 20px; }


a.finishes {margin:0; padding:0 }



/*=============================*/
/* GOOGLE MAPS */
/*=============================*/

.marker-img				{ margin-right: 5px; }

.googlemap_outer		{ width: 450px; height: 300px; background: url(images/map-bg.jpg); padding: 11px 10px 11px 11px; }

.googlemap_outer_border		{ width: 450px; height: 300px; background: url(images/map-bg.jpg); padding: 11px 10px 11px 11px; border:1px; border-color:#000000 }

#map					{ width: 450px; height: 300px; }
#map2					{ width: 300px; height: 180px; }