
/*General Styles*/

body {
	background-color:#391337;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	ooverflow-x: hidden;
}

#content { line-height:18px; }

p { margin: 12px 0; }

a { color: #B0B81F }

a:hover {
	color: #fff;
	text-decoration:none;
}

hr {
	background-color: #810281;
	color: #810281;
	height:1px;
	margin: 20px 0;
	border:0;
}

#content .contentMain ul {
	list-style:disc;
	margin-left:15px;
}

.layoutContent {
	width: 945px;
	margin:auto;
	clear:both;
}

#topHeader {
	position:relative;
	z-index:1;
	background-image:url(/asssets/images/common/top_header_bg.gif);
	text-align:center;
	line-height: 35px;
	font-size: 16px;
	color: #990099;
}

#topHeader .layoutContent { position:relative; }

#topHeader .address {
	border-right: 1px solid #7E2C79;
	margin-right:20px;
	padding-right:20px;
}

#topHeader .phone { color: #fff; }

#monteryLink {
	position: absolute;
	right:-6px;
	top: 0;
}

#header {
	background-image:url(/assets/images/common/internal_header_bg.gif);
	background-repeat:repeat-x;
	border-top: 1px solid #7e2c7a;
}

#header .layoutContent { position:relative; overflow:visible; }

#logo {
	position:absolute;
	top: 20px;
	left: 36px;
	z-index:1000;
}

#logo img {
	position:relative;
}

.halos {
	z-index:0;
	height:0;
	overflow:visible;
	
}

.halos img {
	position:absolute;
	background-repeat:no-repeat;
}

.halo1 {
	hheight:300px;
	left:-75px;
	top:-120px;
	wwidth:300px;
}

.halo2 {
	height:400px;
	left:-150px;
	top:150px;
	width:400px;
}

.halo3 {
	height:300px;
	right:-75px;
	top:-100px;
	width:300px;
}

.halo4 {
	height:600px;
	right:-175px;
	top:75px;
	width:700px;
}


#header .headerCallout {
	float:left;
	width: 245px;
	position:relative;
	color: #391337;
}

#header .headerCallout h3 {
	font-size: 14px;
	font-weight:bold;
	margin-bottom:0px;
}

#header .headerCallout h2 {
	font-size: 14px;
	font-weight:bold;
	color: #9B059B;
}

#header .headerCallout .clientCallout {
	font-size:11px;
	font-weight: bold;
	margin-bottom:4px;
}

#header .headerCallout .disclaimer { font-size:8px; }

#header .headerCallout p { margin: 4px 0; }

#header .headerCallout .content { padding-left:18px; }

#header .headerImage img, #map_canvas{ float:left; }

#header-callout-left-top { margin-top:40px; }

#header-callout-featured-floorplan {
	position:absolute;
	left:-10px;
	top:30px;
}

#featured-floorplan-thumb { text-align:center; }

#header-callout {
	background-color:#FFF;
	height:278px;
}

#navMain {
	width: 700px;
	float:right;
}

#navMain li {
	float:left;
	display:block;
	margin-right:2px;
}

#navMain li a {
	color: #B0A0AE;
	line-height:14px;
	display:block;
	padding-top:50px;
	padding-bottom:20px;
	padding:50px 10px 15px 10px;
	margin:0 11px;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
}

#navMain li:hover, #navMain li.current {
	background-image:url(/assets/images/common/buttons/button_left_h.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#navMain li:hover div, #navMain li.current div {
	background-image:url(/assets/images/common/buttons/button_right_h.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#navMain li a:hover, #navMain li.current a, #navMain li:hover a {
	color:#fff;
	background-image:url(/assets/images/common/buttons/button_repeat_h.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

#nonFooter { background-image:url(/assets/images/common/body_bg.gif); }

#content {
	padding-top: 25px;
	position:relative;
	color:#B0A1AF;
	z-index:1;
	padding-bottom:20px;
}

#content h1 { font-size: 18px; color:#fff; margin-bottom: 20px;}

#content .contentMain h1 { }

#content .contentMain h2 {
	margin-top:20px;
	font-weight:bold;
}

#content h2, #content h3, #content h4, h1 {
	font-size: 16px;
	color: #909;
}

#content h2 .sub { font-size: 14px; }

#current_event {
	background-color: #000;
	float: left;
	height: 324px;
	width: 700px;
	
}

#current_event h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
	padding-top: 20px;
	padding-left: 20px;
}

