body {background: url(/assets/images/general/grey-grad.jpg) repeat-x #1a1a1a ; color:#ffffff; font-family:Helvetica, Arial, Helvetica, sans-serif; } /* body {background:url(/assets/images/general/connections-wall.gif) repeat-x #111 ;color:#ffffff; font-family:Helvetica, Arial, Helvetica, sans-serif; } */ #container {width:820px;margin: 0 auto; } /* #container {width:820px;margin: 0 auto; background: url(/assets/images/general/grey-grad.jpg) repeat-x #1a1a1a ; } */ .inner {width:720px;margin: 0 auto; } #header {background:url(/assets/images/general/kings-ferry-vip-services.gif) no-repeat; text-indent:-3000px;height:124px;width:720px;} /* #header h2 {background:url(/assets/images/general/kf-bling.gif) no-repeat; text-indent:-3000px;width:238px;height:124px; } */ h2 {width:430px; size:140%; padding:20px 0 10px 0;margin: 0 0 0 288px;} h3, h4 {color: #fff; font-size:95%;margin: 0 0 8px 0; font-weight:bold;} h4 {margin: 12px 0 4px 0;} .spec h4 {margin: 0px 0 4px 0;} #bottom h5 {color: #fff; font-size:95%;font-weight:bold; margin: 4px 0 4px 0;} p {font-size: 100%; padding: 0 0 12px 0;line-height:140%;} .clear {clear:both; display:block; height:1%} .break {border-bottom:1px solid #333;margin: 0 0 10px 0;} a:link {color:#4694be; text-decoration:underline;} a:hover {color:#ffffff; text-decoration:underline;} a:visited {color:#4694be; text-decoration:underline;} th, td, table {padding:8px;} .table {font-size:80%;border-bottom: 1px solid #151515;border-right: 1px solid #151515;} #content {width:430px;margin: 0 0 0 40px; float:right;} #contentwide {width:700px;float:right;} h2.wide {size:140%x; padding:20px 0 10px 0;margin: 0 0 0 20px; text-align:left;} #content li, #contentwide li {background: url(/assets/images/general/dash.gif) no-repeat 0 6px; padding: 0 0 4px 14px; font-size:95%;} /* Specifications */ .spec {border: 1px dotted #999; padding:16px;margin: 0 0 10px 0;} .spec li {background: url(/assets/images/general/dash.gif) no-repeat 0 6px; padding: 0 0 4px 14px;} ul.left {width: 170px; float:left; margin: 0 40px 0 0; } ul.right {width: 170px; float:right;} /* Feature */ #feature {width:248px; float:left; margin:0; border-right: dotted #333 1px;} #feature p {font-size:85%; color:#666;padding: 4px 0 8px 0;} #feature p a:link {font-size:85%; color:#4694be; text-decoration:none;font-weight:bold;} #feature p a:hover {font-size:85%; color:#fff; text-decoration:none;font-weight:bold;} .button {width:210px; background:url(/assets/images/features/enquire-here.gif) no-repeat 0 0;height:40px; margin: 10px 10px 10px 0;text-indent:-3000px;} .button:hover {width:210px; background:url(/assets/images/features/enquire-here.gif) no-repeat 0 -40px;height:40px; margin: 10px 10px 10px 0;} .in {width:210px; margin:0 0 20px 20px;} .video {padding:0 14px 14px 14px; margin: 0 0 4px 0 ;} .video img {border: 1px solid #fff} #feature h3 {color: #fff; font-size:95%;margin: 0 0 2px 0; font-weight:bold;} li.download {font-size:85%; color:#ccc; background:url(/assets/images/features/pdf-icon.gif) no-repeat 14px 8px ; padding: 8px 0 0 42px; display: block;height:34px; margin: 0 0 4px 0; border-bottom: 1px dotted #fff} li.download a:link {font-size:110%; color:#4694be; text-decoration:none; font-weight:bold;} li.download:hover {color:#fff; text-decoration:none; background:url(/assets/images/features/pdf-icon.gif) no-repeat 14px 8px #000; } /* Secondary nav */ #secondary {margin: 0 0 12px 0;} #secondary li {font-size:90%; color:#ccc; padding: 8px 0 0 8px; display: block;height:22px; margin: 0 0 4px 0; border-bottom: 1px dotted #333;} #secondary li a:link {font-size:95%; color:#4694be; text-decoration:none; font-weight:bold;} #secondary li a:visited {font-size:95%; color:#ffffff; text-decoration:none; font-weight:bold;} #secondary li a:hover {font-size:95%; color:#ffffff; text-decoration:none; font-weight:bold;} #secondary li:hover {font-size:95%; color:#fff; text-decoration:none; background: #000; } #secondary li.on {font-size:95%; color:#4694be; text-decoration:none; background: #151515; height:26px; } /* Top Navigation */ #topnav {position: relative;top:0px;height: 42px; margin: 0 0 10px 0;} #nav {position: absolute;top: 0;left: 0;list-style: none;margin: 0;padding: 0;height: 42px;display: inline;overflow: hidden;} #nav li {margin: 0; padding: 0;display: inline;list-style-type: none;} #nav a {float: left; padding: 42px 0 0 0; overflow: hidden; height: 0px !important; height /**/:42px; /* for IE5/Win */} #nav a:hover {background-position: 0 -42px;} #nav a:active {background-position: 0 -84px;} #nav a.selected {background-position: 0 -84px;} #home a {width: 91px;background: url(/assets/images/nav/home.gif) top left no-repeat;font-size: 20%;outline:0;} #about a {width: 104px;background: url(/assets/images/nav/about-us.gif) top left no-repeat;font-size: 20%;outline:0;} #coaches a {width: 125px;background: url(/assets/images/nav/vip-coaches.gif) top left no-repeat;font-size: 20%;outline:0;} #landyachts a {width: 123px;background: url(/assets/images/nav/land-yachts.gif) top left no-repeat;font-size: 20%;outline:0;} #other a {width: 141px;background: url(/assets/images/nav/other-vehicles.gif) top left no-repeat;font-size: 20%;outline:0;} #services a {width: 136px;background: url(/assets/images/nav/vip-services.gif) top left no-repeat;font-size: 20%;outline:0;} /* Bottom content */ #footer {margin:30px 0 0 0; padding:10px 0 30px 0; height:200px; background: #535353 url(/assets/images/general/bottom-grad-dark.gif) repeat-x;} #bottom {width:720px; height:45px; margin: auto;} #house {color:#ccc; font-size:85%;width:550px;float:left;padding: 18px 0 0 0;margin: 0 0 20px 0;} #house li a, #house li {display:inline;padding: 0 4px 0 0;color:#666} #carbon {background:url(/assets/images/general/cc_dwn.gif) no-repeat 0 0; width:133px;height:45px;float:right;text-indent:-3000px; outline:none;} #carbon:hover {background:url(/assets/images/general/cc_over.gif); width:133px; border-bottom:none; outline:none;} #house a:link {color:#ccc;text-decoration:none;} #house a:visited {color:#666;text-decoration:none; border-bottom: 1px dotted #666;} #house a:hover, #house a:active {color:#4694be;text-decoration:none;} .helpful {font-size:85%;float:left; width:150px; margin: 0 20px 0 0; color:#111;} .helpful h4 {padding: 0 0 12px 0;} .helpful h4 a:link {color:#fff;text-decoration:none; font-weight:bold;} .helpful h4 a:hover {color:#4694be; text-decoration:none;} .helpful li {padding: 0 0 4px 0;} .helpful li a:link {color:#666666; text-decoration:none;} .helpful li a:hover {color:#4694be; text-decoration:none;} .copyright {margin: 0 20px 0 0;} .seo {margin: 0 0 0 20px;} /* ---- form --- */ .ad1 {width:200px;float:left;} .ad2 {margin-left:200px;width:120px;} #ad1 {width:200px;float:left;} #ad2 {margin-left:200px;width:120px;padding-top:57px;} #enquire label {font-size: 95%;font-weight:bold;font-family: Arial, Helvetica, sans-serif; color: #999;} #enquire legend {font-size: 100%; font-weight:bold; color: #fff;} #enquire fieldset {padding:10px;margin-bottom:20px; width:90%;border:1px solid #5b5b5b; background-color:#000000;} #enquire fieldset:hover {background-color:#151515;} #data {padding:10px;margin-bottom:20px;border:2px solid #666666;} #enquire p {color:#d7d7d7;} #enquire .box, #enquire textarea {width:160px;border:1px solid #333;padding:3px;font-size:1em;color:#d7d7d7; font-family:Arial, Helvetica, sans-serif;background-color: #000000;} #enquire textarea {width:350px;} textarea, select {font-family: Arial, Helvetica, sans-serif;font-size: 85%;color: #d7d7d7;line-height: 12px;border: 1px solid #484848;padding: 3px;background-color: #000000;margin: 2px;} /* ---- scrolling header --- */ #gallery {margin: 0px auto;overflow: hidden; height: 284px; width: 720px;position: relative;} #gallery-inner {width: 2880px;height: 100%;position: relative;} .scrolling-content {position: absolute;} .scrolling-content h1 {text-indent:-5000px;color: #fff;padding: 0;font-size: 100%;} .content {left: 0px; top: 0px;width: 720px;height: 284px;} #one {left: 0px;} #two {left: 720px;} #three {left: 1440px;} #four {left: 2160px;} #five {left: 2880px;} #gallery-nav {width: 720px; border-bottom:1px solid #666; padding: 10px 0 0 0;height:25px;} ul#buttons {margin: 0;padding: 0;outline:0;} ul#buttons li {list-style: none;float:left;font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size:95%;text-align:center;;outline:0;} ul#buttons li a:link {text-align:center;color:#999;text-decoration:none;width: 150px;height: 30px;display: block;background: url(/assets/images/general/arrow_up.gif) 0 20px no-repeat #000;outline:0;} ul#buttons li a:visited {text-align:center;width: 150px;height: 30px;display: block;outline:0;} ul#buttons li a:hover {text-align:center;color:#fff;text-decoration:none;width: 150px;height: 30px;display: block;background: url(/assets/images/general/arrow_hover.gif) 0 20px no-repeat #000;outline:0;} /*---- sIFR ---*/ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-active h2 { visibility: hidden; font-family: Arial; line-height: 1em; font-size: 32px; } /*---- News Listing ---*/ .date { font-family:Arial, Helvetica, sans-serif; border-right:1px solid #ccc; width:35px; float:left; margin-right:10px; text-align:center; margin-bottom:8px; } .day { color:#ccc; font-size:180%; font-weight:bold; width:40px; } .month { font-weight:bold; font-size:90%; text-align:center; } .newsItem { padding:4px; font-family:Arial, Helvetica, sans-serif; float:left; width:400px; margin: 0 0 30px 0; border-bottom:1px dotted#333; } .newsItem:hover { background: #333; } .newsItem .newsTitle a{ font-size:130%; margin:6px 0; } .newsItem .newsTitle a:hover { text-decoration:none; } .newsItem .newsCompany { margin:8px 0; } .newsItem { margin:8px 0; } .newsCompany { margin:0 0 5px; font-size:100%; } .newsItem .newsCompany a, .newsItemDetails .newsCompany a{ color:#97AA4A; font-weight:bold; text-decoration:none; }