/* ========================================================================== STYLE.CSS | CSS FRAMEWORK -------------------------- Main Project specific styles - OWN A SHIP - author:Fuel Design (http://www.fueldesign.co.nz) version:- February 2008 - Contents: -------------------------- 1 - Default Typography Sizing, Colours and Margins 2 - Global Stlyes for types 3 - Main Structural Divs 4 - Header styles 5 - Main body Styles 6 - Footer Styles 7 - Page Specific styles 8 - CMS Styles ========================================================================== */ @import url("base.css"); @import url("forms.css"); @import url("prettyPhoto.css"); /* ========================================================================== 1 - Default Typography Sizing, Colours and Margins ========================================================================== */ * {line-height:1.5em;} html, body {height:100%;} body {background-color:#666;background-image:url(img/bg/bg.gif);background-repeat:repeat-x;background-attachment:scroll;background-position:0 25px;color:#EEE;font-size:0.8em;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif;text-align:center;} :link, :focus {outline:0 none;} p, ul, dl, ol, hr, form, blockquote, table {margin:1em 0;} #primaryContent p {letter-spacing:0.025em;text-align:justify;} h1,h2,h3,h4,h5 {margin:1em 0;} h1 {font-size:1.8em;} h2 {font-size:1.3em;} h3 {font-size:1em;} h4 {font-size:1.2em;} h5 {font-size:1.1em;} /* ========================================================================== 2 - Global Styles for types ========================================================================== */ /* links */ a:link, a:visited {color:#3e6699;} a:hover, a:active {color:#fff;} a:link.external, a:visited.external {background:transparent url(img/bg/external.gif) center right no-repeat;padding-right:14px;} /* list types */ ul.bulleted li {margin-left:20px;list-style-type:disc;margin-bottom:5px;margin-bottom:5px;} dl dt {color:#999;} dl dd {margin-bottom:10px;} ol li {margin-left:20px;list-style-type:decimal;} /* blockquotes */ blockquote {background-color:#F5F5F5;margin-bottom:1em;} blockquote p {font-family:georgia, "times new roman", serif;color:#CCC;font-size:1.5em;margin:5px 5px 5px 10px;} blockquote cite {font-style:normal;color:#CCC;font-weight:bold;} /* strong */ strong.error {color:#3e6699;font-weight:normal;} /* em */ em.required {color:#F00;font-weight:bold;font-style:normal;} .right {float:right} /* ========================================================================== 3 - Main Structural Divs ========================================================================== */ #header {background:transparent url(img/bg/HeaderBackRepeat.jpg) repeat-x scroll 0 0;height:130px;} #container {background-color:#000;margin:0 auto 25px;text-align:left;width:980px;} #primaryContent {float:left;padding-left:30px;width:693px;/*width:753px;*/} #sidebar {float:right;margin-top:20px;padding-right:20px;width:205px;/*width:145px;*/} #footer {clear:both;} /* ========================================================================== 4 - Header styles ========================================================================== */ #krd {background-color:#000;color:#999;font-size:10px !important;height:25px;line-height:25px;text-align:center;width:100%;} #krd * {margin:0;padding:0;line-height:25px;} #logo img {background-color:transparent;margin-top:10px;} #logo a:visited, #logo a:link {border:0 none;} #logo {width:360px;height:120px;margin:0 auto;} #flash {background-color:#111;border-top:1px solid #111;height:250px;margin:0 auto;overflow:hidden;width:980px;} #flashSlideshow {background-color:transparent;height:102px;margin-bottom:10px;overflow:hidden;width:145px;} #nav {height:21px;line-height:21px;margin:0 auto;overflow:hidden;text-align:center;white-space:nowrap;width:980px;} #nav ul {margin:0 auto;width:970px;/*830px*/} #nav ul li {border-left:1px solid #ECECEC;border-right:1px solid #D4D4D4;display:inline;float:left;padding-left:10px;padding-right:10px;} #nav ul a {border:0 none;color:#111;display:block;font-family:verdana;font-size:13px;font-weight:bold;height:21px;line-height:20px;text-shadow:1px 0 1px #fff;text-transform:uppercase;} #nav ul li.selected a, #nav ul a:hover {color:#999;} /* ========================================================================== 5 - Main content styles ========================================================================== */ .boatListings li {background:#000 url(img/bg/gradient_bg.png) repeat-x scroll 0 0;clear:both;display:block;margin-bottom:10px;position:relative;width:100%;} .boatListings li a:link, .boatListings li a:visited {color:#999;display:block;padding:8px 8px 0 8px;} .boatListings li a:hover {background-color:#222;} .boatListings strong {background:url("img/bg/underline.gif") repeat-x scroll 0 100% transparent;color:#fff;display:block;font-weight:normal;margin-bottom:10px;margin-left:144px;padding-bottom:8px;} .boatListings span {} .boatListings img {border:2px solid #333;float:left;margin:0 10px 10px 0;} .viewButton {background:#222 url(img/bg/button.gif) center left no-repeat;display:block;font-size:0.8em;font-style:normal;height:22px;line-height:22px;position:absolute;right:5px;text-align:center;top:5px;width:80px;} .contactButton {display:block;margin-top:10px;width:80px;height:22px;line-height:22px;text-align:center;background:#222 url(img/bg/button.gif) center left no-repeat;font-style:normal;} a:link .contactButton, a:visited .contactButton {color:#999;} a:hover .contactButton {background-position:center right;color:#FFF;} .boatListings li a:hover .viewButton {background-position:center right;color:#FFF;} div#boatLeadin {background:#000 url(img/bg/gradient_bg.png) top left repeat-x;margin-bottom:10px;} #boatLeadin .lCol {padding:10px;margin-right:355px;} #boatLeadin .rCol {float:right;width:345px;_height:1%;position:relative;} #gallery {margin-top:3px;} #gallery li {float:left;margin-right:1px;} #gallery a {border:2px solid #333;display:block;height:43px;width:64px;} #gallery a:hover {border-color:#3e6699;} span#imageDescription {position:absolute;top:218px;left:5px;padding:2px 5px;background:transparent url(img/bg/description_bg.png) top left repeat;} /* sidebar */ a:link.boat, a:visited.boat {display:block;margin-bottom:10px;border:none;} a.boat img {margin-bottom:5px;} a.boat strong {display:block;} a:hover.boat {color:#3e6699;} #note {background-color:#3e6699;} #note p {margin:5px;padding-bottom:10px;} a:link.button, a:visited.button, button {background:url("img/bg/button.gif") no-repeat scroll left center #222;border:0 none;color:#999;display:block;font-style:normal;height:22px;line-height:22px;margin-top:10px;text-align:center;width:80px;} a:hover.button, button:hover {background-position:center right;color:#FFF;cursor:pointer;} #faqList li {background:#000 url(img/bg/gradient_bg.png) repeat-x scroll 0 0;list-style-position:outside;margin-left:20px;padding:0;} #faqList li h3 {display:block;font-size:0.7em;font-weight:normal;margin:0.6em 0;} #faqList li h3 a:visited, #faqList li h3 a:link {color:#3E6699;display:block;font-size:1.4em;padding-left:1em;} #faqList li h3 a:hover {color:#fff;} #faqList li p {color:#999;font-size:1.2em;} #faqList .faq-details {padding:0 1em 1em;} #faqList .faq-details .moduleFooter, #faqList .faq-details h1 {display:none;} ol#questions li {border-bottom:1px dotted #666;margin-bottom:5px;padding-bottom:5px;} ol#questions li h3 {font-size:0.8em;margin:0;} #sidebar a {color:#999;} #sidebar a:hover {color:#FFF;} #questions a {color:#FFF;} #questions a:hover {color:#3e6699;} #sidebar .subNav {padding-bottom:10px;border-bottom:1px dotted #666;margin-bottom:10px;} #sidebar .subNav a:link, #sidebar .subNav a:visited {color:#999;} #sidebar .subNav a:hover, #sidebar .subNav li.current a:link, #sidebar .subNav li.current a:visited {color:#FFF;} .lCol a {color:#999;} .lCol a:hover {color:#FFF;} #sidebar img {} #sidebar .details li a {display:block;} /* ========================================================================== 6 - Footer styles ========================================================================== */ #footer {font-size:0.8em;position:relative;} #footNav ul {float:left;margin:1em 0;padding-left:25px;} #footNav li {border-left:1px solid #333;color:#333;display:block;float:left;height:10px;line-height:1em;padding:0 5px;} #footNav li:first-child {border:0 none;} #footNav a {border:0 none;color:#666;line-height:1em;} #footNav a:hover {color:#fff;} #footNav li.selected a {color:#ccc;cursor:default;} .rFooterCol {float:right;margin-top:10px;padding-right:20px;width:205px;} .rFooterCol a {color:#666;} .bFooterCol {bottom:-20px;position:absolute;right:20px;width:205px;} .bFooterCol a {color:#fff;} /* ========================================================================== 7 - Page specific styles ========================================================================== */ ul#sitemap li {background:transparent url(img/bg/required.gif) top left no-repeat;padding-left:20px;} ul#sitemap ul {margin:0;} ul#sitemap ul li {background:none;padding:0;margin-left:10px;} #testimonials {} #testimonials li {background:url("img/bg/gradient_bg.png") repeat-x scroll 0 0 #000;border:2px solid #222;margin-bottom:1em;padding:1em;} #testimonials span {display:block;} #testimonials span span {display:inline;} #testimonials .title {font-size:1em;} #testimonials .intro {color:#ccc;font-family:Georgia, "Times New Roman", Times, serif;font-size:1em;font-style:italic;padding:1em;} #testimonials .author {padding-left:1em;font-style:italic;} #testimonials .more {display:block;font-family:"Trebuchet MS",Trebuchets MS,Verdana;font-size:0.8em;font-style:normal;} #testimonialDetail {margin:1em 0;} #testimonialDetail .body {} #testimonialDetail .author {} .moduleFooter a {font-size:11px;} .display_0, .display_False, .display_ {display:none;} .display_1, .display_True {display:inline-block;} .investments {} .investments a {display:block;} table.boatTable {width:100%;background:#000 url(img/bg/gradient_bg.png) top left repeat-x;padding-bottom:5px;margin-bottom:20px;} .boatTable td {padding-top:8px;vertical-align:top;} .boatTable .col1 {padding-left:10px;width:165px;color:#999;background:transparent url(img/bg/table_bg.gif) top right repeat-y;} .boatTable .col2 {padding-left:15px;} .boatTable .price {background-color:#333;} .boatTable p {padding-right:5px;} .pp_pic_holder {color:#000;} /* ========================================================================== 8 - CMS Styles ========================================================================== */ .leadin {color:#999;display:block;font-size:1.1em;} .calltoaction {background:#000 url(img/bg/gradient_bg.png) top left repeat-x;border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:block;font-size:1.2em;margin:1em 0;padding:1em;} .calltoaction:hover {background-color:#222;background-image:none;}