/*----------------------------------------------------------------------------- Default Style Sheet version: 1.0 author: Jim Pannell email: jim@sixmedia.net website: http://www.sixmedia.net/ -----------------------------------------------------------------------------*/ /* =General -----------------------------------------------------------------------------*/ /* Remove padding and margin */ * {margin:0;padding:0;} /* Put it back on certain elements */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin:1em 0;} /* Class for clearing floats */ .clear {clear:both;} /* Remove border around linked images */ img {border:0;} /* =Typography -----------------------------------------------------------------------------*/ body {font-size:85%; line-height:1.5em;font-family:Helvetica,Arial,Verdana; color:#404040;background:#fff;text-align:center;} html>body {font-size:14px;} b, strong {color:#b85;} p {font-size:1em;line-height:1.5em;margin:0 0 1.5em 0;} /* =Headings -----------------------------------------------------------------------------*/ h1 {font-family:"Gill Sans",sans-serif;font-weight:normal;font-size:1.5em;line-height:1em;margin:0 0 0.5em 0;color:#776655;} h2 {font-size:1.1667em;line-height:1.286em;margin-top:1em;margin-bottom:0.643em;letter-spacing:1px;} h3 {font-size:1.1em;line-height:1.286em;margin-top:1.5em;margin-bottom:0.643em;color:#776655;letter-spacing:1px;} /* =Structure -----------------------------------------------------------------------------*/ #container {position:relative;text-align:left;width:960px;margin:0 auto;} /* =Links -----------------------------------------------------------------------------*/ a:link{color:#937233;text-decoration:none;} a:visited{color:#AD863D;text-decoration:none;} a:hover{text-decoration:underline;} /* =Branding -----------------------------------------------------------------------------*/ #branding {position:relative;width:100%;height:195px;margin-bottom:1em;color:#fff;background:#fff url(/images/interface/branding-bg.jpg) no-repeat top left;} #branding #logo{position:absolute;top:0;right:0;z-index:3;width:300px;height:140px;background:url(/images/interface/logo.gif) no-repeat;text-indent:-9000px;} #branding #logo a{display:block;height:140px;background:url(/images/interface/logo.gif) no-repeat;} /* =Main Nav -----------------------------------------------------------------------------*/ #navcontainer {position:absolute;top:155px;left:0;width:960px;height:40px;background:url(/images/interface/nav-spacer.gif) no-repeat 700px 0;} #mainNav {margin:0;padding:0;height:40px;list-style:none;display:inline;overflow:hidden;text-align:left;} #mainNav li {margin:0;padding:0;list-style:none;display:inline;} #mainNav a {float:left;padding:40px 0 0 0;overflow:hidden;height: 0px !important; height /**/:40px; /* for IE5/Win only */} #mainNav a:hover {background-position: 0 -80px;} #mainNav a:active, #mainNav a.selected {background-position: 0 -80px;} #thome a {position:absolute;top:0;left:0;width:80px;background:url(/images/interface/nav-home.gif) top left no-repeat;} #tabout a {position:absolute;top:0;left:81px;width:115px;background:url(/images/interface/nav-about.gif) top left no-repeat;} #trooms a {position:absolute;top:0;left:197px;width:125px;background:url(/images/interface/nav-rooms.gif) top left no-repeat;} #tservices a {position:absolute;top:0;left:323px;width:105px;background:url(/images/interface/nav-services.gif) top left no-repeat;} #tlocation a {position:absolute;top:0;left:429px;width:145px;background:url(/images/interface/nav-location.gif) top left no-repeat;} #tcontact a {position:absolute;top:0;left:575px;width:125px;background:url(/images/interface/nav-contact.gif) top left no-repeat;} #ttellafriend a {position:absolute;top:0;right:0;width:110px;background:url(/images/interface/nav-tellafriend.gif) top left no-repeat;} /* =Sub Nav -----------------------------------------------------------------------------*/ /* =Primary Content -----------------------------------------------------------------------------*/ #primaryContent {position:relative;width:620px;float:left;margin:0 0 20px 20px;display:inline;} #home #primaryContent {float:none;width:100%;margin:0;} #primaryContent ul li,#secondaryContent ul li {list-style:none;} #introHomepage {position:relative;width:940px;height:240px;margin-left:20px;} #introHomepage p {width:620px;margin-bottom:0.5em;} #home #slideFrame {position:absolute;top:0;right:0;width:277px;height:181px;background:#fff;border:1px solid #ccc; padding:10px;} /*#introHomepage #slideshow {position:absolute;top:0;right:0;width:277px;height:181px;background:#fff;}*/ .box320 {float:left;display:inline;width:300px;margin-left:20px;background:url(/images/interface/box320-t.gif) no-repeat top left;} .box320 h2 {margin:0; padding:20px 10px 0.75em 20px; font-size:1em; letter-spacing: 1px;color:#776655; } .box320 p,.box320 ul,.box320 img {font-size:0.9em;padding:0 10px 0.75em 20px;} .box320 ul li,#primaryContent ul.list li {margin:0 5px 0 0;padding:0 0 2px 25px;background: url(/images/interface/icon-bullet.gif) no-repeat 0 4px;} /* =Secondary Content -----------------------------------------------------------------------------*/ #secondaryContent {float:left;width:300px;margin:0 0 20px 20px;display:inline;} #secondaryContent h4 {margin:0 0 0.5em 0;font-size:1em;letter-spacing:1px;} #secondaryContent .box320 h4 {margin:0;padding:20px 10px 0 20px;font-size:1em;letter-spacing: 1px;color:#776655;display:inline;} #secondaryContent .box320 {margin-bottom:2.5em;margin-left:0;} #secondaryContent .box320 .picDesc {padding-left:10px;padding-top:10px;} #secondaryContent .box320 {padding-top:20px;} #secondaryContent #slideFrame {width:277px;height:181px;background:#fff;border:1px solid #ccc; padding:10px;} /* =Footer -----------------------------------------------------------------------------*/ #footer {clear:both;width:960px;height:40px;margin-top:10px;padding-top:15px;color:#999;font-size:0.8em;background:#fff url(/images/interface/footer-bg.gif) no-repeat top left;} #footer p {float:left;} #footer a {font-weight:bold;color:#333;} #footer p.right {float:right;} /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opera 7 fieldset { border: none; } */ fieldset {margin:1em 0;padding:1em;border:1px solid #ccc;background:#f1efee;} legend {font-weight:bold;} label {float:left;width:12em;} #primaryContent #styledForm input {width:200px;border:1px solid #ccc;padding:3px;} #primaryContent #styledForm textarea {width:400px;height:200px;border:1px solid #ccc;padding:3px;font-family:inherit;font-size:inherit;} #primaryContent #styledForm .autoSize {width:auto;border:none;} #primaryContent #styledForm .required {font-size:0.85em;color:#900;font-style:normal;} #primaryContent #styledForm img {padding-top:5px;} /* =Tables -----------------------------------------------------------------------------*/ table {border-spacing:0;border-collapse:collapse;} td {font-weight:normal;} /* table */ #membertype {font-size:13px;font-weight:bold;margin:0 0 15px 0;text-align:center;width:100%;} #membertype td, #membertype th {background: url(/images/interface/bg-td.gif) repeat-x left top;padding:5px 4px;border-bottom:1px solid #ecebbe;border-top:1px solid #fffff3;border-right:1px solid #ecebbe;border-left:1px solid #fffff3;} #membertype th {text-transform:uppercase;} #membertype caption {padding:0 0 20px 0;text-align:left;font-size:1.1667em;} #membertype .type {padding:0 10px;text-align:left;text-transform:none;width:120px;} #membertype .alignLeft {text-align:left;} #membertype .alignLeft td {padding-left:20px} /* =Misc 1 -----------------------------------------------------------------------------*/ hr {display:none;} .centerIt {text-align:center;} .sidebarPhoto {background:#fff;border:1px solid #ccc;padding:10px;} #map {clear:both;width:615px;height:350px;margin-bottom:10px;border:1px solid #ccc;display:block;} #home #skynote_calendar_container {margin-top:-20px;} #skynote_calendar_container ul li {background-image:none;} #home .skynote_calendar{margin-left:3.5em;margin-bottom:1em;width:15.75em;} #home .skynote_calendar ul.dayrow li.pending {font-weight: normal;} #home .skynote_calendar ul.dayrow li.booked {font-weight:normal;} #home #primaryContent .skynote_calendar ul li.available,#home #secondaryContent .skynote_calendar ul li.available {background-image:none;} /* =Misc 2 -----------------------------------------------------------------------------*/