* {border: 0; margin: 0; padding: 0;} body { color: #666; font: 62.5%/1.8em Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background: #f3f5f6 url(../images/bg.gif) left top; text-align: center; } p, ul, ol, td {font-size: 1.2em;} th {font-size: 1.2em; font-weight:bold;} li:first-letter {text-transform: capitalize;} h1, h2, h3, h4 {color: #70809b; font-weight: normal;} h1 {font-size: 1.8em;} h2 {font-size: 1.5em;} h3 {font-size: 1.3em;} a:link { color: #3066aa; font-weight: bold; text-decoration: none; } a:visited { color: #7bace5; font-weight: bold; text-decoration: none; } a:hover { color: #535F70; text-decoration: underline;} a:focus { outline: none;} #pagelayout{position: relative; margin: 0 auto; width:800px; text-align: left; background: #fff repeat-y left top;} /*header*/ #header {position: relative; top: 0;} #header h1 {letter-spacing: -1000px; font-size: 1pt; height: 121px; width:508px; background: url(../images/h1hmwave.jpg) left top no-repeat;} #header h1 a{display: block;height: 121px; width:508px; } #header h1 a:hover{background-color: transparent; } /*main includes the right column and the maincontent plus menus (absolutely positione) and footer (cleared) */ #main{position: relative; top: 35px; left: 0; width: 800px;background: #fff url(../images/rcolbg.gif) left top repeat-y;} /*right column*/ #rcol{float: right; width: 292px; color: #535f70;} #rcol h1.first { text-indent: -2000px; height: 180px; width:292px; background: url(../images/palace.jpg) left top no-repeat; padding: 0;} #rcol h2.basic{padding: 5px 20px; background: #fff url(../images/starline.gif) 0 -20px repeat-y; text-indent: 0; width: 252px; font-weight: normal; } #rcol h2{background: #E0E6EC url(../images/m.gif) left bottom repeat-x; width: 292px; display: block; text-indent: 20px; padding: 0;font-size: 1.3em;} #rcol h2, #rcol h2 a { display: block; color: #70809B; font-weight: bold;} #rcol h2 a, #rcol h2.nolink {padding-top: 10px; padding-bottom: 10px;} #rcol h2 a:hover, #rcol h2 a:focus, #rcol h2.nolink {background: #fff url(../images/starline.gif) 0 0 no-repeat; text-decoration: none;} #rcol p.f0, #rcol p.f1, #rcol p.f2, #rcol p.f3, #rcol p.f4, #rcol p.f5, #rcol p.f6, #rcol p.event, #rcol p.letting{min-height: 120px; background-color: #edf2f7; } #rcol p.f5{background: #edf2f7 url(../images/info1.jpg) left center no-repeat; } #rcol p.f4{background: #edf2f7 url(../images/roundal-easter.jpg) left center no-repeat; } #rcol p.f0{background: #edf2f7 url(../images/roundal-xmas.jpg) left center no-repeat; } #rcol p.f6{background: #edf2f7 url(../images/roundal-spa.jpg) left center no-repeat; } #rcol p.event{background: #edf2f7 url(../images/roundal-easter.jpg) left center no-repeat; } #rcol p.letting{background: #edf2f7 url(../images/roundal-xmas.jpg) left center no-repeat; } #rcol p.lateleft{background: #edf2f7 url(../images/roundal-pounds.jpg) left center no-repeat; } #rcol p.wedding{background: #edf2f7 url(../images/roundal-fathers.jpg) left center no-repeat; } #rcol p.mothers{background: #edf2f7 url(../images/roundal-mothers.jpg) left center no-repeat; } #rcol p.f0, #rcol p.f1, #rcol p.f3, #rcol p.f4, #rcol p.f5, #rcol p.f6, #rcol p.event, #rcol p.letting, #rcol p.lateleft, #rcol p.wedding, #rcol p.mothers , #rcol p.conference{padding: 7px 10px 0 155px; text-align: right; } #rcol p.conference{background: #edf2f7 url(/images/roundal-conf.jpg) left center no-repeat;} #rcol p.f1{background: #edf2f7 url(../images/roundal-spa2.jpg) left center no-repeat; } #rcol p.f2{background: #edf2f7 url(../images/dining2.jpg) right center no-repeat;} #rcol p.f3{background: #edf2f7 url(../images/conference.jpg) left center no-repeat;} #rcol p.cutprice{background: #edf2f7 url(../images/roundal-offer.jpg) right center no-repeat;} #rcol p.golf{background: #edf2f7 url(../images/roundal-golf.jpg) right center no-repeat;} #rcol p.getaway{background: #edf2f7 url(../images/roundal-getaway.jpg) right center no-repeat;} #rcol p.autumngetaway{background: #edf2f7 url(../images/roundal-autumn-right.jpg) right center no-repeat;} #rcol p.wintergetaway{background: #edf2f7 url(../images/roundal-winter-right.jpg) right center no-repeat;} #rcol p.valentines{background: #edf2f7 url(../images/roundal-valentine-right.jpg) right center no-repeat;} #rcol p.event2{background: #edf2f7 url(../images/roundal-easter2.jpg) right center no-repeat;} #rcol p.spaOffer{background: #edf2f7 url(../images/roundal-facial.jpg) right center no-repeat;} #rcol p.celebration{background: #edf2f7 url(../images/roundal-rose.jpg) right center no-repeat;} #rcol p.brochure{background: #edf2f7 url(../images/roundal-brochure.jpg) right center no-repeat;} #rcol p.f2, #rcol p.cutprice, #rcol p.golf, #rcol p.getaway, #rcol p.event2, #rcol p.spaOffer, #rcol p.celebration, #rcol p.brochure, #rcol p.autumngetaway, #rcol p.wintergetaway, #rcol p.valentines{ padding: 7px 160px 0 10px;} #rcol p.noimg { padding: 10px 20px;} #rcol .rcollast{height: 15px; background: #E0E6EC url(../images/m.gif) left bottom repeat-x; } /*maincontent floated left so footer clears below*/ #maincontent{ float: left; width: 508px; background-color: #fff;padding-bottom: 30px; } #maincontent h1.first {text-indent: -2000px; height: 180px; width:508px; background: url(../images/h/h1ext2.jpg) left top no-repeat;padding: 0; margin-bottom: 35px;} .starry { margin-left: 50px; background: url(../images/starline.gif) 0 15px no-repeat;} #maincontent ul.starry li {list-style: none; background: url(../images/circle.gif) left 8px no-repeat; padding: 2px 10px;} /*#maincontent ol li{ padding: 2px 10px; list-style-type: decimal; list-style-position: inside; }*/ #maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent p, #maincontent ul, #maincontent ol {padding: 10px 40px;} #maincontent .notes ol li{ padding: 5px 10px; margin:0px 20px 0px 20px;} /*context menu format*/ ul.inline {position: absolute; top: 180px; left: -32px; font-size: 1.1em; width:500px;} ul.inline li{display: inline; padding: 3px 6px; background: url(../images/circle.gif) left center no-repeat;} ul.inline li a{ color: #535F70; font-weight: normal; } #address {display: none;} /* right column content and the menu lists are positions between the main content and the footer*/ #footer{clear: both; width: 800px; } #footer h3{background: #C2CCD3 url(../images/f1newportsands.jpg) left top no-repeat; width: 800px; height: 106px; } #footer h3 span{position: relative; left: -3000px;} .bespoke {position:absolute; right:42px; top:5px; text-align:center;} #footer p {padding-top: 5px;} #footer p, #footer ul {width: 508px; font: normal normal 1em Arial, sans-serif;line-height: 15px; background: #f3f5f6;} #footer ul { padding-bottom: 35px;} #footer ul li a{ color: #3066aa; font-weight: normal; } #footer li {display: inline; padding: 0 20px 0 0;line-height: 15px; } #menuglobal {text-align: center; background: url(../images/leavesbg3.jpg) 0 -60px no-repeat; position: absolute; top: 0; left: 508px; height: 121px; width:292px; } #menuglobal ul {/* background: #E0E6EC url(../images/m.gif) left bottom repeat-x;*/ line-height: 36px; } #menuglobal li{display: inline;} #menuglobal li a{text-decoration: underline; padding: 12px 7px 10px 7px; color: #fff; font-weight: bold; font-style: normal; } #menuglobal li a:hover{color: #fff; text-decoration: none; } #menuglobal li.mro1 a:hover{background: url(../images/leavesnanimo.jpg) -16px -60px no-repeat; } #menuglobal li.mro2 a:hover{background: url(../images/leavesnanimo.jpg) -103px -60px no-repeat; } #menuglobal li.mro3 a:hover{background: url(../images/leavesnanimo.jpg) -200px -60px no-repeat; } /*mainmenu format*/ #menumain {position: absolute; top: 121px; left: 0; height: 35px; width:800px; background: #E0E6EC url(../images/m.jpg) left bottom repeat-x;} #menumain ul { width: 800px; font: 1.1em/36px Arial, sans-serif;} #menumain li{ display: inline; } #menumain li a{text-decoration: none; padding: 11px 10px 10px 15px; color: #70809B; font-weight: bold; font-style: normal; } #menumain li a:hover{background: #fff; color: #535F70;} .bookOnline { background-color:#edf2f7; padding:10px; margin-top:22px; } /*google map*/ #map {width: 400px; height: 400px; margin: 20px 20px 0 50px;} /* PAMPER DAYS */ #maincontent .pamperBoxRow span { font-size:11px; } .pamperBoxRow { clear:both; padding-left:40px; } #maincontent .pamperBoxSmall h2 { font-size:14px; font-weight:bold; color:#70809B; padding:0px; margin:0px; padding-bottom:7px; text-align:center; } .pamperBoxSmallContainer { float:left; width:150px; } .pamperBoxSmall { border:1px solid #000; width:140px; } .pamperBoxInner { padding:5px; font-size:12px; } .pamperBoxLargeContainer { float:left; width:225px; } .pamperBoxLarge { border:1px solid #000; width:215px; } #maincontent .pamperBoxLarge h2 { font-size:14px; font-weight:bold; color:#70809B; padding:0px; margin:0px; padding-bottom:7px; text-align:center; } .pamperBoxHugeContainer { float:left; width:440px; } .pamperBoxHuge { border:1px solid #000; width:440px; } #maincontent .pamperBoxHuge h2 { font-size:14px; font-weight:bold; color:#70809B; padding:0px; margin:0px; padding-bottom:7px; text-align:center; } .clearit { clear:both; } .booples:after { content: "."; display: block; height: 0; line-height:0; min-height:0; font-size:0; clear: both; visibility:hidden; text-align:left; } .booples{ display: block; min-height:0; } /* Hides from IE Mac \*/ * html .booples {height: 1%;} .booples{display:block;} /* End Hack */