/* This is here for E-Cards */
div, p, td {
  line-height: 130%;
  font: 11px verdana, sans-serif;
  color: #000;
 }
body#site div, body#site p, body#site td {
  color: #000;
 }
body#site {
  background-color: #0b4e2e;
 } 
body#site #footer p { color: #fff }
div#footer div 
 { margin: 0px auto; width: 818px; height: 67px; background: transparent url(/i/t/CorpLogo.png) no-repeat center right; }

td 
 { text-align: left }
ul#floorplans 
 { padding: 0px; margin: 150px 0px 0px 12px; }
ul.floorplans li a
 {
  border: 1px solid transparent;
 }
ul.floorplans li a:hover {
  border: 1px dotted #3d4c38;
 }

/* Menu */

#m01 { width: 72px; left: 0px; background-position: 0px 0px }
#m02 { width: 74px; left: 72px; background-position: -72px 0px }
#m03 { width: 76px; left: 146px; background-position: -146px 0px }
#m04 { width: 60px; left: 222px; background-position: -222px 0px }
#m05 { width: 90px; left: 282px; background-position: -282px 0px }
#m06 { width: 66px; left: 372px; background-position: -372px 0px }
#m07 { width: 97px; left: 438px; background-position: -438px 0px }
#m08 { width: 113px; left: 533px; background-position: -533px 0px }
#m09 { width: 90px; left: 646px; background-position: -646px 0px }
#m10 { width: 90px; left: 736px; background-position: -736px 0px }
#m01:hover, #m01.lo { background-position: 0px -28px }
#m02:hover, #m02.lo { background-position: -72px -28px }
#m03:hover, #m03.lo { background-position: -146px -28px }
#m04:hover, #m04.lo { background-position: -222px -28px }
#m05:hover, #m05.lo { background-position: -282px -28px }
#m06:hover, #m06.lo { background-position: -372px -28px }
#m07:hover, #m07.lo { background-position: -438px -28px }
#m08:hover, #m08.lo { background-position: -533px -28px }
#m09:hover, #m09.lo { background-position: -646px -28px }
#m10:hover, #m10.lo { background-position: -736px -28px }

div#thewoodlands
{ position: absolute; top: 85px; left: 178px; width: 325px; height: 215px; }
div#thewoodlands a
 { display: block; width: 325px; height: 215px; }
div#cynthiawoodspavilion
 { position: absolute; top: 314px; left: 178px; width: 325px; height: 215px; }
div#cynthiawoodspavilion a
 { display: block; width: 325px; height: 150px; }
div#woodlandsmap
 { position: absolute; top: 216px; left: 512px; width: 262px; height: 250px; }
div#woodlandsmap a
 { display: block; width: 262px; height: 250px; }
div#woodlandsbrochure
 { position: absolute; top: 275px; left: 177px; width: 316px; height: 180px; }
div#woodlandsbrochure a
 { display: block; width: 316px; height: 180px; }
#gmaps
 { position: absolute; top: 173px; left: 525px; width: 249px; height: 21px; }
#gmaps a
 { display: block; width: 249px; height: 21px; }

/* Overrides */
div#content.p2 div#main
 { background: url(/i/pgs/p02-CommunityFeatures.jpg) no-repeat; }
div#content.p2b div#main
 { background: url(/i/pgs/p02b-SpaFeatures.jpg) no-repeat; }
div#content.p3 div#main
 { background: url(/i/pgs/p03-InteriorFeatures.jpg) no-repeat; }
div#content.p3b div#main
 { background: url(/i/pgs/p03b-Floorplans.jpg) no-repeat; }
div#content.p4 div#main
 { background: url(/i/pgs/p04-Photos.jpg) no-repeat; }
div#content.p5 div#main
 { background: url(/i/pgs/p05-VirtualTours.jpg) no-repeat; }
div#content.p6 div#main
 { background: url(/i/pgs/p06-Location.jpg) no-repeat; }
div#content.p6b div#main
 { background: url(/i/pgs/p06b-Neighborhood.jpg) no-repeat; }
div#content.p8 div#main
 { background: url(/i/pgs/p08-ApplyOnline.jpg) no-repeat; }

/* 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/t/VR-BG.jpg') top left no-repeat; height: 100%; margin: 0px; padding: 0px; text-align: center }
#tourpage form { width: 100%; height: 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: 900px; 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 }