/* =Main Elements
----------------------------------------------- */

body {
background-color: #000;
margin: 0 auto;
padding: 0;
text-align: center;
}

#music {
margin: 0 auto;
padding: 10px 0 0 0;
position: relative;
text-align: right;
width: 960px;
}

#content {
margin: 0 auto;
position: relative;
text-align: center;
width: 960px;
}

#logo {
margin: 20px 0 0 0;
padding: 0;
width: 960px;
}

#feature {
background-image: url('/images/bg_gradient.jpg');
background-position: top right;
background-repeat: no-repeat;
clear: both;
height: 360px;
margin: 0 auto;
padding: 0;
text-align: left;
width: 960px;
}

#photoarea1 {
float: left;
height: 360px;
margin: 0;
padding: 0;
width: 756px;
}

#photoarea2 {
float: left;
height: 360px;
margin: 0;
padding: 0;
width: 204px;
}

#photoarea3 {
float: left;
height: 360px;
margin: 0;
padding: 0;
width: 640px;
}

#photoarea4 {
float: left;
height: 360px;
margin: 0;
padding: 0;
width: 320px;
}

#contentarea1 {
background-image: url('/images/bg_gradient.jpg');
background-position: top left;
background-repeat: no-repeat;
float: left;
height: 360px;
margin: 0;
padding: 0;
text-align: left;
width: 204px;
}

#contentarea2 {
background-image: url('/images/bg_gradient.jpg');
background-position: top left;
background-repeat: no-repeat;
float: left;
height: 360px;
margin: 0;
padding: 0;
text-align: left;
width: 756px;
}

#contentarea3 {
background-image: url('/images/bg_gradient.jpg');
background-position: top left;
background-repeat: no-repeat;
float: left;
height: 360px;
margin: 0;
padding: 0;
text-align: left;
width: 320px;
}

#contentarea4 {
background-image: url('/images/bg_gradient.jpg');
background-position: top left;
background-repeat: no-repeat;
float: left;
height: 360px;
margin: 0;
padding: 0;
text-align: left;
width: 640px;
}

.splitquad1 {
float: left;
margin: 0;
padding: 0;
width: 450px;
}

.splitquad2 {
float: left;
margin: 0;
padding: 0;
width: 378px;
}

.splitquad3 {
float: left;
margin: 0;
padding: 0;
width: 320px;
}

.splitquad4 {
float: left;
margin: 0;
padding: 0;
width: 180px;
}

.splitquad5 {
float: left;
margin: 0;
padding: 0;
width: 580px;
}

.splitquad6 {
float: left;
margin: 0;
padding: 0;
width: 280px;
}

.splitquad6A {
float: left;
margin: 0;
padding: 0px 20px 0px 0px;
width: 280px;
}

#floorplancontent {
clear: left;
float: left;
height: 360px;
margin: 0;
padding: 0;
text-align: left;
width: 170px;
}

#floorplantable {
float: left;
margin: 0 10px 0 10px;
padding: 0;
}

td.floorplans {
margin: 0;
padding: 0 5px 5px 0;
}

#picstable {
clear: left;
margin: 0 0 0 20px;
padding: 0;
}

td.pics {
margin: 0;
padding: 0 5px 5px 0;
}

table.regular {
margin: 0 auto;
padding: 0;
}

.hide {
visibility: hidden;
}

#enlargebtn {
left: 657px;
top: 510px;
position: absolute;
}

#buttons {
clear: both;
margin: 0;
padding: 10px 0 0 20px;
text-align: left;
}



/* =Type Elements
----------------------------------------------- */

h1 {
clear: left;
color: #fff;
font-family: arial, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 15px;
margin: 0 auto;
padding: 20px 20px 10px 20px;
text-align: left;
}

h1 a, h1 a:visited {
color: #fff;
text-decoration: none;
}

h1 a:hover {
color: #999;
text-decoration: none;
}

h2 {
color: #baa257;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
margin: 0 auto;
padding: 0 20px 10px 20px;
text-align: left;
}

h3 {
color: #baa257;
float: left;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
margin: 0 auto;
padding: 0;
text-align: left;
}

p {
clear: left;
color: #999;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 13px;
margin: 0;
padding: 0 20px 0 20px;
text-align: left;
}

p.text  {
clear: left;
color: #999;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 15px;
margin: 0;
padding: 0;
text-align: left;
}

p.alt  {
clear: left;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 14px;
margin: 0;
padding: 0px 0px 0px 0px;
text-align: left;
}

