html, body {margin:0px; padding:0px; background:#dcdcdc; font-family:Helvetica; font-size:11px; color:#808080;
padding-top: 10px; line-height: 14px;}
/* The header and footer */
#page { background: url(images/bg.gif) repeat-y center center #FFF; width: 982px; margin: 0 auto; /*Center container on page*/
}
#maincontainer{
width: 980px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#border
{
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
#header { background: url(images/top1Bg.gif) 0 0; height: 124px;}
#homes { background: url(images/aboutHomesBg.gif) 0 0 repeat-x #FFF; height: 240px; padding-left: 30px;}
#footer { height: 30px; width: 980px; background: #FFF; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; margin:0; padding: 0; }
#footer p { font-family: Helvetica; font-size: 11px; color: #808080; padding-left: 10px; padding-top: 5px; margin-top: 0;}
#footer p a { font-family: Helvetica; font-size: 11px; color: #808080; text-decoration: underline; }
#footer p a:hover { font-family: Helvetica; font-size: 11px; color: #808080; text-decoration: none; }
#backNav { background: url(images/navBg.gif) 0 0 repeat-x; height: 40px;}
#nav {
float:left;
width:100%;
font-family:Helvetica; font-size:12px;
}
#nav ul {
margin:0 auto;
padding:0 0 0 0px;
list-style:none;
display:table;
}
#nav li {
display:table-cell;
float:left;
margin:0 0 0 0px;
padding:0 0 0 6px;
background:url(images/nav1.gif) 0 100% no-repeat;
}
#nav li:hover {
background-position:-6px 100%;
}
#nav a {
position:relative;
display:block;
color:#fff;
background:url(images/nav2.gif) 100% 100% no-repeat;
padding:8px 18px 15px 8px;
text-decoration:none;
}
#nav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
background-image:url(images/nav1.gif);
}
.on {
background-image:url(images/nav1.gif);
}
/* Home*/
div.home
{
width: 200px;
float: left;
text-align: left;
color: #FFF;
font: 11px Helvetica;
margin: 23px 15px;
font-weight: bold;
}
div.home a { color: #85cb51; text-decoration: none; }
div.home a:hover { color: #FFF }
div.home a img { border: 0; }
#topsectionLeft{
float: left;
height: 124px; /*Height of top section*/
width: 190px;
cursor: hand;
background: url(images/westminsterHomesLogo.gif) no-repeat 20px 20px;
}
#topsectionRight {
float: left;
height: 94px; /*Height of top section*/
width: 775px;
padding-top: 25px;
font: normal 12px Helvetica, Verdana, Arial, sans-serif;
line-height: 22px;
text-decoration: none;
color: #FFF;
margin: 0;
}
#topsectionRight p, #topsectionRight p a:hover {
font: normal 11px Helvetica, Verdana, Arial, sans-serif;
line-height: 12px;
text-decoration: none;
color: #FFF;
margin: 0;
}
#topsectionRight p a {
font: normal 11px Helvetica, Verdana, Arial, sans-serif;
line-height: 12px;
text-decoration: underline;
color: #FFF;
}
/* This bit does all the work */
#container {position:relative; display:block; background: url(images/gradTop.gif) no-repeat 0 0 #FFF; padding-top: 10px; padding-bottom: 10px; }
#container2 {background: url(images/gradBase.gif) no-repeat; background-position: bottom; background-color: #FFF; height: 44px;}
#container3 {position:relative; display:block; background: #FFF; padding-bottom: 10px; }
#contentBanner {background: url(images/top.gif) repeat-x 0 5px #FFF; width: 980px; }
#leftBanner { float:left; position:relative; height: 25px; width:784px; padding-top: 5px; display:inline; }
#rightBanner { float:left; position:relative; height: 30px; width:196px; display:inline; padding-top: 10px; }
#left { float:left; position:relative; width:355px; padding-left:20px; margin-right: 20px; display:inline; }
#mid { float:left; position:relative; width:355px; padding-left:20px; margin-right: 20px; display:inline; background: url(images/grey.gif) repeat-y 0 0; }
#right { float:left; position:relative; width:150px; padding-left:20px; margin-right: 20px; display:inline; background: url(images/grey.gif) repeat-y 0 0; }
#contact1 { float:left; position:relative; width:240px; padding-left:20px; margin-right: 20px; display:inline; }
#contact2 { float:left; position:relative; width:405px; padding-left:20px; margin-right: 20px; display:inline; background: url(images/grey.gif) repeat-y 0 0; }
#contact3 { float:left; position:relative; width:235px; height: 517px; padding-left:0px; margin-bottom: 20px; margin-right: 20px; display:inline; background: url(images/contactStrip.jpg) no-repeat 0 0; }
#double1 { float:left; position:relative; width:672px; padding-left:10px; display:inline; padding-top:30px; }
#double2 { float:left; position:relative; width:250px; padding-left:15px; margin-right: 20px; display:inline; line-height: 18px; padding-top:23px; background: url(images/col2Top.gif) no-repeat 15px 29px; }
#houseLand1 { background: url("images/col1Top.gif") no-repeat 0 0; width: 461px;float:left; position:relative; margin-left:10px; display:inline; padding-top:0px; }
#houseLand2 { float:left; position:relative; width:439px; padding-left:20px; margin-right: 20px; display:inline; line-height: 18px; padding-top:0px; }
#display1 { padding-left: 10px; width: 672px;float:left; position:relative; margin-left:10px; display:inline; padding-top:0; }
#display2 { background: url(images/col2Top.gif) no-repeat 0 0; float:left; position:relative; width: 258px; padding-left:10px; margin-right: 20px; display:inline; line-height: 18px; padding-top:0px; }
#saleRent1 { background: url("images/col1Top.gif") no-repeat 0 0; width: 631px; float:left; position:relative; margin-left:20px; display:inline; padding-right:10px; }
#saleRent2 { float:left; position:relative; width:239px; height: 670px; display:inline; background: url("images/saleRentStrip.jpg") no-repeat 55px 0; }
#comm1 { background: url("images/commPanel.gif") no-repeat 0 0; width: 699px; float:left; position:relative; margin-left:20px; display:inline; padding-right:10px; padding-top: 0px; }
#comm2 { float:left; position:relative; width:239px; height: 670px; display:inline; background: url("images/commStrip.jpg") no-repeat 55px 0; }
#calc2 { background: url("images/calcBg.gif") no-repeat 0 0; width: 696px; height: 510px; float:left; text-align:center; }
#calc1 { float:left; height: 510px; width: 940px; display:inline; background: url("images/calcStrip.jpg") no-repeat top right; }
#medium1 {line-height: 18px; float:left; position:relative; display:inline; padding-top:0px; padding-left: 20px; }
#single1 {line-height: 14px; float:left; position:relative; display:inline; padding-left:20px; }
#terraceTop { background: url(images/dsh_terraceTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#terraceBottom { background: url(images/dsh_terracePlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#riverviewTop { background: url(images/dsh_riverviewTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#riverviewBottom { background: url(images/dsh_riverviewPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#putneyTop { background: url(images/dsh_putneyTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#putneyBottom { background: url(images/dsh_putneyPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#pengillyTop { background: url(images/dsh_pengillyTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#pengillyBottom { background: url(images/dsh_pengillyPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#huntleyTop { background: url(images/dsh_huntleyTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#huntleyBottom { background: url(images/dsh_huntleyPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#glenburnTop { background: url(images/dsh_glenburnTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#glenburnBottom { background: url(images/dsh_glenburnPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#cremorneTop { background: url(images/dsh_cremorneTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#cremorneBottom { background: url(images/dsh_cremornePlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#coveTop { background: url(images/dsh_coveTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#coveBottom { background: url(images/dsh_covePlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#waterfrontTop { background: url(images/dsh_waterfrontTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#waterfrontBottom { background: url(images/dsh_waterfrontPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#glenviewTop { background: url(images/dsh_glenviewTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#glenviewBottom { background: url(images/dsh_glenviewPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#blighTop { background: url(images/ssh_blighTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#blighBottom { background: url(images/ssh_blighPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#boroniaTop { background: url(images/ssh_boroniaTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#boroniaBottom { background: url(images/ssh_boroniaPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#elizabethTop { background: url(images/ssh_elizabethTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#elizabethBottom { background: url(images/ssh_elizabethPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#northwoodTop { background: url(images/ssh_northwoodTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#northwoodBottom { background: url(images/ssh_northwoodPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#trafalgarTop { background: url(images/ssh_trafalgarTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#trafalgarBottom { background: url(images/ssh_trafalgarPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#victoriaTop { background: url(images/ssh_victoriaTop.jpg) no-repeat 0 0; height: 281px; width: 669;padding-bottom: 10px; }
#victoriaBottom { background: url(images/ssh_victoriaPlans.gif) no-repeat 0 0; height: 455px; width: 271; padding-bottom: 5px; }
#saleRent1 h2 { float: left; width: 461px;}
#sydney { float: left; width: 260px; border-right: 1px solid #CCC; margin-top: 10px; padding-right: 30px; line-height: 18px; }
#newcastle { float: left; width: 260px; margin-top: 10px; padding-left: 30px; line-height: 18px; }
#flash {float:left; width:649px; height: 291px; padding-right: 6px; background-color: #FFF; }
#homeImg {float:right; background-color: #FFF; }
#contactMap {background: url("images/map.gif") no-repeat 0 0; height: 529px; width: 461px; margin-top: 20px;}
#footer {width:980px; padding: 0; margin: 0; }
#footer1 {float:left; position:relative; width:570px; padding-left: 10px; margin: 0; }
#footer2 {float:left; position:relative; width:380px; padding-right: 20px; margin: 0; text-align: right; }
.clear {clear:both;}
ul { margin: 0; padding-left: 10px}
ul li { margin: 0; padding-left: 2px;}
h1 {font-family:Helvetica; font-size:16px; font-weight: normal; color:#0061aa; padding-left: 20px; padding-top: 17px; padding-bottom:15px; margin: 0; }
h2 {font-family:Helvetica; font-size:12px; font-weight: normal; color:#fff; margin: 0; padding-top: 10px; }
h3 {font-family:Helvetica; font-size:11px; font-weight: bold; color:#006699; margin: 0; padding-top: 15px; }
h4 {font-family:Helvetica; font-size:12px; font-weight: bold; color:#fff; padding-left: 20px; height: 35px; margin: 0; padding-top: 15px; }
h5 {font-family:Helvetica; font-size:16px; font-weight: bold; color:#0061aa; padding-top: 10px; padding-bottom: 5px; margin: 0; text-decoration: none; }
p { font-family:Helvetica; font-size:11px; color:#808080; line-height: 16px;}
p a { font-family:Helvetica; font-size:11px; color:#0061aa; text-decoration: underline;}
p a:hover { font-family:Helvetica; font-size:11px; color:#808080; text-decoration: none; }
.hl { line-height: 16px; }
.blue { color: #0061aa; }
.green { color: #308510; }
.bigBlue { color: #0061aa; font-size:13px; font-weight: bold; padding-top: 10px; margin:0;}
.bigBlue2 { color: #0061aa; font-size:12px; padding-top: 10px; margin:0;}
.lgBlue { color: #0061aa; font-size:15px; font-weight: bold; padding-top: 10px; margin:0;}
.bigGreen { color: #308510; font-size:13px; font-weight: bold; }
.form { font-family:Helvetica; font-size:11px; color:#808080; }
.gap { padding-bottom:15px; padding-left: 10px;}
.arrow {background: url(images/topArrowBlue.gif) no-repeat 0px 2px; margin-right: 2px; margin-left:10px;}
.half {padding-top: 6px; padding-left: 8px;}
#aboutBrochure { display: block; width: 136px; height: 25px; background: url("images/buttons/btn_downloadBrochure.gif") no-repeat 0 0; }
#aboutBrochure:hover { background-position: 0 -25px; } #aboutBrochure span { display: none; }
#displaySites { display: block; width: 117px; height: 25px; margin-top:10px; margin-bottom:150px; background: url("images/buttons/btn_viewDisplaySites.gif") no-repeat 0 0; }
#displaySites:hover { background-position: 0 -25px; } #displaySites span { display: none; }
.signup { background: url(images/buttons/btn_submit.gif); }
button.signup { background-position: 0 -25px; height: 25px; }
a:hover button.signup { background-position: 0 0; }
.rollover a, button { width: 68px; padding: 0; border: 0; cursor: pointer; display: block; }
#borrow { display: block; width: 151px; height: 25px; background: url("images/buttons/btn_howMuchCanIBorrow.gif") no-repeat 0 0; }
#borrow:hover { background-position: 0 -25px; } #borrow span { display: none; }
#viewSpecial { display: block; width: 151px; height: 25px; background: url("images/buttons/btn_viewSpecialPromotion.gif") no-repeat 0 0; }
#viewSpecial:hover { background-position: 0 -25px; } #viewSpecial span { display: none; }
#viewEstate { display: block; float: left; width: 151px; height: 25px; margin-bottom: 5px; background: url("images/buttons/btn_viewEstatePlan.gif") no-repeat 0 0; }
#viewEstate:hover { background-position: 0 -25px; } #viewEstate span { display: none; }
#pdfBrochure { display: block; float: left; width: 151px; height: 25px; margin-bottom: 5px; background: url("images/buttons/btn_pdfBrochure.gif") no-repeat 0 0; }
#pdfBrochure:hover { background-position: 0 -25px; } #pdfBrochure span { display: none; }
#pdfBlock { display: block; float: left; width: 151px; height: 25px; margin-bottom: 5px; background: url("images/buttons/btn_pdfBlocks.gif") no-repeat 0 0; }
#pdfBlock:hover { background-position: 0 -25px; } #pdfBlock span { display: none; }
#salesOffice { display: block; float: left; width: 151px; height: 25px; background: url("images/buttons/btn_salesOfficeLocation.gif") no-repeat 0 0; }
#salesOffice:hover { background-position: 0 -25px; cursor: hand; } #salesOffice span { display: none; }
#enquire { display: block; float: left; width: 91px; height: 25px; margin-bottom: 5px; background: url("images/buttons/btn_enquireNow.gif") no-repeat 0 0; }
#enquire:hover { background-position: 0 -25px; } #enquire span { display: none; }
.double { display: block; float: left; width: 168px; height: 25px; margin-bottom: 5px; background: url("images/buttons/btn_moreDoubleStoreyHomes.gif") no-repeat 0 0; }
.double:hover { background-position: 0 -25px; } .double span { display: none; }
.single { display: block; float: left; width: 168px; height: 25px; margin-bottom: 5px; background: url("images/buttons/btn_moreSingleStoreyHomes.gif") no-repeat 0 0; }
.single:hover { background-position: 0 -25px; } .single span { display: none; }
.next { display: block; float: left; width: 87px; height: 24px; margin-bottom: 5px; background: url("images/buttons/btn_nextHome.gif") no-repeat 0 0; }
.next:hover { background-position: 0 -24px; } .next span { display: none; }
.previous { display: block; float: left; width: 99px; height: 24px; margin-bottom: 5px; background: url("images/buttons/btn_previousHome.gif") no-repeat 0 0; }
.previous:hover { background-position: 0 -24px; } .previous span { display: none; }
#mapSales { display: block; float: left; width: 168px; height: 25px; margin-bottom: 5px; background: url("images/buttons/btn_mapOfSalesOffice.gif") no-repeat 0 0; }
#mapSales:hover { background-position: 0 -25px; } #mapSales span { display: none; }
.thumb { display: block; float: left; width: 86px; height: 25px; background: url("images/buttons/btn_details.gif") no-repeat 0 0; }
.thumb:hover { background-position: 0 -25px; } .thumb span { display: none; }
.display { display: block; float: left; width: 86px; height: 25px; background: url("images/buttons/btn_details.gif") no-repeat 0 0; }
.display:hover { background-position: 0 -25px; } .display span { display: none; }
.larger { display: block; float: left; width: 110px; height: 25px; background: url("images/buttons/btn_seeLargerMap.gif") no-repeat 0 0; }
.larger:hover { background-position: 0 -25px; } .larger span { display: none; }
.showHomes {
padding: 0px;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
width:940px;
float: left;
}
.smHomes { float: left; width: 270px; border: 1; height: 300px; padding-right: 35px; padding-top: 10px; font-family:Helvetica; font-size:11px; color:#808080; }
.smHomes a {
display:block;
width:100%;
height:100%;
text-decoration:none;
font-family:Helvetica; font-size:11px; color:#808080;
}
.smHomes a:hover {
text-decoration:none;
font-family:Helvetica; font-size:11px; color:#808080;
}
.left {
float: left;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 15px;
}
.right {
float: right;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 15px;
}