/* CSS Document */ /* */ * { margin: 0; padding: 0; border: 0; font-size: 100%; } body {line-height: 1; color: #666; background: #fff url(images/template/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size: 70%; } h1 {color: #612423; margin: 0 0 0.5em 0; font-size: 200%; } h2 {color:#3e5521; margin: 1em 0 0.2em 0; font-size: 170%; font-weight: lighter; padding-bottom: 8px } h3 {color:#612423; margin: 0.4em 0 0.4em 0; font-size: 160%; font-weight: normal; background:url(images/template/h3_bg.jpg) repeat-x 50% 100%; padding-bottom: 8px } h4 { color:#612423; margin: 0.4em 0 0.4em 0; font-size: 130%; font-weight: normal; } p {color: #3c2e21; line-height: 1.6; margin-bottom: 10px; font-size: 110% } span.largetext {font-size: 120%} span.greenbold {color:#3e5521; font-weight: bold;} a:link, a:visited {color:#3e5521; text-decoration: none; } a:hover {text-decoration: none } div.clear { clear: both;} div.left {float:left; width: 250px; margin-right: 20px} div.right {float:left; width: 250px;} img.right {float:right; margin: 0px 10px 0px 20px} img.right_icon {float:right; margin: -5px 0px 0px 0px} img.right_icon2 {float:right; margin: 0px 0px 0px 0px} img.thumbs {border: 8px solid #e3dec5; background:url(images/template/thumb_bg_bottom.jpg) repeat-x 100% 100%; margin: 0px 5px 0px 0px; width: 250px; height: 187px; } img.thumbs2 {border: 6px solid #e3dec5; background:url(images/template/thumb_bg_bottom.jpg) repeat-x 100% 100%; margin: 0px 10px 10px 0px; width: 160px; height: 120px; } img.thumbs3 {border: 6px solid #e3dec5; background:url(images/template/thumb_bg_bottom.jpg) repeat-x 100% 100%; margin: 0px 10px 10px 0px; width: 100px; height: 60px; } img.thumbs4 {border: 6px solid #e3dec5; background:url(images/template/thumb_bg_bottom.jpg) repeat-x 100% 100%; margin: 0px 10px 10px 0px; width: 500px; height: 295px; } /* -------------------------------- */ /* START TEMPLATE STYLES */ /* -------------------------------- */ #container {width: 875px; margin: auto; } #logo {float:left; margin-top: 20px} #headercontact {float:right; width: 185px; color:#612423; margin: 39px 10px 0 0; text-align: right; line-height: 16px;} #headercontact a:link, #headercontact a:visited {color: #612423} #headercontact a:hover {text-decoration: underline} #headercontact a.bookingbtn {background:url(images/template/booking_button.jpg) no-repeat; width: 153px; height: 24px; display:block; margin: 8px 0 8px 0; float:right } #headercontact a.bookingbtn:hover {background-position: 0px -24px; } #maincontent {background:url(images/template/maincontent_bg.jpg) no-repeat; width: 875px; margin:8px 0 0 0; float:left} #mainnav { float:left; font-size: 110%; height: 35px; width: 100%; font-weight: bold; } #mainnav ul {list-style-type: none; margin: 13px 0px 10px 30px; } #mainnav li {display: inline; padding: 10px 0px 10px 0px; } #mainnav a:link, #mainnav a:visited {color:#fff; width: 100px; margin: 5px 0px 5px 0px; padding: 10px 20px 10px 15px; background:url(images/template/mainnav_divider.jpg) no-repeat 100% 50%; } #mainnav a:hover {color:#67893c; background: url(images/template/mainnav_hover.jpg) repeat-x; } #mainnav a.active {color:#67893c; background: url(images/template/mainnav_hover.jpg) repeat-x;} #mainnav a.sideactive {background: none; color:#fff} #mainnav a.sideactive:hover {color:#67893c; background: url(images/template/mainnav_hover.jpg) repeat-x;} #content {width: 550px; float:left; margin: 20px 20px 0 35px} #content2 {width: 470px; float:left; margin: 20px 20px 0 35px} #contentwide {width: 550px; margin: 20px 20px 0 35px} #contentwide {width: 550px; float:left; margin: 100px 20px 0 35px; border: 1px solid black} #content a:link, #content2 a:link, #content a:visited, #content2 a:visited {text-decoration: underline;} #content a:hover, #content2 a:hover {text-decoration: none} #content ul {list-style-type: none; margin:20px 10px 10px 0px; color: #3c2e21; line-height: 1.6; font-size: 110%} #content li {background:url(images/template/bullet.gif) no-repeat 0% 4px; padding: 0px 20px 10px 25px } #content ul.tc {list-style-type: none; margin:20px 10px 10px 20px; color: #3c2e21; line-height: 1.6; font-size: 100%; color:#612423} #content ul.tc li {background:url(images/template/bullet.gif) no-repeat 0% 2px; padding: 0px 20px 10px 25px; } #featurebox {background:#efead2; border: 1px solid #dcd5cf; width: 340px; float:left; padding: 8px; margin: 10px 0 20px 0} #featurebox h2 {margin-top: 0} #sidecontent {background:#efead2; border: 1px solid #dcd5cf; width: 220px; float:left; padding: 8px; min-height: 50px; padding-bottom: 15px; margin-top: 20px } #sidecontent2 {background:#efead2; border: 1px solid #dcd5cf; width: 300px; float:left; padding: 8px; min-height: 50px; padding-bottom: 15px; margin-top: 20px } #sidecontent p, #sidecontent2 p {color: #3c2e21; line-height: 1.3; margin-bottom: 20px; font-size: 100% } #sidecontent a.header, #sidecontent a.header:visited, #sidecontent2 a.header, #sidecontent2 a.header:visited {color:#612423; background:url(images/template/h3_link.jpg) no-repeat 100% 4px; padding-right: 12px} #sidecontent a.header:hover, #sidecontent2 a.header:hover {color: #844443; background:url(images/template/h3_link_hover.jpg) no-repeat 100% 4px} #sidecontent a.ratesbtn, #sidecontent2 a.ratesbtn {background:url(images/home/rates_btn.jpg) no-repeat; width: 153px; height: 24px; display:block; margin: -10px 30px 8px 0; float:right } #sidecontent a.ratesbtn:hover, #sidecontent2 a.ratesbtn:hover {background-position: 0px -24px; } #footer {text-align:left; font-size: 100%; color: #988675; padding: 5px 0px 0px 0px; line-height: 1.2; border-top: 7px solid #ebe5c7;width: 809px; margin: 20px 0px 20px 35px} #footer a:link, #footer a:visited {color: #988675; text-decoration:none; font-size: 90% } #footer a:hover {color: #3c2e21 } #footer_copy {width: 30%; float:left} #footer_links {width: 50%; float:left; margin-left:160px; text-align:right } /* -------------------------------- */ /* END TEMPLATE STYLES */ /* -------------------------------- */ /* -------------------------------- */ /* START HOME STYLES */ /* -------------------------------- */ #banner {margin:auto; text-align:center; padding: 25px 0px 0px 0px} #content a.accommodationbtn {background:url(images/template/accommodation_button.jpg) no-repeat; width: 153px; height: 24px; display:block; margin: 0px 0 0px 0; float:left } #content a.accommodationbtn:hover {background-position: 0px -24px; } /* -------------------------------- */ /* END HOME STYLES */ /* -------------------------------- */ /* -------------------------------- */ /* START LOCATION STYLES */ /* -------------------------------- */ h4.train { color:#612423; margin: 0.4em 0 0.4em 0; font-size: 140%; font-weight: normal; background:url(images/location/train_icon.gif) no-repeat 0% 50%; padding: 10px 20px 10px 35px } h4.car { color:#612423; margin: 0.4em 0 0.4em 0; font-size: 140%; font-weight: normal; background:url(images/location/car_icon.gif) no-repeat 0% 50%; padding: 10px 20px 10px 35px } /* -------------------------------- */ /* END LOCATION STYLES */ /* -------------------------------- */ /* -------------------------------- */ /* START ACCOMMODATION STYLES */ /* -------------------------------- */ #content a.ratesbtn_small {background:url(images/template/rates_btn_small.jpg) no-repeat; width: 89px; height: 24px; display:block; margin: 5px 10px 20px 0; float:left } #content a.ratesbtn_small:hover {background-position: 0px -24px;} #content a.photosbtn_small {background:url(images/template/photos_btn_small.jpg) no-repeat; width: 89px; height: 24px; display:block; margin: 5px 10px 20px 0; float:left } #content a.photosbtn_small:hover {background-position: 0px -24px;} #content a.bookbtn_small {background:url(images/template/book_btn_small.jpg) no-repeat; width: 89px; height: 24px; display:block; margin: 5px 10px 20px 0; float:left } #content a.bookbtn_small:hover {background-position: 0px -24px;} div.ratesbox {float:left; width: 150px; margin-top: -10px } /* -------------------------------- */ /* END ACCOMMODATION STYLES */ /* -------------------------------- */ /* START TABLE STYLES */ /* -------------------------------- */ /*tr.dtgheader th { background-color:#516e80; vertical-align:top; padding-top: 5px; color: #fff; font-weight: 1.5; text-align:left; } tr.dtgheader a:link, tr.dtgheader a:visited {color: #fff; text-decoration: none } tr.dtgheader a:hover {color: #63a4c5; text-decoration: none } tr.dtgheader th.first, td.first {padding-left: 5px} */ table.location {color: #3c2e21; line-height: 1.6; margin-bottom: 10px; font-size: 110%; border-top: 2px solid #e3dec5; border-bottom: 2px solid #e3dec5 } .dtginfo_alternate {background: #e3dec5} table.location td {height: 25px; padding-left: 10px } /* END TABLE STYLES */ /* -------------------------------- */ /* START LIGHTBOX STYLES */ /* -------------------------------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url("data:image/gif;base64,AAAA"); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* END LIGHTBOX STYLES */ /* -------------------------------- */ /* START FONT STYLES */ /* -------------------------------- */ /* 10 77 11 85 12 93 (was 92) 13 100 14 108 (was 107) 15 116 (was 114) 16 123.1 (was 122) 17 131 (was 129) 18 138.5 (was 136) 19 146.5 (was 144) 20 153.9 (was 152) 21 161.6 (was 159) 22 167 23 174 24 182 25 189 26 197 /* END FONT STYLES */ /* -------------------------------- */