/* 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: #fff; }
body#site #lbNumber 
 { color: #000 }
body#site 
 { background-color: #010109; } 
td 
 { text-align: left }
#spa 
 { position: absolute; top: 214px; left: 540px; width: 222px; height: 197px; }
#spa a 
 { display: block; width: 222px; height: 197px; }
#mspasite 
 { position: absolute; top: 190px; left: 540px; width: 229px; height: 20px; }
#mspasite a 
 { display: block; top: 190px; left: 540px; width: 229px; height: 20px; }

#m01 { width: 72px; left: 0px; background-position: 0px 0px }
#m02 { width: 74px; left: 72px; background-position: -72px 0px }
#m03 { width: 84px; left: 146px; background-position: -146px 0px }
#m04 { width: 58px; left: 230px; background-position: -230px 0px }
#m05 { width: 91px; left: 288px; background-position: -288px 0px }
#m06 { width: 69px; left: 379px; background-position: -379px 0px }
#m07 { width: 85px; left: 448px; background-position: -448px 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: -230px -28px }
#m05:hover, #m05.lo { background-position: -288px -28px }
#m06:hover, #m06.lo { background-position: -379px -28px }
#m07:hover, #m07.lo { background-position: -448px -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#content.p5 div#main2 #selecttour div img
 { border: 3px solid #1C1D3F }
div#content.p5 div#main2 #selecttour div img:hover
 { border: 3px solid #B49330 }


li#li05 { margin-top: 22px } 
li#li11 { margin-top: 22px } 

ul#floorplans 
 { padding: 0px; margin: 104px 0px 0px 12px; }
ul.floorplans li a
 { border: 1px solid #07274c; }
ul.floorplans li a:hover 
 { border: 1px solid #b79225; }

/* This is essentially 'white' relative to the site: */
div#content.p3b div.fp {
  background-color: #01345d;
 }
#cibolocanyons 
 { position: absolute; top: 424px; left: 186px; width: 309px; height: 25px; }
#cibolocanyons a 
 { display: block; width: 309px; height: 25px; }
#jwsanantonio 
 { position: absolute; top: 430px; left: 186px; width: 309px; height: 25px; }
#jwsanantonio a 
 { display: block; width: 309px; height: 25px; }
#tpcsanantonio 
 { position: absolute; top: 430px; left: 486px; width: 309px; height: 25px; }
#tpcsanantonio a 
 { display: block; width: 309px; height: 25px; }

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