/* Standard Elements */

* 		{ padding: 0px; margin: 0px; }
html	  	{ height: 100%; behavior: url('/csshover.htc'); min-height:100%}
body  		{ margin: 0px; color: #000; height: 100%; }
body, p, div, td, h1
		{ font: 11px "Lucida Grande", sans-serif; line-height: 150%; }
p 		{ margin: 10px 0; }
a:active	{ outline: none; }
dd, blockquote  { margin: 0px; padding: 0px 20px 0px 20px; }
td 		{ vertical-align: top; }
img 		{ border: 0px; vertical-align: top }
h1		{ font: 18px "Lucida Sans Unicode", sans-serif; padding: 4px; font-weight: normal; }
h2, .headline	{ font: 16px "Lucida Sans Unicode", sans-serif; padding: 4px; font-weight: normal;} 
h3		{ font: 14px "Lucida Sans Unicode", sans-serif; padding: 4px; font-weight: normal;} 
ul 		{ padding: 0px; margin-top: 5px; margin-left: 10px; }
li		{ text-align: left; font-size: 9px; }
form		{ margin: 0px auto; text-align: left }

/* Landing Page */

#mainpage 	{ background: #000; margin: 0px; text-align: center; width: 100%; }
#toplinks	{ height: 20px; width: 960px; margin: 0px auto; }
#toplinks a:link, #toplinks a:active, #toplinks a:visited 
		{ display: inline; padding-right: 30px; float: left; color: #fff; }
#toplinks a:hover 
		{ }
#frontframe	{ margin: 0px auto 5px auto; background: transparent url('/i/Intro_Page.jpg') top center no-repeat; cursor: pointer; height: 403px }
#frontinfo 	{ width: 960px; margin: 10px auto; text-align: left; }
#slideshow 	{ width: 250px; text-align: center; }
#addressinfo    { width: 230px; text-align: center; color: #fff; vertical-align: middle; white-space: nowrap; }
#intro		{ width: 480px; color: #fff; padding-left: 10px; color: #fff; vertical-align: middle }
#intro p	{ text-align: center } 
#intro h1 	{ font-family: "Times New Roman", serif; font-size: 26px; margin: 0px; padding: 0px 0px 10px 0px; line-height: 100%; text-align: center}
#intro a:link, #intro a:visited, #intro a:active 
		{ font-weight: normal; color: #fff; border-bottom: 1px dashed #fff;}
#intro h1 a:hover  
		{ color: #ff0; border-bottom: 1px dashed #ff0; text-decoration: none; }


div.rf {  padding: 4px; border: 4px dashed #fff; width: 651px }
div.rf:hover { padding: 4px; border: 4px dashed #e3ac05 }

/* Sliding Menu */

#divStayTopLeft div { height: 22px }

div#m01 { background: transparent url('/i/01a-Welcome.png') no-repeat }
div#m01:hover { background: transparent url('/i/01b-Welcome.png') no-repeat }
div#m02 { background: transparent url('/i/02a-Community.png') no-repeat }
div#m02:hover { background: transparent url('/i/02b-Community.png') no-repeat }
div#m03 { background: transparent url('/i/03a-Location.png') no-repeat }
div#m03:hover { background: transparent url('/i/03b-Location.png') no-repeat }
div#m04 { background: transparent url('/i/04a-Floorplans.png') no-repeat }
div#m04:hover { background: transparent url('/i/04b-Floorplans.png') no-repeat }
div#m05 { background: transparent url('/i/05a-VirtualTour.png') no-repeat }
div#m05:hover { background: transparent url('/i/05b-VirtualTour.png') no-repeat }
div#m06 { background: transparent url('/i/06a-Neighborhood.png') no-repeat }
div#m06:hover { background: transparent url('/i/06b-Neighborhood.png') no-repeat }
div#m07 { background: transparent url('/i/07a-Application.png') no-repeat }
div#m07:hover { background: transparent url('/i/07b-Application.png') no-repeat }
div#m08 { height: 21px; background: transparent url('/i/08a-Contact.png') no-repeat }
div#m08:hover { background: transparent url('/i/08b-Contact.png') no-repeat }


/* Main Site */

#gutter-left 	{ background-repeat: repeat-y; background-position: right top; background-image: url('/i/fade-left.jpg'); min-height: 100%; }
#gutter-right	{ background-repeat: repeat-y; background-position: left top; background-image: url('/i/fade-right.jpg'); min-height: 100%; }  
#logoarea 	{ background: #fff; width: 758px }
#logoarea div	{ height: 104px; background: #fff url('/i/Header-Logo.jpg') no-repeat; cursor: pointer; }

#divStayTopLeft-Wrapper 
		{ position: relative; left: 0px; top: 0px }
#divStayTopLeft 
		{ position: absolute; top: 1px; visibility: hidden; }
.divStayTopLeft div 
		{ cursor: pointer; width: 140px;  height: 22px; }

.marquee 	{ white-space: nowrap; text-align: left; }
#footerleft 	{ filter: Alpha(opacity=50); opacity: 0.5; }
#footer 	{ text-align: right; padding: 10px; font-size: 9px; }
div.caption	{ font: 11px arial, verdana, sans-serif; width: 90%; padding: 4px 8px 4px 0px; margin: 8px auto; text-align: center;
		  border-top: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #919caf; border-bottom: 2px solid #919caf; }
td#sitecontent	{ background: #fff; color: #000; text-align: justify; width: 600px; min-height: 600px ;}
div#docbody 	{ padding: 4px 0px 12px 4px; width: 600px; }

/* Virtual Tour */

.virtual	{ border: 1px solid #999999; width: 100px; text-align: center; cursor: pointer; }
.tour		{ width: 42px; height: 31px; }
a.pic img 	{ margin-bottom: 2px; filter: Alpha(opacity=50); -moz-opacity: 0.50; }
a.pic:hover img { filter: Alpha(opacity=100); -moz-opacity: 1.0; }
td.tourthumb 	{ width: 290px; text-align: center }
td.tourthumb a:link, td.tourthumb a:visited, td.tourthumb a:visited
		{ color: #aaa; text-decoration: none; }
td.tourthumb a:hover 
		{ color: #fff }

/* Tour Pop Up */

body#tourpage { background: #000 url('/i/VR-BG.jpg') top left no-repeat; margin: 0px; padding: 0px; text-align: center }
#tourpage form { width: 100%;}
#tourpage p, #tourpage td, #tourpage div { color: #fff; font-size: 11px }
#tourpage #vrtop { background: #000; height: 16px; }
#tourpage #vrtop div { float: right; padding: 0px 10px 0px 10px; font-weight: bold; height: 16px } 
#tourpage #vrtop div input { background: #000; border: 0px }
#tourpage h1 { color: #fff; font-size: 16px;}
.tourthumb { position: absolute: left: 0px; top: 0px; display: none; width: 270px; height: 240px; }
#tourpage  div.marquee a:link, #tourpage div.marquee a:hover, #tourpage div.marquee a:active, #tourpage div.marquee a:visited
 { text-decoration: none; border: 0px }
#tourpage a:hover { color: #ff0 }
#tourpage legend { color: #fff; margin: 0px 0px 0px 10px; padding: 0px 5px 0px 5px; font-size: 14px; font-weight: bold }
#tourpage fieldset { font-weight: normal; border: none; border-top: 1px solid #fff; margin: 0px; margin: 8px 2px 8px 2px; padding: 0px 0px 0px 5px; }
td#thumbcontainer { width: 270px; height: 240px }
td.imgtd { height: 150px; background: #fff url('/i/thumb_bg.png'); text-align: center; vertical-align: middle; }
#tourpage h1 { text-align: center; }
#tourpage a:link, #tourpage a:visited, #tourpage a:active { color: #fff }
#tourpage a:hover { color: #999 }
#interior col { position: relative; padding: 2px; }
#tourpage img { border: 1px solid #000 }
#tourpage img:hover { border: 1px solid #aaa } 
#tourpage #floorplan img { border: 0px }
#tourpage #floorplan img:hover { border: 0px }
#communitythumbs { margin-top: 4px; text-align: center; overflow: auto; height: 600px }
#VRWindow { display: none; text-align:center; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: #000; opacity: 0.9; filter: Alpha(opacity=90); }
#VRWindow > div { text-align: center; margin: 40px auto; width: 740px }

/* Floorplans Page */

div.fpimgs { width: 550px; margin-left: 25px; }
div.fpimgs div { float: left; width: 110px; text-align: center }