/* Remove Defaults */ :link,:visited { text-decoration:none } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } *{ margin:0; padding:0 } a img,:link img,:visited img { border:none } address { font-style:normal } em {font-style: normal; font-weight: bold;} /* Shell ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html {overflow-x:hidden;} body { background: url(../img/bg.gif); background-attachment:fixed; margin: 0px; font-family: georgia; color:#46502d; font-size: 11px; overflow-x:hidden;} #shell { margin: 0 auto 0 auto; background: #fff url(../img/midbg.gif) 3px repeat-y; border: solid 1px #32220b; border-top: none; width: 749px; padding: 0 3px 3px 3px;} .imgright { float: right; margin: 0 0 10px 20px; background: #fff; padding: 3px; border: solid 1px #644215;} .imgleft { float: left; margin: 0 20px 5px 0; background: #fff; padding: 3px; border: solid 1px #644215;} h1 { font-size: 23px; font-weight: bold; letter-spacing: -1px; margin: 0 0 20px 0;} h2 { font-size: 14px; color:#272d19; margin: 0 0 12px 0;} p { margin: 0 0 15px 0;} ul { margin: 0 0 20px 35px;} hr { height: 1px; color:#b1a583; margin: 0 0 10px 0;} .border { border: solid 1px #b1a583;} #logo { width: 300px; height: 52px; position: absolute; top: 20px; margin: 0 0 0 20px;} #logo a { display: block; width: 300px; height: 52px; } #giftpage #cta_certificate { display: none;} #guestcomments #subright li { margin: 0 0 20px 0;} #tablecert { clear: both; width: 100%;} #tablecert tr { height: 35px;} #tablecert h3 { background:#e8ddb3; border-left: solid 3px #32200b; font-size: 13px; margin: 15px 0 15px 0; padding: 10px 0 10px 15px;} .req { color:#d31919;} #cta_certpop {} #cta_certpop a { margin: 15px 0 0 0; text-decoration: underline; color:#272d19;} #cta_certpop a:hover { text-decoration: none;} /* PROPERTY TITLE ICONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .title_marshall, .title_eliza, .title_gastonian, .title_oldeharbour, .title_eastbay, .title_kehoe, .title_oglethorpe {background: no-repeat; padding: 12px 0 0 47px; height: 28px;} .title_marshall { background-image:url(../img/icon_marshall.jpg);} .title_kehoe { background-image:url(../img/icon_kehoe.jpg);} .title_eliza { background-image:url(../img/icon_eliza.jpg);} .title_gastonian { background-image:url(../img/icon_gastonian.jpg);} .title_oldeharbour { background-image:url(../img/icon_oldharbour.jpg);} .title_eastbay { background-image:url(../img/icon_eastbay.jpg);} .title_oglethorpe { background-image:url(../img/icon_oglethorpe.jpg);} /* HEAD ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #titlebar { background: url(../img/header.jpg); width: 749px; height: 85px; margin: 0 0 1px 0;} #title {background: url(../img/header.jpg); width: 749px; height: 85px; margin: 0 0 1px 0;} #usabilitybar { position: absolute; margin-left: 355px; top: 8px; } #usabilitybar ul { margin: 0;} #usabilitybar li { display: inline; font-family: Tahoma;font-size: 10px; margin: 0 5px 0 0;} #usabilitybar li a { color:#d0cbb6;} #usabilitybar li a:hover { color:#c7af76;} #navbg { background: #272d19; height: 25px; font-size: 10px; padding: 4px; } #header { background:url(../img/headerbg-2.gif) no-repeat; width: 726px; height: 314px; margin: 6px 0 25px 1px; padding: 7px 11px 7px 10px; } #flashheader { background:#272d19; width: 505px; height: 314px; float: left;} #tempheader { background:#272d19; width: 505px; height: 314px; float: left;} /* DROPDOWN MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #h_nav { /*background:#000;*/ text-align: center;height: 23px; border: solid 1px #414530; width: auto; margin: 0; } #h_nav ul{ margin: 0px; padding: 0px; } #h_nav li{float:left; list-style: none; margin: 0 4px 0 0; padding: 0; display:block; } #h_nav li a{color:#e1dabf; text-decoration: none; font-weight: bold; display: block; padding: 5px 8px 5px 7px;} #h_nav li a:hover{background:#414530; color:#c7af76; } .navdiv {margin: 7px 0 0 0;} #homepage #h_nav li#home a, #ourinns #h_nav li#ourinns a, #specialoffers #h_nav li#specialoffers a, #aboutsavannah #h_nav li#aboutsavannah a, #historic #h_nav li#aboutsavannah a, #romantic #h_nav li#aboutsavannah a, #haunts #h_nav li#aboutsavannah a, #culinary #h_nav li#aboutsavannah a, #whattodo #h_nav li#aboutsavannah a, #links #h_nav li#aboutsavannah a, #groups #h_nav li#groups a, #corporate #h_nav li#groups a, #weddings #h_nav li#weddings a, #photogallery #h_nav li#photogallery a {background:#414530; color:#c7af76;} /* drop down menus */ ul ul {position:absolute; text-align:left; display: none; margin: 0; z-index:100; width: 175px;top: 113px!important;top: 115px; background:#000; border-right: solid 1px #000; border-bottom: solid 1px #000;} #h_nav #nav li ul li { margin:0px; display: block; padding: 5px 15px 5px 10px; border-bottom: solid 1px #5a5e46; background-color:#414530; text-align: left; } #h_nav #nav li ul li a { border-bottom: 0px; float: left; display: block;width: 175px; padding: 0;color:#e1dabf;} #h_nav #nav li ul li a:hover {background: #272d19; color:#c7af76;} li:hover ul, li.over ul {display: block;color:#c7af76;} /* lists nested under hovered list items */ /* THESE ADD HOVER EFFECT TO MAIN NAV EVEN AFTER YOU HOVER OVER DROPDOWN ITEMS*/ #h_nav #nav li:hover a, #h_nav #nav li.over a{ background:#414530;color:#c7af76; } #h_nav #nav li:hover ul li a, #h_nav #nav li.over ul li a { border:none; padding:3px;color:#e1dabf;} /* SITEMAP DROPDOWN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* style for the link you hover over to get the popup */ #sitemapLink {background: url(../img/sitemapbg.gif);display: block; position: absolute; margin-left: 560px; top: 54px; width: 172px; height: 20px; z-index:10; } /* style for popup div, always initialize display to none */ /* modify height, width, and position of popup here */ /* add more styles for sub elemetns of the popup */ /*new*/ #sitemapDiv {font:12px/15px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; display: none;position: absolute;top: 5px; border: solid 10px #272d19; left: -315px;width: 465px;margin:0;padding:10px; background:#414530;} #sitemapDiv ul {margin:0; padding:0;} #sitemapDiv li { margin: 0 0 0 0px;list-style:none; height:20px; padding:0 0 0 10px;} #sitemapDiv li a {color:#fff; display:block; padding:3px; height:14px;} #sitemapDiv li a:hover { color:#c7af76; background:#272D19;} /*#sitemapDiv li a img { padding: 2px; background:#fff; border: solid 4px #cecc92; margin: 0 0 4px 0;}*/ /*#sitemapDiv li a:hover img { border-color: #272d19;} */ #sitemapDiv strong {color:#E1DABF;} #sitemapDiv h1 {color:#BEAC78; font: bold 14px/18px Georgia, "Times New Roman", Times, serif; margin:0 0 0 -10px; padding:0 0 0 0;} /* Body ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ table.groupform td { height: 30px;} /* DO NOT DELETE OR ELSE !!!!!!!!!!!!!!!!!!!!!!! --------------------------------------------------- */ #gmap #subright { margin:0; width:95%; border:0; } /* DO NOT DELETE OR ELSE !!!!!!!!!!!!!!!!!!!!!!! */ #gmap #subleft { display:none; } /* DO NOT DELETE OR ELSE !!!!!!!!!!!!!!!!!!!!!!! */ /* DO NOT DELETE OR ELSE !!!!!!!!!!!!!!!!!!!!!!! ----------------------------------------------------*/ /* PHOTO GALLERY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #photogal { display: block; height: 300px; } #photogal ul { margin: 0px;} #photogal li { list-style-type: none; width: 150px; height: 104px; float: left; margin: 0 15px 15px 0;} #photogal li a { display: block; background:#fff; padding: 3px; border: solid 1px #644215; width: 150px; height: 104px;} #photogal li a:hover { border: solid 3px #272d19; padding: 1px;} /* SIDE NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #subnav { display: none;} #subnav ul{ display: none;} #aboutsavannah #subnav, #historic #subnav, #romantic #subnav, #haunts #subnav, #culinary #subnav, #whattodo #subnav, #links #subnav, #specialoffers #subnav, #groups #subnav, #corporate #subnav, #photogallery #subnav { display: block; text-align: right; float: left; width: 169px;} #aboutsavannah #subnav ul#aboutsavannah, #historic #subnav ul#aboutsavannah, #romantic #subnav ul#aboutsavannah, #haunts #subnav ul#aboutsavannah, #culinary #subnav ul#aboutsavannah, #whattodo #subnav ul#aboutsavannah, #links #subnav ul#aboutsavannah, #specialoffers #subnav ul#specialoffers, #groups #subnav ul#groups, #corporate #subnav ul#groups, #photogallery #subnav ul#photogallery { display: block; margin: 0;} #subnav li { list-style-type: none; margin: 0 15px 3px 0; line-height: 150%!important;line-height: 100%;} #subnav li a { color:#46502d; font-weight: bold; font-size: 10px; padding: 4px; margin:0px; display: block; text-decoration: none;} #subnav li a:hover { background-color:#644215; color:#f0e6be} #subnav h1 { color:#272d19; font-size: 14px; border-bottom: solid 1px #b1a583; letter-spacing: 0px; padding: 3px 0 13px 0; margin-bottom: 3px;} #subnav li#subnavh1 a:hover { background: none; } #historic #subnav li#lhistory a, #romantic #subnav li#lromantic a, #haunts #subnav li#lhaunts a, #culinary #subnav li#lculinary a, #whattodo #subnav li#lwhattodo a, #links #subnav li#llinks a, #corporate #subnav li#lcorporate a {background-color:#e1d6ab; color:#f0e6be} #historic #subnav li#lhistory a:hover, #romantic #subnav li#lromantic a:hover, #haunts #subnav li#lhaunts a:hover, #culinary #subnav li#lculinary a:hover, #whattodo #subnav li#lwhattodo a:hover, #links #subnav li#llinks a:hover, #corporate #subnav li#lcorporate a:hover {color:#46502d} /* HOME DIV TOGGLE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #div1, #div2, #div3, #div4, #div5 {border-left: solid 1px #b1a583; padding: 0 0 0 20px;width: 537px; float: left; display:none; line-height: 160%; height: 211px; } #div1 h1, #div2 h1, #div3 h1, #div4 h1, #div5 h1 { padding: 0 0 20px 0;} #div1 p, #div2 p, #div3 p, #div4 p, #div5 p { padding: 0 5px 0 0;} #div1 { display:block; } #homecontent {width: 747px; margin: 25px 0 0 1px!important; margin: 25px 0 0 1px; height: 235px;z-index: 5;} #homecontent a { padding:0px; text-decoration: underline; } #homecontent a:hover { text-decoration:none;} #homecontent h1 { margin: 0;} #homecontent p { margin: 0; line-height: 190%;} #homecontent .imgright {margin: 0 0 0 7px ;} a.classoff { } a.classoff:hover { } a.classon{ text-decoration:none; background-color:#e1d6ab; color:#db0000; padding:5px;} a.classon:hover {color:#fff; } #hometabs { text-align: right; float: left; width: 169px;} #hometabs ul { margin: 0 0 0 0;} #hometabs li { list-style-type: none; margin: 0 15px 3px 0; line-height: 100%;} #hometabs li a { color:#46502d; font-weight: bold; font-size: 10px; padding: 4px; margin:0px; display: block; text-decoration: none;} #hometabs li a:hover { background-color:#644215; color:#f0e6be} #subcontent {width: 747px; margin: 25px 0 20px 1px; } #subleft { float: left; width: 169px; } #subright { margin-left: 170px; width: 527px; border-left: solid 1px #b1a583; padding: 0 0 0 20px; line-height: 180%; } #calendar #subright {margin-left: 0px; width: 737px; border-left: solid 1px #b1a583; padding: 0 0 0 5px; line-height: 180%;} #subright a, #sidebar a { text-decoration: underline; color:#644215;} #subright a:hover, #sidebar a:hover { text-decoration: none;} #homepage #subcontent { display: none;} /* FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #fbar { clear: both; width: 747px; height: 120px; background: #272d19; text-align: center; padding: 10px 0 8px 0; border-top: solid 1px #b1a583; } #fbar ul { margin: 0 0 0 18px; font-size: 10px; } #fbar li { list-style-type: none; width: /*130*/106px; height: 120px; float: left;border-right: solid 1px #4e5035; margin: 0 7px 0 0; padding: 0 7px 0 0; } #fbar li a { font-size: 9px; font-weight: bold; color:#cecc92; display: block;} #fbar li a:hover { color:#c7af76; background:transparent;} #fbar li a span {position:absolute; padding:10px; min-width:315px; width:auto !important; width:325px; margin:-200px 0 0 -90px; background:#47512D no-repeat; text-align:left; visibility:hidden; border:5px solid #161a0d; font:normal 11px/18px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;} #fbar li a:hover span {visibility:visible;} #fbar li a span img {border:1px solid #000; display:block; background:none; padding:0;} #fbar li span.eastBaySpan {margin-left:-300px} #fbar li span.kehoeSpan {margin-left:-50px} #fbar li a img { padding: 2px; background:#fff; border: solid 4px #161a0d; margin: 0 0 4px 0; display:block;} #fbar li a:hover img { border-color: #cecc92;} .fbarlast { border-right: none; } #flinks {text-align: center; margin: 0 auto 0 auto;} #flinks ul { margin: 10px 0 0 0;} #flinks li { display: inline; color:#cbb67f; font-size: 10px; margin: 0 2px 0 2px;} #flinks li a { text-decoration: underline; color:#cbb67f;} #flinks li a:hover { text-decoration: none;} #sig { margin: 15px auto 0px auto; padding-bottom: 30px; text-align:center;} /* GIFT CERTIFICATES CTA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #cta_certificate { padding: 0; width:124px; text-align:left; clear:both; margin-left:auto; margin-right:15px;} #cta_certificate a{width:124px; text-align:left; height:7px; background:url(../img/cta_certificate.jpg) no-repeat; padding-top:68px; display:block;color:#46502d;text-decoration:underline; padding-left:8px;} #cta_specialsCal {border-top:1px solid #B1A583; border-bottom:1px solid #B1A583; margin:-3px 20px 10px 5px; padding:10px 0 10px 0; clear:both; font-size:13px; font-weight:bold; line-height:25px; } #cta_specialsCal a {width:145px; text-align:center; display:block; color:#46502D; background:#D9CB9A; border:1px solid #9D843B; text-decoration:none;} #cta_specialsCal a:hover {background:#D0BC85;} /* FORM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .form-top { font-family: Arial, Helvetica; font-size: 10px; color: #000000; height: 17px; width: 200px; font-weight: bold; background-color: #ffffff} .form-gallery { font-family: Arial, Helvetica; font-size: 10px; color: #000000; height: 17px; width: 150px; font-weight: bold; background-color: #ffffff} .form-property {font-family: Arial; font-size: 10px; color: #000000; height: 17px; width: 165px; font-weight: bold; background-color: #ffffff; line-height: 180%;} .form-button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bolder; color: #FFFFFF; background-color: #33210c; height: 17px; width: 130px; border: none;} /*-- Div Toggler Properties/Reserve ------------------------------------------------------------------*/ #searchbox {width: 204px; height: 240px; float: right; display: block; padding:74px 0 0 17px; font-size:10px; font-weight:bold;} #searchbox select {margin:5px 1px 9px 0; font-size:10px; line-height:17px; font-family:arial;} #searchbox .resSubmit {display:block; margin:15px 0 0 0; color: #FFFFFF; background-color: #33210c; height: 17px; width: 130px; border: none; font: bold 10px Verdana, Arial, Helvetica, sans-serif;} #searchbox .resMonth {width:80px;} #searchbox .resDay {width:50px;} #searchbox .resYear {width:50px;} #searchbox .resNights, #searchbox .resRooms, #searchbox .resAdults, #searchbox .resKids {width:50px;} #searchbox .resRoomSpacer, #searchbox .resKidsSpacer {margin:0 0 0 40px;} #searchbox .resNights, #searchbox .resAdults {margin-right:27px;} #searchbox #anchor img {border:none;} #ourInnsDiv, #ReserveDiv { display:none; margin:0 0 7px 0;} #ReserveDiv {display:block;} #ourInnsDiv {width: 221px; height: 269px; float: right; padding:45px 0 0 0; } #ourInnsInnerDiv {width:209px;margin:0 0 0 6px;height:253px;position:relative;padding:10px 0 0 0;text-transform: uppercase; line-height:20px; } #ourInnsInnerDiv ul {margin:20px 0 0 28px; padding:0 0 0 0;} #ourInnsInnerDiv li {list-style:square;} #ourInnsInnerDiv a {color:#272d19; display:block; width:93%; height:20px; padding: 0px 0px 0px 5px; outline:none;} #ourInnsInnerDiv a:hover {font-weight:bold; background:#272D19; color:#fff;} #ourInnsInnerDiv a span {position:absolute; visibility:hidden; top:14px; left:12px;} #ourInnsInnerDiv a:hover span {visibility:visible;} #ourInnsPlaceHolder {margin:0 0 0 8px; display:block; height:78px; width:187px; border:3px solid #272d19; background-color:#fff; background-image: url(../img/ourinns-kehoe.jpg); background-repeat: no-repeat; background-position: 1px 1px;} /* #ourInnsKehoe, #ourInnsMarshall, #ourInnsEliza, #ourInnsGastonian, #ourInnsOldHarbour, #ourInnsEastBay {display:block; height:78px; width:187px; border:3px solid #272d19; background-color:#fff;} #ourInnsKehoe {display:block; background-image: url(../img/ourinns-kehoe.jpg); background-repeat: no-repeat; background-position: 1px 1px;} #ourInnsMarshall{background-image: url(../img/ourinns-marshall.jpg);background-repeat: no-repeat;background-position: 1px 1px;} #ourInnsEliza {background-image: url(../img/ourinns-eliza.jpg);background-repeat: no-repeat;background-position: 1px 1px;} #ourInnsGastonian {background-image: url(../img/ourinns-gastonian.jpg);background-repeat: no-repeat;background-position: 1px 1px;} #ourInnsOldHarbour {background-image: url(../img/ourinns-oldeharbourinn.jpg);background-repeat: no-repeat;background-position: 1px 1px;} #ourInnsEastBay {background-image: url(../img/ourinns-eastbay.jpg);background-repeat: no-repeat;background-position: 1px 1px;} */ #ourInnsInnerDiv #ourInnsKehoe a, #ourInnsInnerDiv #ourInnsMarshall a, #ourInnsInnerDiv #ourInnsEliza a, #ourInnsInnerDiv #ourInnsGastonian a, #ourInnsInnerDiv #ourInnsOldHarbour a, #ourInnsInnerDiv #ourInnsEastBay a {text-decoration:underline; font:normal 10px/15px Arial, Helvetica, sans-serif; text-align:center; display:block; color:#fff; height:15px; width:185px; text-transform:capitalize; margin:62px 0 0px 0px;position:absolute; } #ourInnsInnerDiv #ourInnsKehoe a:hover, #ourInnsInnerDiv #ourInnsMarshall a:hover, #ourInnsInnerDiv #ourInnsEliza a:hover, #ourInnsInnerDiv #ourInnsGastonian a:hover, #ourInnsInnerDiv #ourInnsOldHarbour a:hover, #ourInnsInnerDiv #ourInnsEastBay a:hover {background:none; text-decoration:none;} #divtoggles {list-style-type: none;width:210px;position:absolute; margin:0 0 0 521px; z-index:1;top:138px;height:39px; background:#C2B684; font: 12px/39px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; font-variant:small-caps;} #divtoggles ul {margin:0; padding:0;} #divtoggles li {float:left; list-style:none; width:105px; display:block;} #divtoggles li a {font-size:11px; font-weight:bold; padding:0px; color:#272D19; margin:6px auto 0 auto; display:block; height:/*39*/33px; width:/*105*/88px; outline:none; text-align:center;} #divtoggles li a.togglerOn {background-color:#D9CB9A; font-weight:bold; font-size:18px;} #divtoggles li a.togglerOff {letter-spacing:normal; font-weight:bold; font-size:11px; }