/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SHELL Includes: Shell (div that acts as a container for every div in the site) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ body { margin:0px; padding:0px; background-color: #162648; font:11px Arial; } #shell { width: 756px; margin-right: auto; margin-left: auto; margin-top: 32px; background-color: #FFFFFF; margin-bottom: 15px; padding:0px 7px; background-image: url(../img/h_shell_bg.gif);background-repeat: no-repeat; } #idx #shell {background-image: url(../img/h_shell_bg2.gif);} a {} a:hover {} a img { border-color:#162648; } .fauxColumns {width:50%; float:left; margin-bottom:15px;} .fauxColumns3 {width:33%; float:left; margin-bottom:15px;} .imgLeft {margin-right:20px; float:left;} .imgRight { margin-left:20px;float:right;margin-right: 15px;} .clearBoth {clear:both;} p { margin-bottom:12px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEAD Includes: Navigation, Logo, CTAs (located in header area), Phone Numbers, Search Box (located in header area) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #h_shell { } #h_usabilityNav {font: 11px Arial; position: absolute; top: 52px; margin-left: 440px; padding-bottom:4px; border-bottom: 1px solid #4685E3; } #h_usabilityNav a { padding-right:12px; color: #4685E3; text-decoration: none; background: url(../img/h_usabilitynav_bg.gif) 96% center no-repeat; margin-right: 15px; } #h_usabilityNav a:hover{text-decoration: underline;} #h_logoArea { padding:7px 0px 0px 2px; } #h_nav {font:bold 12px Arial; line-height: 23px; width:100%; border-bottom:medium solid #002674; height: 25px; margin-top:14px; margin-bottom:5px; } #h_nav ul{margin:0px; padding:0px;} #h_nav li{list-style-type: none;float: left;margin-right: 2px;} #h_nav li a{color: #002674;text-decoration: none;display: block;height: 25px;text-align: center;} #h_nav li a:hover{} #n_dining a {background-image: url(../img/nav_rooms_bg.gif);background-repeat: no-repeat;width: 70px;height: 25px;} #n_dining a:hover {background-image: url(../img/nav_rooms_bg.gif);background-position: -70px center;color: #FFFFFF;} #n_amen a {background-image: url(../img/nav_amenities_bg.gif);background-repeat: no-repeat;height: 25px;width: 74px; } #n_amen a:hover { background-image: url(../img/nav_amenities_bg.gif);background-position: -74px center;color: #FFFFFF; } #navGroups a {background-image: url(../img/nav_groups_bg.gif);background-repeat: no-repeat;height: 25px;width: 64px;} #navGroups a:hover {background-image: url(../img/nav_groups_bg.gif);background-position: -64px center;color: #FFFFFF;} /* drop down menus */ ul ul{position:absolute; background-image: none; /* background-color:#002674;*/ text-align:left; display: none; z-index:100; width:90px;} #h_nav #nav #navGroups li a {color: #002674; padding:0 0 0 0px; border:1px solid #002674; background-color:#84B6C2; background-image: none; display: block; width:90px; z-index:100;} #h_nav #nav #navGroups li a:hover {color: #FFFFFF; background: #002674; background-image: none;} #h_nav #nav ul {margin-left:0px !important; margin-left:7px;} li:hover ul, li.over ul {display: block; background-image: none;} /* lists nested under hovered list items */ #n_pack a {background-image: url(../img/nav_packages_bg.gif);height: 25px;width: 156px;} #n_pack a:hover { background-image: url(../img/nav_packages_bg.gif);background-position: -156px center;color: #FFFFFF;} #navMaps a {background-image: url(../img/nav_maps_bg.gif);background-repeat:no-repeat;height:25px;width: 55px;} #navMaps a:hover {background-image: url(../img/nav_maps_bg.gif);background-position:-55px center;color: #FFFFFF;} #n_accomm a {background-image: url(../img/nav_internet_packages_bg.gif);background-repeat: no-repeat;height: 25px;width: 125px;} #n_accomm a:hover {background-image: url(../img/nav_internet_packages_bg.gif);background-position: -125px center;color: #FFFFFF;} #n_meet a {background-image: url(../img/nav_rooms_bg.gif);background-repeat: no-repeat;width: 70px;height: 25px;} #n_meet a:hover {background-image: url(../img/nav_rooms_bg.gif);background-position: -70px center;color: #FFFFFF;} #n_area a {background-image: url(../img/nav_area_bg.gif);background-repeat: no-repeat;height: 25px;width: 115px;} #n_area a:hover {background-image: url(../img/nav_area_bg.gif);background-position: -115px center;color: #FFFFFF;} #n_gall a {background-image: url(../img/nav_area_bg.gif);background-repeat: no-repeat;height: 25px;width: 115px;} #n_gall a:hover {background-image: url(../img/nav_area_bg.gif);background-position: -115px center;color: #FFFFFF;} #n_contact a {background-image: url(../img/nav_contact_bg.gif);background-repeat: no-repeat;height: 25px;width: 84px;} #n_contact a:hover {background-image: url(../img/nav_contact_bg.gif);background-position: -84px center;color: #FFFFFF;} /* nav ons */ #dining #n_dining a {background-image: url(../img/nav_rooms_bg.gif); background-position: -70px center; color: #FFFFFF;} #meet #n_meet a {background-image: url(../img/nav_rooms_bg.gif);background-position: -70px center;color: #FFFFFF;} #amen #n_amen a {background-image: url(../img/nav_amenities_bg.gif); background-position: -74px center; color: #FFFFFF;} #accomm #n_accomm a {background-image: url(../img/nav_internet_packages_bg.gif);background-position: -125px center;color: #FFFFFF;} #groups #navGroups a {background-image: url(../img/nav_groups_bg.gif); background-position: -64px center; color: #FFFFFF;} #maps #navMaps a {background-image: url(../img/nav_maps_bg.gif); background-position: -55px center; color: #FFFFFF;} #pack #n_pack a {background-image: url(../img/nav_packages_bg.gif); background-position: -156px center; color: #FFFFFF;} #area #n_area a {background-image: url(../img/nav_area_bg.gif); background-position: -115px center; color: #FFFFFF;} #contact #n_contact a {background-image: url(../img/nav_contact_bg.gif); background-position: -84px center; color: #FFFFFF;} #photo #n_gall a {background-image: url(../img/nav_area_bg.gif);background-position: -115px center;color: #FFFFFF;} #maps #h_banner, #contact #h_banner {margin-bottom:6px;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY Includes: Content Text, CTAs (located in body area), Search Box (located in header area) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #b_shell { border-top:6px solid white !important; border-top:none; background-image: url(../img/b_shell_bg.gif); clear:both; } h2 { color:#BD0000; font-size:150%; margin:0; padding:0;} strong { color:#960000; } #h_banner { float:right; } #resBox { background: url(../img/res_bg.jpg) no-repeat; width: 214px; height:182px; font:10px Tahoma; color: #e6dcb7; padding:67px 0px 0px 30px; float:left; } #resBox form{width: 175px; color:white; margin:0; } #resBox select{font:10px Arial; margin-bottom: 3px;margin-top: 3px; width:50px; border:1px solid black; } #resBox input{ margin:6px 0px; } #resBox a {color: white; text-decoration: none;} #resBox a:hover {text-decoration: underline;} #idx #b_contentsack { float:left; } #content_cta { display:none; } #idx #content_cta { display:block; } #content_cta .l { margin-right:3px; } #content_cta img { margin-bottom:6px; } #b_contentArea { background:#e3d396; width:736px; color:#7e0000; line-height:18px; padding:10px; } #idx #b_contentArea {width:716px; padding:5px 20px 25px 20px; } #idx #b_contentArea_home { width:456px; padding:5px 20px 25px 20px; } #submenu { position:absolute; margin-top:30px; } #submenu div { display:none; } #accomm #submenu #sn_accomm, #amen #submenu #sn_amen, #meet #submenu #sn_meet, #area #submenu #sn_area { display:block; } #b_contentArea a {color:#162648; text-decoration: underline; } #b_contentArea a:hover { text-decoration: none; } #b_contentArea h1 { font:bold 17px Georgia; margin-bottom:0px; } #accomm h1, #amen h1, #meet h1 , #area h1 {margin-bottom:12px; } #b_contentArea li { margin-left: 30px;} #b_cta_shell {background-color:#CBDAFB;width: 196px;position: absolute;top: 408px;margin-left: 6px;padding-top: 10px;} #b_cta_shell ul {padding:0px;width: 179px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 6px;} #b_cta_shell li {list-style-type: none;margin-bottom: 7px;} #b_cta_shell li img {border:none;} #ctaholder { display:none; } #idx #ctaholder { width:244px; float:left; display:block; } #ctaholder img { margin:0px 6px 8px 0px; } table#rfp-table {border:none; border-style: none;} table#rfp-table td {border:none; } #groups-table td { border-width: 1px; border-style: solid; border-color: #002674; margin-left: auto;margin-right: auto;} #groups-table { border-width: 1px; border-style: solid; border-color: #002674; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER Includes: SR/Vantis Signature, Footer Nav, Phone Number, Any Association Logos (AAA, AARP, etc) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #f_shell {border-top: 1px solid #A6B3CE; padding-top:13px; width:756px; margin:0px auto; padding-bottom: 17px !important; padding-bottom: 0px;} #f_nav {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;padding-top: 35px !important;padding-top: 25px;} #f_nav ul {margin:0px; padding:0px;} #f_nav li {display: inline;margin-right: 15px;} #f_nav li a {color: #4685E3;text-decoration: none;} #f_nav li a:hover {text-decoration: underline;} #f_navVert {float: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px;} #f_navVert ul{} #f_navVert li {list-style-type: none;} #f_navVert li a {background-image: url(../img/h_usabilitynav_bg.gif);background-repeat: no-repeat;display: block;color: #4685E3;text-decoration: none;width: 65px;background-position: right center;text-align: right;padding-right: 10px;} #f_navVert li a:hover {text-decoration: underline;} #copyright{font-family: Arial, Helvetica, sans-serif;color: #B1DEE5; font-size: 10px; font-weight: bold; font-style: italic;width: 770px;margin-right: auto;margin-left: auto;text-align: center;margin-bottom: 10px;} #f_address {font-family: Arial, Helvetica, sans-serif; font-size: 11px;line-height: 24px;color: #FFFFFF;text-align: center;width: 770px;margin-right: auto;margin-left: auto;margin-bottom: 10px;} #f_address span {margin-right: 15px;} #f_sig {text-align:center;width: 770px;margin-right: auto;margin-left: auto;margin-bottom: 15px;padding-bottom: 15px;} /*--- Search Box ------------------------------------------------------*/ select {margin:1px 0 7px 0;} .resSubmit {margin:0 10px 0 0; padding: 0px; width: 150px; height: 17px; float:left;} .resMonth {width:50px;} .resDay {width:40px;} .resYear {width:45px;} .resNights, .resRooms, .resAdults, .resKids {width:40px;} #searchBox {padding: 0px;top: 226px;width: 222px;height: 204px;position: absolute;color: #000;font-size: 11px;margin: 0px;} #searchBox form {margin: 0px;padding: 13px 13px 0px;} #searchBox select {font-size:10px;margin-bottom: 8px;margin-top: 2px;} #searchBox h1 {color: #FFFFFF;font: normal 24px/29px Georgia, "Times New Roman", Times, serif;letter-spacing: -1px;margin: 0px;padding: 0px 0px 0px 13px;background: #002674;} #searchBox .resRoomSpacer {margin:0 0 0 20px;} #searchBox .resAdultsSpacer {margin:0 0 0 5px;} #searchBox .resKidsSpacer {margin:0 0 0 7px;} #searchBox a {color: #020000;font-size: 10px; line-height:25px;} #searchBox a:hover {text-decoration: none;} #searchBox a#anchor img {border:none; margin: 0 0 0 2px;} #searchBox a#anchor {float:none; border:none; margin:0; padding:0; line-height:normal;} #searchBox .noBorder {border:none;} #searchBox a #btnRebate {float:none; margin:0; padding: 0; border:none; position:absolute;left: 193px; top:45px;} #resLinks {width:95px; float:right; border:1px sold #000; display:block; height:10px;} #searchBox #resLinks a {line-height:2px; display:block;} .reserveMessage {color: #ffffff;font-weight: normal;font-size: 11px;clear:both;display:block;}