p.spaced {
clear: left;
color: #999;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
margin: 0;
padding: 0 20px 5px 20px;
text-align: left;
}

p.orlandoSpaced {
color: #333;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 13px;
margin: 0;
padding: 0 0px 3px 0px;
text-align: left;
}

.disclaimer {
clear: left;
color: #666;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 10px;
margin: 0;
padding: 0;
text-align: left;
}

.disclaimeralt {
clear: left;
color: #666;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 10px;
margin: 10px 20px 0 0;
padding: 0;
text-align: right;
}

.clicktoenlarge {
clear: left;
color: #FFFFFF;
font-family: arial, sans-serif;
font-size: 9px;
font-style: normal;
line-height: 10px;
margin: 0;
padding: 0;
text-align: left;
}

.regular {
color: #999;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 15px;
margin: 0;
padding: 0;
text-align: left;
}

.regular2 {
color: #fff;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 15px;
margin: 0;
padding: 0;
text-align: left;
}

.regular3 {
color: #999;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
line-height: 15px;
margin: 0;
padding: 0;
text-align: left;
}

em {
font-style: normal;
font-weight: bold;
}

ul {
color: #999;
display: block;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 13px;
list-style: none;
margin: 0 auto;
padding: 0 20px 0 20px;
}

ul.normal {
color: #999;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 13px;
margin: 0;
padding: 0;
}

ul.alternate {
color: #999;
display: block;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 13px;
list-style: none;
margin: 0 auto;
padding: 0 20px 0 20px;
}

ul.alternate li {
padding: 0 0 10px 0;
}

ul.bullets {
color: #999;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 13px;
list-style: none;
margin: 0 auto;
padding: 0 20px 0 20px;
text-align: left;
}

ul.bullets li {
background-image: url('/images/icon_bullet.gif');
background-position: left top;
background-repeat: no-repeat;
margin: 0;
padding: 0 0 10px 10px;
text-align: left;
}

ul.bulletsalt {
color: #999;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 12px;
list-style: none;
margin: 0 auto;
padding: 0 10px 0 20px;
text-align: left;
}

ul.bulletsalt li {
background-image: url('/images/icon_bullet.gif');
background-position: left top;
background-repeat: no-repeat;
margin: 0;
padding: 0 0 0 10px;
text-align: left;
}

.subtitle {
color: #fff;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
line-height: 18px;
margin: 0 0 0 20px;
padding: 0;
}

div.hr {
background-color: #333;
border: 0;
clear: both;
color: #333;
height: 1px;
margin: 20px; 20px 15px 20px;
padding: 0;
width: 920px;
}

div.hr hr {
clear: both;
display: none;
margin: 0;
padding: 0;
}





/* =Form Elements
----------------------------------------------- */

.formstyle {
clear: left;
color: #666;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
margin: 0;
padding: 0 0 0 20px;
text-align: left;
}

.formfields {
clear: left;
color: #333;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
margin: 0;
padding: 0;
text-align: left;
width: 150px;
}

.formfieldserr {
clear: left;
color: #cc0000;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
margin: 0;
padding: 0;
text-align: left;
width: 150px;
}

.formfields2 {
clear: left;
color: #333;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
margin: 0;
padding: 4px 0 0 0;
text-align: left;
width: 150px;
}

td.application {
color: #999;
margin: 0;
padding: 0 10px 10px 0;
text-align: left;
}






/* =Page Navigation Elements
----------------------------------------------- */

.pagenav, .pagenav2 {
margin: 0 auto;
padding: 10px 20px 0 20px;
}

.pagenav ul, .pagenav ul a, .pagenav ul a:visited {
color: #666;
display: block;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 12px;
list-style: none;
margin: 0;
padding: 0 0 4px 0;
text-decoration: none;
}

.pagenav ul li {
list-style: none;
}
 
.pagenav ul a:hover {
color: #baa257;
text-decoration: none;
}

.pagenav2 ul, .pagenav2 ul a, .pagenav2 ul a:visited {
color: #666;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
list-style: none;
margin: 0;
padding: 0 10px 10px 0;
text-decoration: none;
}

.pagenav2 ul li {
display: inline;
list-style: none;
}
 
.pagenav2 ul a:hover {
color: #fff;
text-decoration: none;
}

.luxurynav, .luxurynav2 {
margin: 0 auto;
padding: 10px 20px 0 20px;
}

.luxurynav ul, .luxurynav ul a, .luxurynav ul a:visited {
color: #baa257;
display: block;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 14px;
list-style: none;
margin: 0;
padding: 0 0 7px 0;
text-decoration: none;
}

