/* CSS Document */ /* CSS Layout code, author: Butter Creative */ html, body { padding: 0; margin:0; } body { font-family: Trebuchet, "Trebuchet MS", Verdana, Helvetica, Arial, Geneva, sans-serif; background-image: url(../imgs/bg.jpg); background-repeat: repeat-x; background-position: top left; background-color: #000000; color: #fff; height:100%; } #body1 {position: relative; margin: 0; padding:0; } #body1.IE { zoom: 1; } #body1 p {font-size: 90%;color: white;margin:0.5em 0; line-height:1.2em;padding-left:10px;} #body1 a:link, #body1 a:visited, #body1 a:active { color: #cc6600; text-decoration:underline; } #body1 a:hover { color: #cc6600; text-decoration:none; } #directions {padding-left:10px;} /* put style back on elements */ pre, blockquote, fieldset, table {margin: 1em 0;} .cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;} strong {font-weight:bold;} ul { font-size: 70%; margin:1em 0 1em 1.5em; line-height:1.3em;} li {padding: 0.06em 0;} ul li {margin-left:0.63em;padding-left: 0.5em; list-style: square outside; /* background:url(../imgs/list-on.gif) 0 0.6em no-repeat;*/ } ol li {list-style: decimal outside;} /* Standard */ a img {border:0;} .floatright {float:right; margin-left:10px;} .floatleft {float:left; margin-right:10px;} h1 {font-size: 160%; margin:5px 0; padding: 5px 0 0 0; color:#ffffcc; font-family:Trebuchet, "Trebuchet MS", Tahoma, Arial, Geneva, Verdana, Helvetica, sans-serif;font-weight:bold;} h2, h3, h4 {margin:5px 0; padding:5px 0 0 0; color:#ffffcc; font-family:Trebuchet, "Trebuchet MS", Tahoma, Arial, Geneva, Verdana, Helvetica, sans-serif;font-weight:bold;} h2 {font-size: 140%; text-transform:uppercase;} h3 {font-size: 120%;} h4 {font-size: 110%; color:#fff;padding-left:10px;} h1 a:link, h1 a:visited, h1 li a:active { color: white; text-decoration:underline; } h1 a:hover { color: white; text-decoration:none;} h2 a:link, h2 a:visited, h2 li a:active { color: white; text-decoration:underline; } h2 a:hover { color: white; text-decoration:none;} /* Layout */ #wrapper {background: url(../imgs/header-temp.jpg) no-repeat top center; min-width:780px;margin: 0 auto;padding:0;} #wrappercontainer { margin: 0 auto; width: 780px; padding:0;} #header {position:relative;height:115px;} .W3C #header {min-height:115px;} .IE #header {height:115px;} #header h1 {position:absolute; top:15px; left:3px; } #header a {text-indent: -1200em; overflow: hidden; display: block; height: 72px; width:333px; text-decoration: none; vertical-align: bottom; /* This fixes the IE5 Win gap! */} #header a.logoc:link, #header a.logoc:visited, #header a.logoc:active, #header a.logoc:hover { background:url(../imgs/logo.png) 0 0 no-repeat;} #footer {position:relative; font-size:80%; text-align:center; color:#ccc; padding:80px 0;} #footer a:link, #footer a:visited, #footer a:active { color: #ccc; text-decoration:underline; } #footer a:hover { color: #ccc; text-decoration:none; } /* menu */ #menu {height:25px; border-top:black 2px solid; font-size:110%; font-weight:bold;} .W3C #menu {min-height:25px;} .IE #menu {height:25px;} #menu ul { margin:0; padding: 0 ; list-style:none; text-transform: uppercase; line-height:25px; text-align:center;} #menu li { display:inline; margin:0; padding:0 13px; } #menu a:link, #menu a:visited, #menu a:active { color: #000; text-decoration:none; } #menu a:hover { color: #000; text-decoration:underline; } #wrapperContent {position:relative; width:780px; background-color:none;} .W3C #wrapperContent {min-height:420px;} .IE #wrapperContent {height:420px;} /* OTHER CONTENT */ /* 3Colum Layout 7.8px per % */ #left3 {float:left; width:180px; margin:0; padding:0; background-color:none;} #right3 {float:right; width:190px; margin:0; padding:0; background-color:none;} #middle3 {float:left; width:402px; margin:0; padding:0; background-color:none;} /*.column-in3 {margin-top:10px; padding: 0 15px;}*/ /* 2Colum Layout */ #right2 {float:right; width:190px; margin:0; padding:0; background-color:none;} #middle2 {float:left; width:570px; margin:0; padding:0; background-color:none;} /* 2Colum Layout Menu */ #right2m {float:right; width:220px; margin:0; padding:0; background-color:none;} #middle2m {float:left; width:540px; margin:0; padding:0; background-color:none;} /* 2Colum Layout */ #left2bc {float:left; width:360px; margin:0; padding:0; background-color:none;} #middle2bc {float:right; width:400px; margin:0; padding:0; background-color:none;} #middle2bc img {border:white 2px solid;} /* 2Colum Layout Contact */ #right2c {float:right; width:360px; margin:0; padding:0; background-color:none;} #middle2c {float:left; width:400px; margin:0; padding:0; background-color:none;} /* 2Colum Layout Menu Spliter */ #right2cs {float:right; width:250px; margin:0; padding:0; background-color:none;} #left2cs {float:left; width:250px; margin:0; padding:0; background-color:none;} /* 1Colum Layout gallery */ #middle1c { margin:0; padding:0; background-color:none;} /* 1Colum Layout home */ #middle1h {position:relative; margin:0; padding:0; background-color:none;} .sidephotos img {padding-top:20px;} .scroll { position:absolute; top:15px; left:421px; z-index:10;} .photol {position:absolute; top:58px; left:-1px; z-index:5; } .photol img {border:solid 4px white;} .nail { position:absolute; top:20px; left:411px; z-index:12;} .buttons { position:absolute; top:444px; left:14px; z-index:12; width: 419px;} .photogallery { position:absolute; top:30px; left:7px; z-index:18; } .homefacebook {position:absolute; top:26px; left:133px; z-index:20;} /* other bits*/ form {margin:0; padding:0;} input, select, textarea {font-family: Arial, Geneva, Verdana, Helvetica, sans-serif; font-size:90%;} fieldset, label {border:0; font-size:90%;padding:0; margin:0;} #safesearch label {width:185px; display:block; font-weight:bold; } .altLink a:link, .altLink a:visited, .altLink a:active { color: black; text-decoration:underline; } .altLink a:hover { color: #660000; text-decoration:none; } .pdfLink { padding: 3px 20px 3px 0; background: url(../imgs/pdfIcon.gif) no-repeat center right ; color: #555; text-decoration: none; } .W3C .pdfLink { min-height: 16px; color: #555 } .IE56 .pdfLink { height: 16px; color: #555} /* GALLERY PAGE */ .W3C #gallerytable, .W3C#gallerytabled {width:100%;} .IE #gallerytable, .IE#gallerytabled {width:99%;} #gallerytable tr td img,#gallerytabled tr td img {border:2px solid #fff; margin:0 auto; padding:0; display:block;} #gallerytable tr td, #gallerytabled tr td { vertical-align:middle; width:156px; } #gallerytable tr td {height:190px;} #gallerytabled tr td {height:160px;} #gallerytable tr td p, #gallerytabled tr td p {text-align:center; font-size:70%; margin:0; padding:0;} #rsmenu {margin:6px 0 ; padding:6px 0; background: none;} #rsmenu ul { margin:0; padding: 0 ; list-style:none; text-transform: uppercase; text-align:right;} #rsmenu li { display:inline; margin:1px; padding: 1px 5px;} #rsmenut {margin: 1px;padding: 1px 5px;} .rsmenuw {float:right; width:150px;} #rsmenu a:link, #rsmenu a:visited, #rsmenu a:active { color:#fff;background-color: #cc6600;border:1px solid #cc6600; margin: 1px;text-decoration: none;padding: 1px 5px;} #rsmenu a:hover, .current { color:#fff;background: #000; border:1px solid white; margin: 1px;text-decoration: none;padding: 1px 5px;} /* GALLERY PAGE END */ #map {height: 260px; position: relative; border:4px solid white;} /*home menu */ #homemenu {position:absolute; top:212px; left:537px; z-index:99;} #homemenu ul { margin:0; padding: 0 ; list-style:none;} #homemenu li { margin:0; padding: 0 ; list-style:none;} #homemenu li a {text-indent: -1200em; overflow: hidden; display: block; height: 38px; width:154px; text-decoration: none; vertical-align: bottom; /* This fixes the IE5 Win gap! */} #homemenu a.wed:link, #homemenu a.wed:visited, #homemenu a.wed:active { background:url(../imgs/home/days/wed.gif) 0 0 no-repeat;} #homemenu a.wed:hover { background:url(../imgs/home/days/wed.gif) 0 -38px no-repeat;} #homemenu a.thur:link, #homemenu a.thur:visited, #homemenu a.thur:active { background:url(../imgs/home/days/thur.gif) 0 0 no-repeat;} #homemenu a.thur:hover { background:url(../imgs/home/days/thur.gif) 0 -38px no-repeat;} #homemenu a.fri:link, #homemenu a.fri:visited, #homemenu a.fri:active { background:url(../imgs/home/days/fri.gif) 0 0 no-repeat;} #homemenu a.fri:hover { background:url(../imgs/home/days/fri.gif) 0 -38px no-repeat;} #homemenu a.sat:link, #homemenu a.sat:visited, #homemenu a.sat:active { background:url(../imgs/home/days/sat.gif) 0 0 no-repeat;} #homemenu a.sat:hover { background:url(../imgs/home/days/sat.gif) 0 -38px no-repeat;} #homemenu a.sun:link, #homemenu a.sun:visited, #homemenu a.sun:active { background:url(../imgs/home/days/sun.gif) 0 0 no-repeat;} #homemenu a.sun:hover { background:url(../imgs/home/days/sun.gif) 0 -38px no-repeat;} #nye {position:absolute; top:193px; left:493px; z-index:99;} .res { position:absolute; top:398px; left:13px; z-index:18;} .spec { position:absolute; top:398px; left:233px; z-index:18; } #otheropt1 { position:absolute; top:396px; left:0px; z-index:99; width: 456px; height: 72px;} #otheropt1 ul { margin:0; padding: 0 ; list-style-type: none;} #otheropt1 li {padding: 0 ; float: left; list-style-type: none;} .W3C #otheropt1 li {margin: 0 8px;} .IE #otheropt1 li {margin: 0 5px;} #otheropt1 li a { display: inline; text-indent: -1200em; overflow: hidden; display: block; height: 43px; width:210px; text-decoration: none; vertical-align: bottom; /* This fixes the IE5 Win gap! */} #otheropt1 a.reser:link, #otheropt1 a.reser:visited, #otheropt1 a.reser:active { background:url(../imgs/home/reservations.gif) 0 0 no-repeat; } #otheropt1 a.speciale:link, #otheropt1 a.speciale:visited, #otheropt1 a.speciale:active { background:url(../imgs/home/specialEvent.gif) 0 0 no-repeat; } /* week nights */ #weeknights {width:769px; margin: 10px auto 0 auto; text-align:center;} #weeknights td {width:149px;} #weeknights th {text-align:center; font-weight:bold;} #weeknights td img {border:2px solid #fff;}