/************************************************************************ Site: Peter Hansen Author: MockOrange [www.mockorange.com.au] Listing Order: ============== 1 - Universal 2 - Structure/Layout 3 - Main Navigation (Left) 4 - Page Elements 5 - Footer/Labels 6 - Headings 7 - Forms /*********************************************************************** 1 - UNIVERSAL STYLES ************************************************************************/ body#Yacht, body#Estate { margin:0; padding:0; font: 75%/1em "Lucida Grande", arial, verdana, sans-serif; color: #666666; line-height: 120%; background: url("../images/background.jpg") repeat-y; } body#Yacht { background:url(../images/background_yacht.gif) #09018B repeat-x; } body#Estate { background:url(../images/background_estate.gif) #0082D6 repeat-x;} * { margin: 0; padding: 0; } a { color:#c53f3f; text-decoration: underline; } a:hover { color: #d9d629; } .clear { margin:0; clear:both; } /*********************************************************************** 2 - Structure/Layout ************************************************************************/ #wrapper{ display:block; width:80em; margin:55px auto; background:url(../images/bricks_home.gif) no-repeat left top; } #tabs { float:left;} #tabs img { border: 0; display: block;} #tabs ul { list-style-type: none; margin:0; padding:0; } #tabs li { margin-bottom:3px; margin:0; padding:0; } #tabs #yachtoff { display:block; background:url(../images/tabs_yacht_off.jpg) no-repeat; width:44px; height:143px; } #tabs #estateon { display:block; background:url(../images/tabs_estate_on.jpg) no-repeat; width:44px; height:183px; } #tabs #yachton { display:block; background:url(../images/tabs_yacht_on.jpg) no-repeat; width:44px; height:183px; } #tabs #estateoff { display:block; background:url(../images/tabs_estate_off.jpg) no-repeat; width:44px; height:143px; } #content { float:left; background-color:#FFF; padding:.75em; } body#Yacht #banner, body#Estate #banner { height: 8.25em; width:70.25em; margin-bottom:.75em; } body#Yacht #banner { background:url(../images/logo_yacht.gif) #0081d5 no-repeat right; } body#Estate #banner { background:url(../images/logo_Estate.gif) #d9d629 no-repeat right; } body#Yacht #navrow, body#Estate #navrow { width:70.25em; display:block; } body#Yacht #navlist, body#Estate #navlist { display:block; float:left; margin-right:.75em; width:242px; height:156px; } body#Yacht #leftimage { display:block; float:left; width:377px; height:156px; margin-right:.75em; background:url(../images/boat_left_01.jpg); } body#Estate #leftimage { display:block; float:left; width:377px; height:156px; margin-right:.75em; background:url(../images/estate_left_01.jpg); } body#Yacht #rightimage, body#Estate #rightimage { display:block; float:left; width:205px; height:156px; } body#Yacht #rightimage { background:url(../images/boatimages/boat_right_01.jpg); } body#Estate #rightimage { background:url(../images/estateimages/estate_right_01.jpg); } #information { width:70.25em; display:block; } #sub { width:65em; margin:0 2.5em; display:block; } #sub #subLeft { float:left; width:23em; margin-top:1em; } #sub #subRight { float:left; width:40em; margin-left:2em; margin-top:1em; } #sub #subRight img { margin-bottom:1em; } #sub #subRight p { margin:1em 1em 0 1em; } #sub #featuresMore { text-align:right; width:65em; } #subLeft img { float:left; display:block; margin:0 .75em 1em 0; border:1px solid #999; } .price { color:#C02F2F; font-weight:bold; margin:.5em 0; } #contentLeft { float:left; width:52.25em; margin-right:.75em; } #contentLeft p { margin:0 7.5em 1em 7.5em; padding:0; } #contentWhats { float:left; width:62.25em; margin-right:.75em; } #contentWhats p { margin:0 7.5em 1em 15em; padding:0; } #contentRight { float:left; width:17em; margin-bottom:1em; } #contentRight p { margin:0 .25em .75em .25em; } #mapImg { margin-left:1.5em; } #rightcen { width:17em; text-align:center; display:block; margin: 0 auto; } #rightcen img { margin-bottom:.5em; } #rightcen p { margin:.5em 0 1em 0; padding:0; font-weight:bold; } body#Yacht #shadow, body#Estate #shadow { float:left; width:24px; height: 328px; } body#Yacht #shadow { background:url(../images/shadow_yacht.jpg) no-repeat; } body#Estate #shadow { background:url(../images/shadow_estate.jpg) no-repeat;} #contentLeft .photo { float:left; width:10.25em; margin-left:1.5em; text-align:center; } #contentLeft .photo p { margin:.5em 0 0 0; padding:0; font-weight:bold; } #contentLeft .photo img { border:1px solid #999;} #contentLeft .photoCenter { width:36.75em; margin-left:5em; } /*YACHT PHOTOS*/ #contentLeft .YachtPhoto { float:left; width:16em; margin-left:1em; text-align:center; } #contentLeft .YachtPhoto p { margin:.5em 0 0 0; padding:0; font-weight:bold; } #contentLeft .YachtPhoto img { border:1px solid #999;} #contentLeft .photoCenter { width:40em; margin-left:5em; } #contentLeft .whatsNew { margin:0 0 0 1em; padding:0 .75em .75em .75em; float:left; width:14.5em; height:7.5em; } #contentLeft .whatsNew p { margin:0; padding:0 0 .5em .5em; font-size:.9em; } .whatsNewh3 a { margin:0; font-size:1.25em; } .whatnewp img { float:right; border:1px solid #333; margin:1em 0 0 2em; } #contentLeft .listImage { width:120px; float:left; margin-left:.5em; } #contentLeft .listImage { border:1px solid #999; padding:.25em; } #contentLeft .listInfo{ float:left; width:19.25em; margin-left:.75em; } #contentLeft .listInfo a { text-decoration:underline; font-weight:bold; } #contentLeft .listInfo a:hover { text-decoration:none; } #contentLeft .listInfo p { margin:0 0 .5em 0; padding:0; } #contentLeft .listMore { float:right; width:19.5em; margin:0 0 1em 1em; } #contentLeft .listMore p { background-color:#efefef; width:18em; margin:0; padding:.5em; margin:.5em 0; } #contentLeft .listMore .listMoreWhite { background-color:#FFFFFF; width:18em; margin:0; padding:.5em .5em 0 .5em; margin:0; } #contentLeft .listMore .features { width:19em; text-align:right; } #contentLeft .listMore .features img { margin:0; padding:0; } #contentLeft .listMore img { margin-left:11em; } #contentLeft ul { margin:0 0 1em 11em; } .backToList { float:right; margin:1em 0;} #contentLeft .pageNumber { margin:1em 0; padding:0; } #signiture { margin-left:7em; } #mockorange { font-size:.9em; color:#fff; text-align:center; width:80em; margin:0em auto; } #mockorange p {margin:1em 2em 1em 2em;} #mockorange a { color:#FFFFFF;} .tabBerths ul{ padding:0; margin:0 0 0 30em;} .tabBerths li {display: inline; margin:0; list-style-type:none; width:100px; font-size:11px; background-color:#09018B;} .tabBerths a { background-color:#C02F2F; background:url(../images/berth_tabs.gif) no-repeat; text-align:center; text-decoration:underline; width:7em; margin:3.25em 0 0 .25em; display:block; float:right; font-weight:bold; color: #fff; padding:.5em; } .tabBerths a:hover { text-decoration:none; } .whatsnew ul{ padding:0; margin:0;} .whatsnew li {display: inline; margin:0; list-style-type:none; width:100px; font-size:11px; background-color:#09018B;} .whatsnew a { background-color:#C02F2F; background:url(../images/berth_tabs.gif) no-repeat; text-align:center; text-decoration:underline; width:7em; margin:6px 0 0 .25em; display:block; float:left; font-weight:bold; color: #fff; padding:.5em; } .whatsnew a:hover { text-decoration:none; } #subnav { background-color:#d9d629; height:1em; margin:1em 0 1em 0; padding:.5em; } /*********************************************************************** 3 - Main Navigation (Left) ************************************************************************/ body#Yacht #navlist ul, body#Estate #navlist ul { margin: 0; padding: 0; list-style: none; } body#Yacht #navlist li, body#Estate #navlist li { margin: 0; padding: 0;} body#Yacht #navlist li a, body#Estate #navlist li a { font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; padding:.75em 0 0 1.5em; margin:0 0 .25em 0; text-decoration: none; display: block; width: 18.5em; height:2.25em; } body#Estate #navlist li a {background:url(../images/nav_estate.jpg) no-repeat;color:#000; } body#Yacht #navlist li a {background:url(../images/nav_yacht.jpg) no-repeat; color:#FFF; } body#Estate #navlist li a:hover {background:url(../images/nav_estate_over.jpg) no-repeat;color:#000; } body#Yacht #navlist li a:hover {background:url(../images/nav_yacht_over.jpg) no-repeat; color:#000; } /*********************************************************************** 5 - Footer/Labels ************************************************************************/ body#Estate #footer, body#Yacht #footer { width:70.25em; height:79px; margin-top: 1em; } body#Yacht #footer { background:url(../images/footer_yacht.jpg) no-repeat right #0081D5; } body#Estate #footer { background:url(../images/footer_estate.jpg) no-repeat right #D9D629; } body#Estate #address, body#Yacht #address { font-weight:bold; font-size:1em; text-align:center; width:17em; float:left; margin:1em 0 0 1em; } body#Estate #phone, body#Yacht #phone { font-weight:bold; font-size:1em; text-align:center; width:14em; float:left; margin:1.5em 0 0 5em; } body#Yacht #phone, body#Yacht #address { color:#fff; } body#Estate #phone, body#Estate #address { color:#000; } body#Estate #phoneNumber, body#Yacht #phoneNumber { font-size:1.5em; } /*********************************************************************** 6 - Headings ************************************************************************/ .h2yachtblue, .h2yachtfeature, .h2estateFeat {text-align:left; display:block; height:1em; font-family:Geneva, Arial, Helvetica, sans-serif; padding:.5em .5em; font-size:1em;margin:0 0 1em 0; text-transform:uppercase;} .h2blue , .h2red, .h2green, .h2estateblue {text-align:left; display:block; height:1em; font-family:Geneva, Arial, Helvetica, sans-serif; padding:.5em .5em; font-size:1em;margin:1em 0 1em 0; text-transform:uppercase;} .h2whatnewY { text-align:left; display:block; height:1em; font-family:Geneva, Arial, Helvetica, sans-serif; padding:.5em .5em; font-size:1em;margin:1.5em 0 1em 0; text-transform:uppercase; width:69.25em; background-color:#09018b; color:#FFF; } .h2whatnewE { text-align:left; display:block; height:1em; font-family:Geneva, Arial, Helvetica, sans-serif; padding:.5em .5em; font-size:1em;margin:1.5em 0 1em 0; text-transform:uppercase; width:69.25em; background-color:#0778a0; color:#FFF; } .h2blue { width:51.25em; background-color:#09018b; color:#FFF; } .h2estateblue { width:51.25em; background-color:#0778a0; color:#FFF; } .h2yachtblue { width:51.25em; background-color:#09018B; color:#FFF; } .h2yachtfeature { width:51.25em; background-color:#dbd72e; color:#FFF; } .h2estateFeat { width:51.25em; background-color:#C02F2F; color:#fff; } .developSearch { color:#C02F2F; margin:.25em 0 0 32.5em; font-size:13px; font-weight:bold; } .h2red { width:16.25em; background-color:#c53f3f; color:#FFF; } .h2green { width:16.25em; background-color:#d9d629; color:#0778a0;} .h2whatscolour { width:14.25em; background-color:#d9d629; color:#0778a0;text-align:left; display:block; height:1em; font-family:Geneva, Arial, Helvetica, sans-serif; padding:.5em .5em; font-size:1em; margin:0 0 .25em 0; text-transform:uppercase;} .h2whatscolourY { width:14.25em; background-color:#C02F2F; color:#ffffff;text-align:left; display:block; height:1em; font-family:Geneva, Arial, Helvetica, sans-serif; padding:.5em .5em; font-size:1em; margin:0 0 .25em 0; text-transform:uppercase;} .h2greensub, .h2redsub {text-align:left; display:block; height:1em; font-family:Geneva, Arial, Helvetica, sans-serif; padding:.5em .5em; font-size:1em;margin:5em 0 1em 0;} .h2greensub { width:16.25em; background-color:#d9d629; color:#0778a0;} .h2redsub { width:16.25em; background-color:#C02F2F; color:#fff;} .h3blue { text-align:left; margin:3em 6em 1em 5.75em; color:#0778a0; font-size:16px; font-family:Geneva, Arial, Helvetica, sans-serif; } .h3red { text-align:left; margin:2em 0 1em .5em; color:#C02F2F; font-size:16px; font-family:Geneva, Arial, Helvetica, sans-serif; } .h3subred { margin:0; padding:0; color:#C02F2F; font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; border-bottom:1px solid #0778A0; } .h2subestate, .description, .h2subyacht { color:#FFF; text-align:left; display:block; height:1em; font-family:Geneva, Arial, Helvetica, sans-serif; padding:.5em .5em; font-size:1em; } .h2subestate { width:69em; height:1em; margin:1em 0 1em 0; background-color:#0778A0;} .h2subyacht { width:69em; height:1em; margin:1em 0 1em 0; background-color:#09018B;} body#Estate .description { width:39em; background-color:#0778A0;} body#Yacht .description { width:39em; background-color:#C02F2F;} .whatNewDate { color:#C02F2F;} .h2newsestate { text-align:left; margin:3em 6em 1em 11.25em; color:#C02F2F; font-size:16px; font-family:Geneva, Arial, Helvetica, sans-serif; } .h2newsyacht { text-align:left; margin:3em 6em 1em 11.25em; color:#0778a0; font-size:16px; font-family:Geneva, Arial, Helvetica, sans-serif; } /*** These headings are for the details in More info ***/ .detailsMore { width:20em; height:1em; margin:1em 0 1em 0; color:#FFFFFF; font-weight:bold; padding:.5em .5em; } body#Estate .detailsMore {background-color:#0778A0; } body#Yacht .detailsMore { background-color:#09018B;} .blueQuote { color:#09018B; font-style:italic;} .blueQuoteimg { float:right; margin-right:8em; } .h3propdet { color:#C02F2F; font-weight:bold; font-size:1em; } /*********************************************************************** 7 - Forms ************************************************************************/ input { width:17em; } th { border:1px solid #cfcfcf; padding:1em; font-size:1.25em; color:#0778a0; } td { padding:1em; } .tablePosition { float:left; width:33em; margin:0 0 2em 2em; } .info { width:10em; font-weight:bold; background-color:#f7f7f7; } .info2 { width:10em; font-weight:bold; } .grey { background-color:#f7f7f7;} body#Estate .button, body#Yacht .button { color:#FFFFFF; border:0; font-weight:bold; width:8em;} body#Estate .button { background-color:#0778A0;} body#Yacht .button { background-color:#C53F3F;} .formDevelopments { float:right; margin-top:.25em; background-color:#0778a0; } .formDevelopments option { color:#fff; font-weight:bold; background-color:#0778a0; border-top:1px solid #fff;} #Auction { width:auto; text-align:center } #Auction img {padding-top:2em; border:0;}