body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000; background-color: #fff; text-align: center; line-height: 20px; margin: 0; padding; 0; background: url(../images/bgtexture.jpg) repeat #fff; } /* --- Common Classes --- */ .left { float: left; } .right { float: right; } .hide { display: none; } .clear { clear: both; } .spacer { clear: both; height: 10px; } .half { width: 48%; float: left; } .pullquote { padding: 30px; width: 240px; line-height: 30px; voice-family: "\"}\""; voice-family: inherit; width: 180px; } html>body .pullquote { width: 180px; } /* --- Common Tags --- */ h1 { font-size: 20px; font-weight: bold; margin: 10px 0; padding: 0; color: #6c5d22; } h2 { font-size: 20px; font-weight: normal; margin: 10px 0; padding: 0; color: #9fa440; } h3 { font-size: 18px; font-weight: normal; margin: 10px 0; padding: 0; color: #000; } h4 { font-size: 16px; font-weight: bold; margin: 10px 0; padding: 0; color: #6c5d22; } h5 { font-size: 15px; font-weight: normal; margin: 10px 0; padding: 0; color: #9fa440; } h6 { font-size: 14px; font-weight: bold; margin: 10px 0; padding: 0; color: #000; } hr { margin: 15px 0; color: #6c5d22; border: none; height: 1px; } dl { margin-bottom: 15px; } a:link, a:visited { color: #9fa440; text-decoration: underline; } a:hover, a:active { color: #6c5d22; text-decoration: underline; } /* --- Outer frame with header background --- */ #frame { text-align: left; margin: 0 auto; padding: 0; width: 752px; background-color: #fff; border: 1px solid #9fa440; voice-family: "\"}\""; voice-family: inherit; width: 750px; } html>body #frame { width: 750px; } #header { background: url(../images/header.gif) no-repeat top left; } #header a.home { display: block; width: 750px; height: 61px; } #top { width: 750px; height: 180px; padding: 0; margin: 20px 0 0 0; background: url(../images/illustration.jpg) top center no-repeat; voice-family: "\"}\""; voice-family: inherit; width: 750px; } html>body #top { width: 750px; } /* --- Navigation --- */ ul#navigation { list-style-type: none; width: 622px; height: 61px; margin: 30px 0 0 64px; padding: 5px 0 0 22px; font-size: 13px; background: url(../images/bg_nav.jpg) top center no-repeat #fff; voice-family: "\"}\""; voice-family: inherit; width: 600px; } html>body ul#navigation { width: 600px; } #navigation li { list-style-type: none; margin: 0; padding: 0 33px 0 0; float: left; display: block; } #navigation a { margin: 0; padding: 0; } #navigation a:link, #navigation a:visited { color: #fff; text-decoration: none; } #navigation a:hover, #navigation a:active { color: #fff; text-decoration: underline; } /* --- Navigation highlights --- When adding a new navigation link, be sure the page id, and the navigation's

class are added to the lines below */ body#home #navigation li.home a, body#amenities #navigation li.amenities a, body#faq #navigation li.faq a, body#gallery #navigation li.gallery a, body#contact #navigation li.contact a { font-weight: bold;} /* --- Main content --- */ #content { padding: 0; margin: 0 100px 60px 100px; } #content .picture img, #content img.picture { border: 1px solid #000; margin: 10px; } #content .pulltext { padding: 30px; width: 260px; line-height: 30px; voice-family: "\"}\""; voice-family: inherit; width: 200px; } html>body #content .pulltext { width: 200px; } #content .imgcaption { color: #a0a0a0; font-size: 11px; width: 180px; line-height: normal; margin-top: 0; margin-bottom: 10px; } #content div.pullquote p.caption { color: #a0a0a0; width: 200px; text-align: right; font-size: 13px; } #footer { background: url(../images/footer.gif) no-repeat bottom left; width: 750px; height: 100px; } #footer p { margin:0; padding:0; display: none; } /* --- Home --- */ #home #content { padding-bottom: 60px; } /* --- FAQ --- */ #faq #questions { margin-bottom: 100px; } #faq blockquote { margin-bottom: 80px; } /* --- Gallery --- */ #gallery #thumbnails { margin-left: 20px; } #gallery #thumbnails img { margin: 0 15px 15px 0; } #gallery #thumbnails a:link img, #gallery #thumbnails a:visited img { border: 3px solid #9fa440; } #gallery #thumbnails a:hover img, #gallery #thumbnails a:active img { border: 3px solid #6c5d22; } /* --- Contact Us --- */ #contactform input, #contactform textarea { width: 350px; border: 1px solid #6c5d22; margin: 6px; } #contactform textarea { height: 300px; } #contact .formlabel { display: block; float: left; width: 150px; } #contact .formsubmit { margin-left: 156px; }