.luxurynav ul li {
list-style: none;
}
 
.luxurynav ul a:hover {
color: #666;
text-decoration: none;
}

.luxurynav2 ul, .luxurynav2 ul a, .luxurynav2 ul a:visited {
color: #baa257;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
list-style: none;
margin: 0;
padding: 0 10px 0 0;
text-decoration: none;
}

.luxurynav2 ul li {
display: inline;
list-style: none;
}
 
.luxurynav2 ul a:hover {
color: #fff;
text-decoration: none;
}

#subon, #subon a {
color: #baa257;
text-decoration: none;
}

.sectnav {
border-left: 1px solid #333;
clear: left;
color: #666;
float: left;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
list-style: none;
margin: 0 20px 10px 20px;
padding: 0 0 0 10px;
}

.sectnav a, sectnav:visited {
color: #666;
text-decoration: none;
}

.sectnav a:hover {
color: #baa257;
text-decoration: none;
}



/* =Footer Elements
----------------------------------------------- */

#quads {
clear: both;
cursor: pointer;
height: 75px;
margin: 0 auto;
padding: 0;
position: relative;
width: 600px;
}

#q1 a, #q1 a:visited {
display: block;
float: left;
height: 89px;
margin: 0;
padding: 0;
background-image:  url('images_es/q1.gif');
background-repeat: no-repeat;
background-position: top left;
text-decoration: none;
width: 215px;
}

#q1 a:hover {
display: block;
float: left;
height: 89px;
margin: 0;
padding: 0;
background-image:  url('images_es/q1.gif');
background-repeat: no-repeat;
background-position: top right;
text-decoration: none;
width: 215px;
}

#q2 {
float: left;
height: 89px;
margin: 0;
padding: 0;
text-decoration: none;
width: 200px;
}
    
#q3 a, #q3 a:visited {
display: block;
float: left;
height: 89px;
margin: 0;
padding: 0;
background-image:  url('images_es/q3.gif');
background-repeat: no-repeat;
background-position: top left;
text-decoration: none;
width: 185px;
}

#q3 a:hover {
display: block;
float: left;
height: 89px;
margin: 0;
padding: 0;
background-image:  url('images_es/q3.gif');
background-repeat: no-repeat;
background-position: top right;
text-decoration: none;
width: 185px;
}

#footer {
clear: both;
height: 80px;
margin: 0 auto;
padding: 0px 0 20px 0;
position: relative;
text-align: left;
vertical-align: bottom;
width: 900px;
}

#eoh {
float: left;
margin: 0;
padding: 0 5px 0 0;
position: relative;
width: 15px;
}

#phone {
float: left;
margin: 0;
padding: 30px 0 10px 0;
position: relative;
width: 140px;
}

#sub {
color: #666;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
line-height: 14px;
margin: 0;
padding: 30px 0 0 0;
position: relative;
width: 500px;
}

#sub a:link, #sub a:visited {
color: #666;
text-decoration: none;
}

#sub a:hover {
color: #fff;
text-decoration: none;
}

#awards {
float: left;
height: 80px;
margin: 0;
padding: 10px 0 0 0;
position: relative;
width: 246px;
}

#award_worldtravel {
float: left;
height: 80px;
margin: 0;
padding: 0 10px 0 0;
position: relative;
width: 60px;
}

#award_worldtravel_on {
background-color: #000;
border: 1px solid #333;
color: #ccc;
display: none;
float: left;
font-family: arial, sans-serif;
font-size: 11px;
left: -1px;
line-height: 14px;
margin: 0;
padding: 20px;
position: absolute;
text-align: left;
top: -80px;
width: 300px;
z-index: 99;
}

#award_convention {
float: left;
height: 80px;
margin: 0;
padding: 0 10px 0 0;
position: relative;
width: 56px;
}

#award_toparchitect {
float: left;
height: 80px;
margin: 0;
padding: 0 10px 0 0;
position: relative;
width: 27px;
}

#award_orlando {
float: left;
height: 80px;
margin: 0;
padding: 0 0 0 0;
position: relative;
width: 65px;
}

#award_lg {
float: right;
margin: 0;
padding: 0 0 0 20px;
position: relative;
}



/* =Orlando Page Elements
----------------------------------------------- */

#gridContainer {
background-color: #333;
float: left;
height: 341px;
margin: 0;
padding: 19px 0px 0px 19px;
text-align: left;
width: 621px;
}

.gridPic {
background-color: #484848;
border: 1px solid #333;
float: left;
height: 74px;
margin: 0px 5px 6px 0px;
padding: 0px;
width: 80px;
}

