/* CSS Document */

html, body {
	background:#fff;
}

html, body, p, div, td, th, li, a, h1, h2, h3, h4 input, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:14px;
	font-size:11px;
}

:focus { /* removes  */
	outline: 0;
}

p {
	margin:0 0 9px 0;
	color:#fff;
}

a {
	color:#fff;
	text-decoration:underline;
}

a:hover {
	color:#9c0204;
	text-decoration:underline;
}

h1 { /* used on home page (altered) and sidebars */
	font-size:13px;
	font-weight:bold;
	margin:0 0 4px 0;
	color:#b6121b;
}

h2 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 3px 0;
	color:#b6121b;
}

h3 {
	font-size:11px;
	font-weight:bold;
	margin:0 0 3px 0;
	color:#b6121b;
}

#container {
	width:850px;
	margin:0 auto;
}

#container td {
	vertical-align:top;
}

.sidebar {
	height:578px;
	width:191px;
	background-color:#e5965d;
}

#sapphirePass {
	position:relative;
	margin-top:30px;
}

#sapphirePass img.transparentBackground {
	filter: alpha(opacity=88);
	-moz-opacity: 0.88;
	opacity:0.88;
}

#sapphirePassText {
	position:absolute;
	top:0;
	left:0;
}

#masthead {
	position:relative;
}

#masthead img {
	display:block;
}

#navTop {
	position:absolute;
	width:450px;
	height:15px;
	top:8px;
	right:20px;
	z-index:3;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
}

#navTop a {
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

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

#navTop span {
	margin:0 10px;
}

#pageTitle {
	position:absolute;
	width:auto;
	height:auto;
	top:87px;
	left:115px;
	z-index:3
}

#mainContent {
	position:relative;
	background-color:#de7c34;
}

.backgroundMe { /* added so td has background color. Contribute might not display the background color otherwise, rendering white text on white background unreadable and uneditable. Why this? the IE hack for min-height seems to be unrendered in Dreamweaver, so it'll probably be that way in Contribute also. */
	background-color:#de7c34;
}

#cta {
	background:#b5121b;
	margin:0;
	padding:0;
	height:28px;
}

#footer {
	padding:0;
	margin:30px 0 10px 0;
}

#footerReg {
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
}

#footerLeft {
	width:600px;
	float:left;
}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6e6e6e;
	font-style: normal;
}

#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6e6e6e;
	text-decoration: underline;
}

#footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b6121b;
	text-decoration: underline;
}

/*---------- left navigation ----------*/

#navLeft {
	background-color:#de7c34;
	padding:0;
	margin:0;
}

#navLeft div {
	color:#fff;
	font-weight:bold;
	line-height:21px;
}

#navLeft a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#navLeft a:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}

div.navLevel1 {
	border-bottom:1px solid #de7c34;
}

div.navLevel1 a {
	line-height:21px;
}

div.navLevel2 {
	background-color:#e5965d;
	border-bottom:1px solid #de7c34;
	margin:0;
	padding:0 0 0 15px;
}

div.navLevel2 a {
	line-height:21px;
}

div.navLevel1 span {
	float:left;
	background-image: url(/_img/bullet.null.nav.gif);
	background-repeat: no-repeat;
	background-position: 0 9px;
	width:4px;
	height:21px;
	margin:0 5px 0 5px;
	display:inline;
}

div.navLevel2 span {
	float:left;
	background-image: url(/_img/bullet.nav.null.gif);
	background-repeat: no-repeat;
	background-position: 0 9px;
	width:4px;
	height:21px;
	margin:0 5px 0 0;
}

#homes div.homes span,
#about div.about span,
#architecture div.architecture span,
#interiordesign div.interiordesign span,
#gallery div.gallery span,
#floorplans div.floorplans span,
#landscaping div.landscaping span,
#features div.features span,
#benefits div.benefits span,
#pricing div.pricing span,
#update div.update span,
#village div.village span {
	background-image: url(/_img/bullet.nav.gif);
}

/*---------- slideshows ----------*/

#slideImage {
}

#slideImage img {
	border:none;
}

#slideCopy {
	position:absolute;
	top:100px;
	left:420px;
	width:210px;
}

#slideNav {
	position:absolute;
	top:320px;
	left:414px;
	width:75px;
}

.slideNavPrev {
	border:none;
	margin:0;
	padding:7px;
}

.slideNavNext {
	border:none;
	margin:0;
	padding:7px;
}

.slideShow {
	position:absolute;
	top:0px;
	visibility: visible;
	display:block;
	width:475px;
}

.slideHide {
	position:relative;
	/* comment next two lines for development purposes*/
	
	visibility: hidden;
	display:none;/* comment next two lines for production purposes*/
	
	/*visibility: visible;
	display:block;*/
}

