/* This is here for E-Cards */
div, p, td 
 { line-height: 130%; font: 11px verdana, sans-serif; }
body#site div, body#site p, body#site td 
 { color: #000; }
body#site #footer p 
 { color: #fff; }
body#site 
 { background-color: #010109; } 
td 
 { text-align: left }



ul.floorplans li a
 { border: 1px solid transparent; }
ul.floorplans li a:hover 
 { border: 1px dotted #3d4c38; }

/* 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.png) no-repeat; }
div#content.p3a 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.p5 div#main2
 { background: url(/i/pgs/p05-VirtualTours.jpg) no-repeat; }
div#content.p5 div#main2 #selecttour div img
 { border: 3px solid #aa983f }
div#content.p5 div#main2 #selecttour div img:hover
 { border: 3px solid #eaeb96 }

/* Rewrite Top Links */
#m01 { width: 65px; left: 0px; background-position: 0px 0px }
#m02 { width: 56px; left: 65px; background-position: -65px 0px }
#m03 { width: 40px; left: 121px; background-position: -121px 0px }
#m04 { width: 60px; left: 161px; background-position: -161px 0px }
#m05 { width: 69px; left: 221px; background-position: -221px 0px }
#m06 { width: 51px; left: 290px; background-position: -290px 0px }
#m07 { width: 79px; left: 341px; background-position: -341px 0px }
#m08 { width: 58px; left: 420px; background-position: -420px 0px }
#m09 { width: 84px; left: 478px; background-position: -478px 0px }
#m10 { width: 107px; left: 562px; background-position: -562px 0px }
#m11 { width: 76px; left: 669px; background-position: -669px 0px }
#m12 { width: 73px; left: 745px; background-position: -745px 0px }
#m01:hover, #m01.lo { background-position: 0px -28px }
#m02:hover, #m02.lo { background-position: -65px -28px }
#m03:hover, #m03.lo { background-position: -121px -28px }
#m04:hover, #m04.lo { background-position: -161px -28px }
#m05:hover, #m05.lo { background-position: -221px -28px }
#m06:hover, #m06.lo { background-position: -290px -28px }
#m07:hover, #m07.lo { background-position: -341px -28px }
#m08:hover, #m08.lo { background-position: -420px -28px }
#m09:hover, #m09.lo { background-position: -478px -28px }
#m10:hover, #m10.lo { background-position: -562px -28px }
#m11:hover, #m11.lo { background-position: -669px -28px }
#m12:hover, #m12.lo { background-position: -745px -28px }

/* This is essentially 'white' relative to the site: */

div#content.p3b div.fp 
 { background-color: #f7f1e1; }

#spa 
 { position: absolute; top: 190px; left: 195px; }
#spa a 
 { display: block; width: 282px; height: 265px; }

#spalink 
 { position: absolute; top: 260px; left: 650px; }
#spalink a 
 { display: block; width: 130px; height: 20px; }

#cibolocanyons 
 { position: absolute; top: 424px; left: 186px; width: 309px; height: 25px; }
#cibolocanyons a 
 { display: block; width: 309px; height: 25px; }

#jwsanantonio 
 { position: absolute; top: 310px; left: 575px; width: 200px; height: 25px; }
#jwsanantonio a 
 { display: block; width: 200px; height: 25px; }

#gregnorman
 { position: absolute; top: 270px; left: 200px; width: 275px; height: 25px; }
#gregnorman a 
 { display: block; width: 275px; height: 25px; }
#valerotexasopen
 { position: absolute; top: 290px; left: 200px; width: 275px; height: 25px; }
#valerotexasopen a 
 { display: block; width: 275px; height: 25px; }
#pgaphotoblog
 { position: absolute; top: 310px; left: 200px; width: 275px; height: 25px; }
#pgaphotoblog a 
 { display: block; width: 275px; height: 25px; }
#tpcsanantonio
 { position: absolute; top: 330px; left: 200px; width: 275px; height: 25px; }
#tpcsanantonio a 
 { display: block; width: 275px; height: 25px; }

/* 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 }