@charset "utf-8";
/* CSS Document */
body { background: url(../pics/bg.gif) top left repeat #000000; background-attachment: fixed; margin: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF }
h1 { font-size: 1.5em }
h2 { font-size: 1.3em; margin-top: 0 }
h3 { font-size: 1em; padding: 0; margin: 0; color: #FF5500 }
a { color: #FFFFFF; text-decoration: underline }
a:hover { text-decoration: none }
a img { border: 0 }
#header { margin: 0 auto; width: 900px; height: 150px; background: url(../pics/header.jpg) top left no-repeat }
#header-links { float: right; vertical-align: baseline; text-align: right; font-size: 0.85em; color: #FFFFFF; padding: 131px 10px 0 0; margin: 0 }
#logo { float: left; width: 120px; height: 120px; padding: 7px 0 0 19px }
#nav-bar { margin: 0 auto; width: 900px; height: 31px; background: url(../pics/menu.jpg) top left no-repeat #060606 }
#menu { margin: 0; padding: 6px 0 10px 0; text-align: center; list-style: none }
#menu li { display: inline; padding: 2px 45px 7px 45px }
#menu a { text-decoration: none; font-weight: bold; font-size: 1.1em }
#menu-home-sel { background: url(../pics/menu-home-sel.png) top center no-repeat }
#menu-locations-sel { background: url(../pics/menu-locations-sel.png) top center no-repeat }
#menu-corporate-sel { background: url(../pics/menu-corporate-sel.png) top center no-repeat }
#menu-contact-sel { background: url(../pics/menu-contact-sel.png) top center no-repeat }
#menu-special-sel { background: url(../pics/menu-special-sel.png) top center no-repeat }
#search { margin: 0 auto; width: 900px; height: 301px; background: url(../pics/bg-search.jpg) top left no-repeat #060606 }
#book-now { float: left; width: 180px; height: 300px; background: url(../pics/book-now.jpg) top left no-repeat; font-size: 0.9em; padding: 0 5px 0 5px; margin: 0 0 0 10px }
#book-now img { padding-top: 3px; margin-top: 0 }
#book-now input { font-size: 0.9em }
#book-now select { font-size: 0.9em }
#apartQty input { font-size: 0.9em }
#editNights select { font-size: 0.9em }
#book-now-push { margin: 60px 0 0 0; padding: 0 }
#book-now p { padding: 7px; margin: 0 }
#flashmov { float: left; width: 700px; height: 300px; background: url(../pics/movingpic.jpg) top left no-repeat }
#content { margin: 0 auto; width: 900px; background: url(../pics/bg-content.jpg) top left no-repeat #292026; padding: 0 0 25px 0 }
#contact-callback { float: right; width: 99px; height: 102px }
#footer { margin: 0 auto; width: 900px; height: 50px; background: url(../pics/footer.jpg) top left no-repeat }
#menu2 { margin: 0; padding: 15px 0 0 0; text-align: center; list-style: none }
#menu2 li { display: inline; padding: 0 35px 0 35px }
#menu2 a { text-decoration: none; font-weight: bold; font-size: 1.1em }
#menu2 a:hover { text-decoration: underline }
#errorbox { position: fixed; left: 0; top: 0; display: none; visibility: hidden; width: 100%; height: 100%; background: url(../pics/blur.png) top left repeat }
#errorboxContent { margin: 0 auto; margin-top: 100px; padding: 20px; width: 400px; height: 200px; overflow: auto; background: #000000; border: 1px solid #FFFFFF  }
#tandcbox { position: fixed; left: 0; top: 0; display: none; visibility: hidden; width: 100%; height: 100%; background: url(../pics/blur.png) top left repeat }
#tandcboxContent { margin: 0 auto; margin-top: 10px; padding: 20px; width: 90%; height: 90%; overflow: auto; background: #000000; border: 1px solid #FFFFFF  }
#mapHolder { float: right; width: 650px; height: 200px }
#photo-box { float: left; width: 790px; margin: 0; padding: 0 }
#photo-box p { margin: 0; padding: 0; font-size: 0.8em }
#apptform p { padding: 0; margin: 0 }
#distance { font-size: 0.8em }
.photo { float: left; padding: 5px 5px 0 5px }
.tab { float: left; padding: 5px 10px 5px 10px; margin: 0; border-left: 1px solid #333333; border-top: 1px solid #333333; border-right: 1px solid #333333 }
.lowertab { float: left; padding: 5px 10px 5px 10px; margin: 0; border-left: 1px solid #333333; border-bottom: 1px solid #333333; border-right: 1px solid #333333 }
.menudiv { float: left; text-align: center; padding: 6px 50px 0 50px }
.menudiv a { text-decoration: none; font-weight: bold; font-size: 1.1em }
.menudiv a:hover { text-decoration: underline }
.suggest_link { background: #FFFFFF; color: #000000; padding: 2px 6px 2px 6px; cursor: pointer }
.suggest_link_over { background-color: #3366CC; padding: 2px 6px 2px 6px; cursor: pointer }		
.calendar { position: absolute; padding: 0; width: 185px; height: 174px; font-size: 0.9em; color: #000000; text-align: left }
.calendar a { color: #000000 }
.box-main { float: left; width: 858px; margin: 10px 5px 0 10px; padding: 10px; border: 1px solid #FFFFFF }
.box-main p { padding: 0; margin: 0 }
.box-left { float: left; width: 536px; margin: 10px 5px 0 10px; padding: 10px; border: 1px solid #FFFFFF }
.box-left p { padding: 0; margin: 0 }
.box-left-index { float: left; width: 536px; min-height: 661px; margin: 10px 5px 0 10px; padding: 10px; border: 1px solid #FFFFFF }
/* for Internet Explorer */
/*\*/
.box-left-index {
height: 661px;
}
/**/
.box-right { float: right; width: 290px; margin: 10px 10px 0 5px; padding: 10px; background: url(../pics/bg-rightbox.jpg) top left no-repeat; border: 1px solid #FFFFFF }
.box-left-small { float: left; width: 290px; margin: 10px 10px 0 5px; padding: 10px; background: url(../pics/bg-rightbox.jpg) top left no-repeat; border: 1px solid #FFFFFF }
.box-left-review { float: left; width: 410px; margin: 10px 10px 0 5px; padding: 10px; background: url(../pics/bg-reviewbox.jpg) top left no-repeat #010202; border: 1px solid #FFFFFF }
.box-half { float: left; width: 425px }
.bookingbox { background: url(../pics/bg2.gif) top left repeat }
.booking-left { float: left; width: 160px; text-align: right; padding: 3px 0 0 0 }
.booking-right { float: left; padding: 2px 0 0 15px }
.booking-left p, booking-right p { padding: 0; margin: 0 }
.photo1 { float: left; width: 140px; height: 93px; margin: 0 5px 10px 0 }
.photo2 { float: left; width: 140px; height: 93px; margin: 0 0 10px 5px }
.photo3 { float: left; width: 140px; height: 93px; margin: 0 5px 0 0 }
.photo4 { float: left; width: 140px; height: 93px; margin: 0 0 0 5px }
.contact-type { float: left; width: 60px; font-weight: bold; font-size: 0.9em; padding: 0 0 10px 0 }
.contact-info { float: left; width: 125px; font-size: 0.9em; padding: 0 0 10px 0 }
.offer-pic { float: left; width: 140px; height: 93px }
.offer-details { float: left; width: 370px; padding: 0 0 0 10px }
.left { float: left }
.right { float: right }
.textright { text-align: right }
.textcenter { text-align: center }
.orange { color: #FF5500 }
.smallText { font-size: 0.8em }
.big { font-size: 2.5em; font-weight: bold }
.blue { color: #5AB7E4 }
.bold { font-weight: bold }
.redbold { color: #FF0000; font-weight: bold }
.availCal { font-size: 1.2em }
.paddtop5 { padding: 5px 0 0 0 }
.paddtop6 { padding: 6px 0 0 0 }
.paddtop { padding: 10px 0 0 0 }
.paddbottom { padding: 0 0 3px 0 }
.paddright { padding: 0 20px 0 0 }
.paddrightonly { padding-right: 20px }
.paddleft { padding: 0 0 0 10px }
.nopadd p { padding: 0; margin: 0 }
.review { padding: 10px; margin: 5px 5px 20px 5px; border: 1px solid #FF5500 }
.clearing { clear: both }
#nav div:hover, #nav div.sfhover { background: #666666; }




.review-holder { float: left; width: 180px; text-align: right }
.page-holder { float: left; width: 180px; text-align: left }
.page-holder-long { float: left; width: 230px; text-align: left }
.page-holder-short { float: left; width: 110px; text-align: left }
.page-holder-tiny { float: left; width: 30px; text-align: left }
.page-holder-2 { float: left; width: 130px; text-align: right; margin: 5px 0 0 5px }
.page-holder-130-left { float: left; width: 130px; text-align: left; margin: 5px 0 0 5px }
.page-holder-2-long { float: left; width: 540px; text-align: left; margin: 5px 0 0 5px }
.page-holder-left { float: left; width: 180px; text-align: left; padding-left: 10px; padding-bottom: 6px }
.page-holder-right { float: left; width: 180px; text-align: right; padding-left: 10px; padding-bottom: 6px }
.page-holder-2-left { float: left; width: 70px; text-align: left; padding-left: 10px; padding-bottom: 6px }
.page-holder-2-right { float: left; width: 70px; text-align: right; padding-left: 10px; padding-bottom: 6px }
.page-holder-2-center { float: left; width: 70px; text-align: center; padding-left: 10px; padding-bottom: 6px }
.page-holder-3-left { float: left; width: 230px; text-align: left; padding-left: 10px; padding-bottom: 6px }
.page-holder-button { float: left; width: 110px; padding-left: 10px; padding-bottom: 10px }
.page-holder-title { float: left; width: 100px }
.page-holder-title-right { float: left; width: 200px; text-align: right; padding-right: 10px; padding-top: 10px }
.page-holder-title-radio { float: left; width: 70px; padding-top: 10px }
.page-holder-input { float: left; width: 750px; padding-bottom: 10px }
.pink-full { background: url(pics/bg2.gif) top left repeat }
.withimage { padding-top: 25px }
.floatleft { float: left; margin-right: 7px }
#page-navigation { text-align: center; font-size: 0.8em; padding-top: 15px }