.slideHeight { /* used for development purposes only */
/*height:200px;*/
}

/*---------- galleries ----------*/

#galleryImage {
	position:absolute;
	top:20px;
	left:10px;
}

#galleryImage img {
	border:1px solid #000000;
}

#galleryCopy {
	position:absolute;
	top:340px;
	left:10px;
	width:637px;
}

#galleryCopy2 {
	position:absolute;
	top:320px;
	left:0px;
	width:637px;
}

#galleryCopy2 p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	margin:0 0 12px 0;
	padding:0;
}

#galleryCopy p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	margin:0 0 12px 0;
	padding:0;
}

.galleryCopyp {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#090303;
}

#galleryCopy p a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:underline;
}

#galleryCopy p a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#090303;
	text-decoration:underline;
}

#galleryNav {
	position:absolute;
	top:20px;
	left:482px;
	width:170px;
	z-index:5;
}

#galleryNav img {
	border: 1px solid #000000;
	margin:0 0 4px 4px;
}

#galleryNav a:hover img {
	border: 1px solid #e69d68;
}

.galleryShow {
	position:relative;
	visibility: visible;
	display:block;
	width:100%;
}

.galleryHide {
	position:relative;
	visibility: hidden;
	display:none;/* comment next two lines for development purposes*/
	
	/*	visibility: visible;
	display:block;*/
	
	/* comment next two lines for production purposes*/
	

}

.galleryHeight { /* used for development purposes only */
/*height:200px;*/
}

.artistRenderingText {
	float:right;
	color:#fff;
	font-style:italic;
}

.artistRenderingText2 {
	float:left;
	color:#fff;
	font-style:italic;
}

.artistRenderingText-B {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	float:left;
	font-style:italic;
}



/*---------- SUITE-plans ----------*/



.suiteborder img {
	border:1px solid #000000;
}

.suite {
	position:absolute;
	left:286px;
	top:20px;
	width:194px;
	height:289px;
	z-index:1;
	visibility: hidden;
}

#suiteImage {
	position:relative;
	left:20px;
	top:20px;
}

/*---------- floor plans ----------*/

.suiteDetails {
	position:absolute;
	top:190px;
	left:80px;
	border:1px solid #686868;
	padding:10px;
	background:#fff;
	color:#000;
	font-size:10px;
}

.suiteDetails2 {
	position:absolute;
	top:190px;
	left:420px;
	border:1px solid #686868;
	padding:10px;
	background:#fff;
	color:#000;
	font-size:10px;
}

.suiteDetails3 {
	position:absolute;
	top:530px;
	left:80px;
	border:1px solid #686868;
	padding:10px;
	background:#fff;
	color:#000;
	font-size:10px;
}

.suiteDetails4 {
	position:absolute;
	top:530px;
	left:430px;
	border:1px solid #686868;
	padding:10px;
	background:#fff;
	color:#000;
	font-size:10px;
}

.floorplanPop {
	padding:10px 20px;
	color:#000;
	margin:0 auto;
}

.floorplanPop p {
	color:#000;
}

.floorplanPop a {
	color:#b6121b;
	text-decoration:none;
}

.floorplanPop a:hover {
	text-decoration:underline;
}


/*---------- text pages ----------*/

#amenities, #textpage {
	padding:20px 0 0 10px;
}

#textPage {
	position:relative;
	padding:20px 0 0 20px;
	width:600px;
	overflow:auto;
	background-color:#de7c34;
	z-index:3;
}

#featuresText {
	padding:0 10px 0 0;
}





ul {
	list-style-type:none; /* remove automatic bullet */	
	padding: 0 0 0 15px; /* move bullet to the right (add padding-left) */
	margin: 0 0 12px 0; /* set margins to zero for IE/Mozilla compatibility */
	line-height:14px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
}

ul li {
	background-image: url(/_img/bullet.gif); /* add custom bullet */
	background-repeat: no-repeat; 
	background-position: 0 7px; /* position from 'Left' 'Top' - used mostly for small bullet images */
	padding: 0 0 0 10px; /* define distance of text from bullet */
	margin: 0 20px 4px 0; /* define distance between bullets (appreciated if bullets wrap)  and distance from right*/
}






/*---------- photo gallery ----------*/

#photoGallery {
	width:550px;
	height:310px;
	margin:15px 0 0 0;
}

#photoGallery, #photoGallery p, #photoGallery {
	color:#000;
}

#photoGallery img {
	display:block;
	float:left;
	margin:0 5px 5px 0;
	padding:0;
}

#photoGallery a img {
	border:1px solid #000;
}

#photoGallery a:hover img {
	border:1px solid #b5121b;
}