body {color: #4668ae; font-size: 62.5%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background: #fff; margin: 0; padding: 0} p { color: #576c63; font-size: 1.2em; line-height: 1.4em } em {font-style: italic;} p .small {font-size: 0.8em;} p span {visibility: hidden;} h1 { color: #729594; font-size: 1.8em; line-height: 1.8em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; background: inherit} h1 span {visibility: hidden;} h2 { color: #5d8573; font-size: 1.6em; line-height: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background: inherit} body#accom h2 { color: #af4a4a;} body#dining h2 { color: #6b9968;} body#events h2 { color: #DD9494;} body#loc h2 { color: #bac0d6;} h2 span {visibility: hidden;} h3, p.feature { color: #5d8573; font-size: 1.4em; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; background: inherit} body#accom h3 { color: #af4a4a;} body#dining h3 { color: #6b9968;} body#events h3 { color: #DD9494;} body#loc h3 { color: #bac0d6;} h3 span {visibility: hidden;} h4 { color: #A6C2B6; font-size: 1.4em; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; background: inherit} body#accom h4, body#accom p.feature { color: #af4a4a;} body#dining h4, body#dining p.feature { color: #6b9968;} body#events h4, body#events p.feature { color: #DD9494;} body#loc h4, body#loc p.feature { color: #bac0d6;} em{font-weight: normal; font-style: italic; color: #729594;} img{padding: 7px; margin: 5px;} a {font-weight: bold;} a:link {color: #5d6582; text-decoration: none } a:visited { color: #6f889c; text-decoration: none } a:hover { color: #0069c6; text-decoration: underline } a:active { color: #576c63; text-decoration: none } /*centred using negative-margin solution p.97 "the css of zen design" shea/holzschlag*/ #pagelayout{ position: absolute; left:50%; width: 832px; margin: 0 0 0 -416px; padding: 0} /*header absolutely positioned*/ #header{padding: 0; margin: 0; width: 832px; position: absolute; top: 0;background: url(../images/bg.gif) repeat-y center;} #title {position: relative; left: 35px; margin: 0; padding: 0; } #title h1{position: relative; width: 620px; height: 115px; background: url(../images/title.gif) no-repeat 0px 30px; margin: 0; padding: 0;} #title h1 span {display: none;} #menu {position: relative; margin: -5px 0 10px 0; padding: 0 40px 10px 0;} #menu ul {list-style-type: none; margin: 0; padding: 0; } #menu ul li{float: right; margin: 0; padding: 0 10px 0 10px} #menu ul li a{font-style: normal; font-weight: bold; text-decoration: none; color: #729594; font-size: 1.2em;} #menu ul li a:hover{color: #666; text-decoration: none;} /*banner absolutely positioned*/ #banner{position: absolute; top: 130px;height:187px; padding: 0; margin: 0; width: 832px; background: url(../images/bg.gif) repeat-y center;}/*add height to stop banner going over body text*/ #bannerphoto {position: relative; top: 0; left: 194px;padding: 0; margin: 0;} #bannerphoto h2{ position: relative; top: 0; background: url(../images/porch.jpg) no-repeat left top;width: 609px;height:187px; padding: 0; margin: 0;} #bannerphoto h2 span{display: none} body#accom #bannerphoto h2{background: url(../images/h1_accom.jpg) no-repeat left top;} body#dining #bannerphoto h2{background: url(../images/h1_dining.jpg) no-repeat left top;} body#events #bannerphoto h2{background: url(../images/panorama.jpg) no-repeat left top;} /* body#events #bannerphoto h2{background: url(../images/h1_events.jpg) no-repeat left top;} */ body#loc #bannerphoto h2{background: url(../images/h1_loc.jpg) no-repeat left top;} #bannermenu {position: relative; top: -187px; left: 18px; padding: 0; margin: 0;} #bannermenu ul {width: 176px; height: 187px; background: url(../images/menu.gif) no-repeat left top; margin: 0; padding: 0;} #bannermenu ul li{position: relative; padding: 0; margin:0;list-style-type: none;} #bannermenu ul li.first{padding-top: 18px; margin: 0;} #bannermenu ul li a{display: block;padding: 8px 0 8px 20px; margin: 0; font-style: normal; font-weight: normal; text-decoration: none; color: #729594; font-size: 1.3em;} #bannermenu ul li a:hover{color: #fff; text-decoration: none; background-color: #9fbebb;} body#accom a#accomnav {color: #af4a4a; /*background: #e2d0cf;*/background-color: white;} body#dining a#diningnav {color: #6b9968;/* background: #c8d9cb;*/} body#events a#eventsnav {color: #DD9494;/*background: #e8cdcc;*/} body#loc a#locnav {color: #385083; /*background: #bac0d6;*/} body#accom a#accomnav, body#dining a#diningnav , body#events a#eventsnav, body#loc a#locnav {background-color: white; font-weight: bold;} #menu2ry {position: absolute; top: 187px; margin: 0; padding: 0; background: url(../images/bg_rcol.gif) repeat-y 50%; width: 832px; } #menu2ry ul {list-style-type: none; padding-right: 40px;margin: 10px 0 0 0;} #menu2ry ul li{float: right; margin: 0; padding: 0 10px;} #menu2ry ul li a{font-style: normal; font-weight: bold; text-decoration: none; color: #999;} #menu2ry ul li a:hover{color: #666; text-decoration: underline;} /*content absolutely positioned*/ #contentbox{position: absolute; top: 330px; left: 0; background: url(../images/bg_rcol.gif) repeat-y center; width: 832px} #content {padding: 0; margin:0;width: 800px;} #content p {position: relative; padding: 0 5px 0 20px} #content h1,h2,h3,h4 {position: relative; padding: 0 0 0 20px} #main h1.accom{background: url(../images/accommodation.jpg) no-repeat left top;} #main h1.events{background: url(../images/events.jpg) no-repeat left top;} #main h1.loc{background: url(../images/location.jpg) no-repeat left top;} #main h1.dining{background: url(../images/dining.jpg) no-repeat left top;} #main h1{width:254px; height: 66px;margin: 0; padding: 0;} #main h1 span {display: none;} #leftcol{float: left; width: 176px; padding: 0; margin: 0;} #leftcolCont {padding: 0 0 0 20px; margin: 0;} #leftcolCont img {border: 2px solid #A6C2B6; padding: 0; margin: 10px;} /* List of Links */ #leftcolCont ul { padding: 0 10px; margin: 0; list-style: none; font-size: 1.2em; line-height: 1.5em;} #leftcolCont ul li { margin-bottom: 10px; } body#loc a {color: #385083;} /* Testimonials */ blockquote { background: url(../images/quotes-o.gif) no-repeat left top; padding: 15px 0 0px 12px; margin: 0 0 40px 10px; color: #576c63; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; line-height: 1.3em; text-align: left;} blockquote div { background: url(../images/quotes-c.gif) no-repeat right bottom; padding: 0 12px 15px 0; font-style: italic; text-align: center;} body#accom blockquote { background: url(../images/quotes-accom-o.gif) no-repeat left top; } body#accom blockquote div { background: url(../images/quotes-accom-c.gif) no-repeat right bottom;} body#dining blockquote { background: url(../images/quotes-dining-o.gif) no-repeat left top; } body#dining blockquote div { background: url(../images/quotes-dining-c.gif) no-repeat right bottom;} body#events blockquote { background: url(../images/quotes-events-o.gif) no-repeat left top; } body#events blockquote div { background: url(../images/quotes-events-c.gif) no-repeat right bottom;} body#loc blockquote { background: url(../images/quotes-loc-o.gif) no-repeat left top; } body#loc blockquote div { background: url(../images/quotes-loc-c.gif) no-repeat right bottom;} #maincontent{ width: 600px;float: right; padding: 0; margin: 0;} #col1{float: left; width: 275px; padding: 0; margin: 0} #col1Cont{padding: 10px 0; margin: 0} #col2{float: right; width: 275px; padding: 0; margin: 0} #col2Cont{padding: 10px 10px 10px 0; margin: 0} #col1Cont img { border:2px solid #A6C2B6; margin-left: 20px; padding: 0;} #col2Cont img { border:2px solid #A6C2B6; margin-left: 20px; padding: 0;} #maincontent ul {position: relative; padding: 0 5px 0 20px; color: #576c63; font-size: 1.2em; line-height: 1.4em } #maincontent li {list-style: none; } /*----------------------- DINING MENU FORMAT --------------------------*/ /*p span visibility hidden - need to override that*/ #dining #main h1 {padding-top: 20px;} #dining p span.item {visibility: visible; display: block; font-weight: bold;} #dining p span.price {visibility: visible;} /*as h3*/ #dining p span.desc {visibility: visible; color: #6b9968; font-size: 1.3em; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;} #dining li span.price:before, #dining p span.price:before {content: " - "} /*main eveining menu*/ #dining #fullpage h2 {padding-top: 20px;} #dining #fullpage p span.item {display: inline;} #dining #fullpage { padding-right: 40px; padding-bottom: 40px;} /*menu 2009*/ .menu li {font-weight: bold; padding-bottom: 10px;} .menu .fixedprice li {font-weight: normal; padding-bottom: 0;} .menu li .detail {font-weight: normal; font-style: italic; display: block;} .menu .dessert li .detail {font-weight: bold; font-style: normal; display: inline;} .menu li .price {font-weight: normal; font-style: italic; display: inline;} .menu h2 .price {visibility: visible; font-weight: normal; font-style: italic; display: inline;} /*----------------------- END DINING MENU FORMAT --------------------------*/ /*footer*/ #footer{clear: both; width: 832px; height: 38px;} #footercontent{position: relative;} #footercontent h1{width: 832px; height: 38px; background: url(../images/footer.gif) no-repeat -17px 0;margin: 0; padding: 0;} #footercontent h1 span{display: none} #footercontent p{font-size: 0.9em; color: #999; background: inherit; position: relative; top: 0; text-align: center;margin: 0; padding: 0; }