/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SHELL Includes: Shell (div that acts as a container for every div in the site) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html {background: #F4E1B7/*4A8C78*/ url(../img/bg-2.gif) fixed repeat-x;} body { margin: 0px; padding: 0px; background: url(../img/q-big-full.png) no-repeat fixed center 100px;} #shell { width: 756px; margin-right: auto; margin-left: auto;} a {outline:none;} #ctaBox { background: /*#E5E7BA*/ #886421 url(../img/res_box_bg-2.gif) no-repeat; width: 256px; position: absolute; top: 555px; margin-left: 495px; z-index: 10; font: 10px Tahoma, Arial, Verdana, sans-serif; color: #1D311B; padding-top: 20px; padding-bottom: 0; text-align: center;} #ctaBox select { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10px; color: #000000;} #ctaBox div { margin-top: 10px;} #ctaBox input { background:#30725E; border-style: none; color: #FFFFFF; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold; height: 21px; cursor: hand; width: 70px; margin-bottom: 10px;} #ctaBox a, #sub_ctaBox a {display:block; width:243px; height:71px; color: #30725E;} #ctaBox a:hover {color: #866130; text-decoration: none;} #ctaBox ul, #sub_ctaBox ul{margin:0px; padding:0 0 0 8px; list-style:none;} .imageBorder { border:solid 6px #996600} #sub_ctaBox { background: /*#E5E7BA*/ #886421 url(../img/res_box_bg-2.gif) no-repeat; width: 256px; position: absolute; top: 443px; margin-left: 495px; z-index: 10; font: 10px Tahoma, Arial, Verdana, sans-serif; color: #1D311B; padding-top: 30px; padding-bottom: 0; text-align: center;} #sub_ctaBox select { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10px; color: #000000;} /* #sub_ctaBox div { margin-top: 10px;} #sub_ctaBox input { background:#30725E; border-style: none; color: #FFFFFF; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold; height: 21px; cursor: hand; width: 70px; margin-bottom: 10px;} #sub_ctaBox a {display:block; width:243px; height:71px; color: #30725E;} #sub_ctaBox a:hover { color: #866130; text-decoration: none;} #sub_ctaBox ul{margin:0px; padding:0 0 0 8px; list-style:none;} */ .fauxColumns { width:39%; float:left; margin-bottom: 10px; padding-right: 5%; text-align: left; border-right: 1px solid #E5E7BA; padding-left: 5%;} .fauxColumns a{font-weight:bold;} .fauxColumns.noBorder {border:none; padding:0;} #things .fauxColumns {margin:0; padding-left:0; width:49%; padding-right:0;} .clearBoth {clear:both;} a { color: #543812;} a:hover {color: #1D311B; text-decoration: none;} blockquote { margin-right:10px; text-align: justify;} .sm_9pxText { font-size: 9px; color: #876130; font-family: Arial, Helvetica, sans-serif;} .pNum {font:Arial, Helvetica, sans-serif;} #cta1 a{ background:url(../img/reserve.gif) no-repeat;} #cta1 a:hover{ background:url(../img/reserveover.gif) no-repeat;} #cta2 a{ background:url(../img/cta-02.gif) no-repeat; } #cta2 a:hover{ background:url(../img/cta-02.gif) no-repeat left bottom; } #cta3 a{ background:url(../img/cta-03.gif) no-repeat; } #cta3 a:hover{ background:url(../img/cta-03.gif) no-repeat left bottom; } #cta4 a{ background:url(../img/events_cta.gif) no-repeat; } #cta4 a:hover{ background:url(../img/events_ctaover.gif) no-repeat; } #cta5 a{ background:url(../img/specials_cta.gif) no-repeat; } #cta5 a:hover{ background:url(../img/specials_ctaover.gif) no-repeat; } .back2top {margin:0; font:11px "Trebuchet MS"; text-align:right; clear:both;} .back2top a{text-decoration:none; display:block; width:75px; text-align:center; color:#fff; background-color:#68340E; border:1px solid #000; margin:0 0 0 0px; height:15px; } .back2top a:hover{background-color:#944B14;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEAD Includes: Navigation, Logo, CTAs (located in header area), Phone Numbers, Search Box (located in header area) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #h_shell, #h_sub_shell {/*background-color:#B1852B;*/ background: #886421 url(../img/shell_bg-2.gif) repeat-y; width: 756px; margin-top: 28px;} /* #h_sub_shell { background: url(../img/h_sub_banner_bg.gif) repeat-y center 37px; width: 756px; margin-top: 28px;}*/ #h_topLinx { /*border-bottom:2px solid #AB8B28; */ border-right:8px solid #AB8B28; border-left:8px solid #AB8B28; height: 101px; width: 132px; position: absolute; /*top: 0px;*/ top:-1px; margin-left: 572px; text-align: center; font: 10px/21px Georgia, "Times New Roman", Times, serif; background: #F9EBC8 url(../img/top-nav-bg.gif) no-repeat; } #h_topLinx ul { margin: 0px; padding: 10px 0px 0px;} #h_topLinx li { list-style: none;} #h_topLinx li a { /*color: #FFFFFF;*/color:#6B3A1C; text-decoration: none;} #h_topLinx li a:hover { /*color: #FFFF00;*/ text-decoration:underline;} #h_logoArea { width: 756px; background: url(../img/h_logo_bg-2.jpg) no-repeat; height: 72px;} #h_logoArea a{width:405px; height:60px; display:block; margin:7px 0 0 23px;} #h_banner { height: 348px; /* background: url(../img/h_banner_bg.gif) repeat-x;*/ width: 756px; text-align: center; padding-top: 7px;} #h_sub_banner { height: 181px; width: 756px; text-align: center; padding-top: 7px; /*background: url(../img/h_sub_banner_bg.gif) no-repeat;*/} #h_nav, #h_sub_nav { background-color:#F9EBC8; /*background: url(../img/h_nav_bg-2.gif) repeat-y;*/ height: 35px; /*width: 756px;*/ width:747px; margin:0 5px 0 4px; position:relative} #h_nav ul, #h_sub_nav ul{ margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: bold; line-height: 35px;} #h_nav li, #h_sub_nav li{ float:left; margin: 0px; padding: 0px; list-style:none; position:relative;} #h_nav li a, #h_sub_nav li a{ /*color: #FFFFFF;*/color:#6B3A1C; text-decoration: none; display: block; text-align: center; float: left; /*border-right: 1px solid #FFFFFF;*/ margin: 0px; padding: 0 20px 0 20px;} #h_nav li a:hover, #h_sub_nav li a:hover{color:#811F12; /*color: #F7F8D7; /*background: #652C00;*/ text-decoration:underline;} /* #h_sub_nav { background: #866130 url(../img/h_sub_nav_bg.gif) no-repeat; height: 35px; width: 756px;} #h_sub_nav ul{ margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; line-height: 35px;} #h_sub_nav li{ display: inline; margin: 0px; padding: 0px;} #h_sub_nav li a{ color: #FFFFFF; text-decoration: none; display: block; width: 141px; text-align: center; float: left; border-right: 1px solid #FFFFFF; margin: 0px; padding: 0px;} #h_sub_nav li a:hover{ color: #F7F8D7; background: #652C00;} */ /* nav ons */ body#home #navHome a, body#rooms #navRooms a, body#amenities #navAmenities a , body#things #navThingstoDo a , body#specials #navSpecials a , body#directions #navDirections a { color:#811F12; /*background: #652C00;*/} /* Drop Downs ------------------------------------------------------*/ #h_nav .dropdowns { width: 150px; display:none; line-height:25px; margin: 0; padding:0px; position:absolute; background-color:#6e6d3c; top:35px; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; z-index:99; left: 11px} #h_nav .dropdowns ul{ float: none; margin:0; } #h_nav .dropdowns li{ float: none; margin:0; } #h_nav .dropdowns a { text-transform: none;display:block;padding: 0 30px 0 5px; height:20px; margin: 5px; width:auto; color:#fff9de; font-size:11px; } #h_nav .dropdowns a:hover {text-decoration:none; border:none; background-color:#8f753e; color:#FFCC33 } #h_nav li:hover .dropdowns {display:block; background:#b99651; } #navnavThingstoDo .dropdowns {width:225px;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY Includes: Content Text, CTAs (located in body area), Search Box (located in header area) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #b_shell, #b_sub_shell { background: url(../img/b_shell_bg-2.gif) repeat-y; width: 756px; margin-right: auto; margin-left: auto;} /*#b_sub_shell { background: url(../img/b_sub_shell_bg.gif) repeat-y; width: 756px; margin-right: auto; margin-left: auto;} */ #b_contentArea { width: 417px; min-height:500px; height: auto !important; height:500px; font: 12px/19px "Trebuchet MS"; color: #575840; background: url(../img/f_cta2-b.jpg) no-repeat 4px bottom; padding: 80px 25px 35px 50px !important; padding: 80px 25px 50px 50px;} #b_contentArea h1 { font: 19px "Trebuchet MS"; color: #30725E; letter-spacing: -1px;} #b_contentArea h1 span {display:block; font-size:13px; letter-spacing:normal; color: #575840;} #b_contentArea h2 { font: bold 16px "Trebuchet MS"; letter-spacing: -1px; color: #954B14; clear:both;} #b_contentArea h2 a{color: #583300;} #b_contentArea h3 {font-size:14px; letter-spacing:-1px;} #b_contentArea h4 {font-size:14px; letter-spacing:-1px; color: #30725E;} #b_welcome {/*background: #F7F8D7;*/ background-color:#F9EBC8; padding-top: 15px; text-align: center; position: absolute; width: 747px; margin-left: 4px;} #b_welcome img { display:block;} #b_winStay { margin:0px 0px 0px 4px; clear: both; width: 747px; /*background: #944B14;*/ background-color:#694d19;} #b_winStay img{display:block;} #b_homeSpace {display:block; width:198px; height:109px; float:left;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER Includes: SR/Vantis Signature, Footer Nav, Phone Number, Any Association Logos (AAA, AARP, etc) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #f_shell { background: url(../img/f_shell_bg-2.gif) no-repeat; width: 756px; margin-right: auto; margin-left: auto;} #f_nav { /*font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px;*/ font:10px "Trebuchet MS"; position:relative; bottom:25px; left:110px;} #f_nav ul{ margin: 0 auto; padding: 0px; width:69%; height:15px;} #f_nav li{ float:left; border-right: 1px solid #fff; margin-right: 7px; padding-right: 7px; line-height:9px; list-style-type:none;} #f_nav li a{ color: #FFFFFF; text-decoration: none; position:relative;} #f_nav li a:hover{ /*olor: #FFFF00;*/ text-decoration: underline;} #f_address { text-align: center; font: 11px Tahoma, Arial, Verdana, sans-serif; color: #575840; margin-top: 15px; margin-bottom: 15px; position: absolute; top: 1040px; width: 235px; margin-left: 502px; /*background: #EBECCB;*/ background-color:#F9EBC8; padding: 3px; border-top: 2px inset #C2C25C; border-left: 2px inset #C2C25C; border-right: 2px inset #EAEBC7; border-bottom: 2px inset #EAEBC7; z-index: 100;} #f_sub_address {text-align: center; font: 11px Tahoma, Arial, Verdana, sans-serif; color: #575840; margin-top: 50px; margin-bottom: 25px; position: absolute; top:852px; width: 235px; margin-left: 502px; /*background: #EBECCB;*/ background-color:#F9EBC8; padding: 3px; border-top: 2px inset #C2C25C; border-left: 2px inset #C2C25C; border-right: 2px inset #EAEBC7; border-bottom: 2px inset #EAEBC7; z-index: 100;} #f_address span { margin-right: 15px;} #sisProps {text-align: center; font: bold 10px/17px Arial, Helvetica, sans-serif; /*color: #FFFFFF;*/ color:#6B3A1C; margin-bottom: 15px; margin-top: 10px;} #sisProps a { /*color: #FFFFFF;*/ color:#6B3A1C;} #sisProps a:hover { /*color: #FFFF00;*/ text-decoration: none;} #f_sig { text-align: center; margin-bottom: 25px;} /*-- IBE ----------------------------------------------------------------------------------------------------------------------------*/ #searchbox { border-right:8px solid #886421; color:#fff; padding:20px 0 0 27px; width:193px; height:320px; position:absolute; top:142px; margin:0 0 0 11px; z-index:2; font: 11px/13px "Trebuchet MS"; } select {margin:1px 0 7px 0;} .resSubmit {display:block; background-color:#811F12; border:none; cursor:pointer;color:#fff; font:12px/12px "Trebuchet MS"; height:20px; width:165px; border:1px solid #000;} .resSubmit:hover {background-color:#CC9900; color:#000;} .resMonth {width:60px;} .resDay {width:40px;} .resYear {width:45px;} .resNights, .resRooms, .resAdults, .resKids {width:50px;} #searchbox .resRoomSpacer, #searchbox .resKidsSpacer {margin:0 0 0 21px;} #anchor img, #anchor2 img {border:none;} #searchbox h1 {letter-spacing:-1px; font-size:26px; margin:65px 0 25px -26px; border-top:1px solid #694D19; border-bottom:1px solid #694D19; background-color:#886421; line-height:31px; color:#fff; padding:0 0 0 15px;} #searchbox3 {color:#fff; padding:10px 0 0 15px; height:45px; margin:0px 0 0 0px; z-index:2; font: 11px/13px "Trebuchet MS"; background-color:#594220;border-left:4px solid #b1852b; border-right:4px solid #b1852b; } .resSubmit2 {float: left; margin-left: 30px; margin-top: 18px; background-color:#811F12; border:none; cursor:pointer;color:#fff; font:12px/12px "Trebuchet MS"; height:20px; width:165px; border:1px solid #000;} .resMonth2 {width:60px;} .resDay2 {width:40px;} .resYear2 {width:45px;} .resNights2, .resRooms2, .resAdults2, .resKids2 {width:50px;} #searchbox3 .resRoomSpacer2 {margin:0 0 0 21px;} #searchbox3 .resAdultsSpacer2, #searchbox3 .resKidsSpacer2 {margin:0 0 0 18px;} #searchbox3 .resSubmit2 {display:inline; vertical-align:top;} #searchbox3 #anchor2 {position:absolute;} #anchor2 img {border:none;} #searchArrival2 {float:left; width:175px; display:block;} #arrival {float:left;} #departure {float:left; padding-left: 40px} #adults {float:left; padding-left: 40px; padding-top: 3px} /*-- IBE Under ---------------------------------------------------------------------------------------------------------------------*/ #searchboxUnder {width:220px;height:340px;filter:alpha(opacity=60);opacity:.60;position:absolute;top:142px;margin:0 0 0 12px; z-index:1;background: #886421 url(../img/q-logo.png) no-repeat left top;} /*------- GAS RELIEF CTA ---------------------*/ #gasCTA {border:1px solid #FFF; width:241px; margin-left:8px;} #vizsig { margin: 0; } #vizsig span#text { float: middle; margin: 8px 0 0 5px;font-size: 11px; font-family: "Trebuchet MS"; } #vizsig span a { float: middle; margin: 8px 0 0 0; font-size: 11px; font-family: "Trebuchet MS"; } #vizsig span a:hover { text-decoration: none; } #vizsig img { float: middle; padding: 0; margin: 0 0 0 8px; /*border: 1px solid #000*/} /*-- Look at me!! I'm special. You looking yet?!? How ya doing? Really? Don't you look away! ---------------------*/ #specials h4 {padding:15px 0 0 0; border-top:2px solid #886421;} #specials #restrictions {font:11px/14px Arial, Helvetica, sans-serif;text-align:justify;} /* What's ^up^ with that? Anywayz, this here is for drop down menyooze ---------------------------------------------------------------*/ .dropDownz { position:absolute;} .dropDownz li {float:none;}