.gridInstructions {
color: #ccc;
float: left;
font-family: arial, sans-serif;
font-size: 11px;
height: 34px;
margin: 0px 7px 6px 0px;
padding: 20px;
text-align: left;
width: 220px;
}

.gridPic a:link, .gridPic a:visited {
border: 1px solid #333;
display: block;
}

.gridPic a:hover {
border: 1px solid #baa257;
display: block;
}

.gridName {
color: #baa257;
font-family: arial, sans-serif;
font-size: 11px;
text-align: left;
}

#orlando {
float: left;
height: 360px;
margin: 0px auto;
padding: 0px;
position: relative;
text-align: left;
width: 960px;
}

#orlandoMorse, #orlandoCornell, #orlandoOMA, #orlandoCityArts, #orlandoOSC, #orlandoBayHill, #orlandoGoldenBear, #orlandoMetroWest, #orlandoBlueSpring, #orlandoBrevardZoo, #orlandoFloridaZoo, #orlandoSpringsPark, #orlandoFtChristmas, #orlandoHontoon, #orlandoLakeEola, #orlandoWekiwa, #orlandoArtsFest, #orlandoBlueMan, #orlandoBroadway, #orlandoBallet, #orlandoCirque, #orlandoEnzian, #orlandoFilmFest, #orlandoMusicFest, #orlandoOrlandoBallet, #orlandoOpera, #orlandoPhil, #orlandoEolaPark, #orlandoHue, #orlandoSamba, #orlandoSky, #orlandoWinterPark, #orlandoDancing, #orlandoOutlets, #orlandoMillenia, #orlandoWinterPark, #orlandoFloridaMall, #orlandoMagic, #orlandoWatersports, #orlandoTrailRiding, #orlandoHorseback, #orlandoFishing, #orlandoVicAlberts, #orlandoBluezoo, #orlandoChathams, #orlandoDelFriscos, #orlandoCoq, #orlandoGatorland, #orlandoSeaworld, #orlandoIslands, #orlandoAnimal, #orlandoEpcot, #orlandoMagicKingdom, #orlando1, #orlando2, #orlando3, #orlando4, #orlando5, #orlando6, #orlando7, #orlando8, #orlando9, #orlando10, #orlando11, #orlando12, #orlando13, #orlando14, #orlando15, #orlando16, #orlando17, #orlando18, #orlando19, #orlando20, #orlando21, #orlando22, #orlando23, #orlando24, #orlando25, #orlandoJan, #orlandoFeb, #orlandoMar, #orlandoMar2, #orlandoApr, #orlandoMay, #orlandoJun, #orlandoJul, #orlandoAug, #orlandoSep, #orlandoOct, #orlandoOct2, #orlandoNov, #orlandoDec {
display: none;
float: left;
height: 360px;
left: 0px;
margin: 0px;
padding: 0px;
position: absolute;
text-align: left;
top: 0px;
width: 960px;
z-index: 9999;
}




/* =Print Page Elements
----------------------------------------------- */

body.print {
background-color: #fff;
margin: 0 auto;
padding: 0;
text-align: center;
}

#printhead {
margin: 0 auto;
padding: 10px 0 20px 0;
position: relative;
text-align: center;
width: 700px;
}

#printbody {
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
color: #000;
font-family: arial, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 15px;
margin: 0 auto;
padding: 20px 0 20px 0;
position: relative;
text-align: left;
width: 700px;
}



/* =Links
----------------------------------------------- */

a:link {color: #666; font-family: arial, sans-serif; font-size: 11px; line-height: 14px; text-decoration: none;}
a:visited {color: #666; font-family: arial, sans-serif; font-size: 11px; line-height: 14px; text-decoration: none;}
a:hover {color: #baa257; font-family: arial, sans-serif; font-size: 11px; line-height: 14px; text-decoration: none;}
a:active {color: #666; font-family: arial, sans-serif; font-size: 11px; line-height: 14px; text-decoration: none;}

a.altlink:link {color: #baa257; text-decoration:none;}
a.altlink:visited {color: #baa257; text-decoration:none;}
a.altlink:hover {color: #666; text-decoration:none;}
a.altlink:active {color: #baa257; text-decoration:none;}

a.outerlink:link {color: #baa257; text-decoration: underline;}
a.outerlink:visited {color: #baa257; text-decoration: underline;}
a.outerlink:hover {color: #666; text-decoration: underline;}
a.outerlink:active {color: #baa257; text-decoration: underline;}

a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}