#current_event h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding-top: 20px;
	padding-left: 20px;
	font-style: italic;
}

#current_event p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding-left: 20px;
}

#content h3 {
	color: #B0B91F;
	margin-bottom:7px;
}

#content h4 {
	font-weight:normal;
	color:#fff;
}

#content .leftColumn {
	margin-left:14px;
	width: 215px;
	float: left;
}

#content .leftColumn h1 {
	margin-bottom:10px;
}
#content .leftColumn h4 {
	font-size:14px;
}

#content .leftColumn h5 {
	font-size:10px;
	font-style: italic;
}
#content .leftColumn P {
	margin: 5px 0;
}

#content .leftColumnPhoto {
	border:1px solid #fff;
	margin: 10px 0 20px;
}

#content .contentMain { margin-left: 50px; float:left; width:666px; }

#content .contentSecond { margin-top:20px; }

#content .contentSecond .content { margin-right:215px; }

#content .contentSecond .sidebar {
	float:right;
	width:180px;
}

#socialMedia { float:right; }

.findOutMore {
	font-size:14px;
	font-weight:bold;
	color: #fff;
}

#footer {
	border-top: 1px solid #7E2C7A;
	clear:both;
	padding:20px 0;
	text-align:center;
}

#footer .layoutContent { position:relative; }

#footer ul li { display: inline; }

#footer ul a {
	color: #7E2C79;
	text-decoration:none;
	line-height:20px;
	border-right:2px solid #7E2C79;
	padding:0 10px;
}

#footer ul a.last { border:none; }

#footer .addthis_button {
	position:absolute;
	left:0;
}

#footer .eho {
	position:absolute;
	right:0;
}

#footer a:hover { color: #fff; }

.clear {
	height:0px;
	clear:both;
}

#googleMap #map_canvas{
	border:1px solid #fff;
	margin-bottom: 20px;
}

#googleMap #map_canvas h2 {
	font-size: 16px;
	color: #909;
}

table .formLabel {
	color:#909;
	margin-top:10px;
}

#limelightButton {
	margin-top:10px;
	margin-left:-6px;
}

#mapDirections {
	padding-left:5px;
}

h3 a {
	line-height:16px;
	font-size:14px;
	text-decoration:underline;
}

.galleryCat { float:left; margin-bottom:20px;}
.galleryCatRight {margin-left: 60px; }
#gallery {
	margin-top:20px;
	margin-left:20px;
}

#gallery .caption {
	text-transform:uppercase;
	color: #B0B81F;
}

.residence {
	float:left;
	 margin-right: 40px;
	 margin-bottom:20px;
}

.residence a{
	color: #fff;
}

.residences h2 {
	margin-bottom:20px;
}

.residenceTitle {
	font-weight:bold;
}
.topOfPage {
	border-bottom:1px solid #410940;
	clear:both;
	text-align:right;
}

.topOfPage, .topOfPage a {
	color: #810281;
}

.topOfPage a:hover {
	color:#fff;
}

.residences .checkAvailabillity a {
	margin-top:10px;
}

.checkAvailabillity a {
	background-image: url(/assets/images/common/buttons/check_availability.png);
	width:112px;
	height:18px;
	display:block;
	float:left;
}

.checkAvailabillity a:hover {
	background-image: url(/assets/images/common/buttons/check_availability_h.png);
}

.morePlans a {
	margin-left:10px;
	background-image: url(/assets/images/common/buttons/more_plans.png);
	width:81px;
	height:18px;
	display:block;
	float:left;
}

.morePlans a:hover {
	background-image: url(/assets/images/common/buttons/more_plans_h.png);
}

#limelightHalo {
	display:none;
}

/*Sidebar*/

#current_event_limelight {
height:284px;
width:655px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
float:left;
padding-top: 40px;
padding-left: 45px;
background-image: url(/assets/images/common/current_event_bg.jpg);
background-repeat: repeat-x;
background-color: #000;
}

#current_event_limelight h1 {
font-size: 24px;
}

#current_event_limelight h2 {
color: #B0B81F;
font-size: 14px;
}

#header #current_event_limelight img {
float: right;
margin-left: 20px;
margin-right: 10px;
margin-bottom: 35px;
}

#current_event_limelight #text {
float: right;
}

#current_event_limelight p {
font-size: 14px;
}

#current_event_limelight p a {
color: #B0B81F;
}

#current_event_limelight p a:hover {
color: #FFF;
text-decoration: none;
}

.clear {
clear:both;
height:0;
}
