/* CSS Document to support www.riverrealty.com.au - river realty*/

/* resets */

* {
margin:0;
padding:0;
}
/* structure */

body {
background: #162c3f url(../img/body_bg.jpg) repeat-x 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
text-align:center;
color: #2b5979;
}

#wrap {
width:984px;
margin: 15px auto;
padding: 8px 0px;
text-align:left;
line-height: 170%;
height:auto;
position: relative;
background:  url(../img/main_top.jpg) no-repeat 0 0;
b//order: 1px solid red;
}

#main {
background:  url(../img/main_bg.jpg) repeat-y 0 0;
width:984px;
float: left;
padding-bottom: 15px;
display: inline;  
b//order: 1px solid green;
}

#content h1, #content h2, #content h3, #content h4, #content p, #content ul, #content ol{ 
margin:0.5em 0; 

}
.dynamic h2, .dynamic h3, .dynamic h4, .dynamic p, .dynamic ul, .dynamic ol{ 
margin:0.5em 0; 
width: 400px;
}
h1 {
font-size:1.2em;
font-weight: bold;
}

h2 {
font-size:1.1em;
margin-top:0;
text-align:left;
}

h3, h4 {
font-size: 1.1em;
margin-top:0;
}
p {
font-size: 1.0em;

}
dd 	{ 
margin-left:5%;
}

fieldset { 
padding: .9em; 
}

img {
border: none;
}

.break, .clear {
clear:both;
}

#content ul, #content ol{
margin-left: 15px;
}

a {color: #2b5979;  text-decoration:none }
a:link {color: #2b5979;  text-decoration:none }
a:visited {color: #2b5979; text-decoration:none }
a:hover {color: #162c3f; text-decoration:none }


/* Sidewide */

#header {
width:984px;
height:90px;
float: left;
background: none;
display: inline;
position: relative;
bo//rder: 1px solid pink;
}

#graphic{
width:222px;
background: url(../img/graphic_nav.gif) no-repeat 0 0;
margin: 55px 0 0 0px;
padding: 0px;
height: 35px;
position: absolute;
right: 8px;
z-index: 999;
}

#logo{
width:182px;
background: url(../img/logo.gif) no-repeat 0 0;
margin: 24px 0 0 15px;
padding: 0px;
float: left;
height: 66px;
display: inline;
}

#mainNav{
width:688px;
background: #d4dfe8;
margin: 70px 0 0 0;
padding: 0px;
float: left;
height: 20px;
}

#contentContainer{
width:870px;
min-height: 200px;
background: #d4dfe8 url(../img/contentContainer_bg.gif) repeat-y 0 0;
margin: 0 0 0 15px;
border-top: 10px solid #d6c09c;
padding: 0px;
float: left;
display: inline;
min-height: 450px;
b//order: 1px solid green;

}

#webaddress{
bo//rder: 1px solid red;
width: 29px;
height: 440px; 
position: absolute;
right: 12px;
z-index: 9999;
background: url(../img/webAddress.gif) no-repeat 0 0;
}

#subNav{
width: 165px;
float: right;
display: inline;
margin: 0;
b//order: 1px solid pink;

}
#mainContent{
width: 702px;
float: left;
display: inline;
margin: 0;
border-top: 2px solid #4181ab;

}

#content{
width: 680px;
float: left;
display: inline;
margin: 10px;
}

#quicksearch{
width: 155px;
margin: 0px;
float: left;
display: inline;
color: #d4dfe8;
font-weight: bold;
font-size: 1.0em;
b//order: 1px solid red;
}

#quicksearch h1{
background: url(../img/hd_quickSearh.gif) no-repeat 0 0;
height: 27px;
width: 165px;
margin: 0px;
float: left;
display: block;
text-indent: -1000px;
b//order: 1px solid green;
}

#quicksearch form{
margin: 10px 5px;
padding: 0px;
float: left;
display: inline;

}

#quicksearch fieldset{
margin: 0px;
padding: 0px;
border: 0px;

}

#quicksearch form select{
display: inline;
padding: 0px;
background: #d4dfe8;
margin: 3px 2px;
font-size: 0.9em;
width: 140px;
float: left;
}

#quicksearch form select#qs_min-price,
#quicksearch form select#qs_max-price{
display: inline;
width: 68px;

}
#quicksearch form fieldset.submit{
margin-top: 15px;
float: right;
}
#quicksearch form input.button{
margin-bottom: -2px;
float: right;
}


/* Homepage Only */


body#home #quicksearch{
margin: 50px 0 0 15px;
display: inline;
padding: 0;
width: 165px;
border: 0px solid red;
}

body#home #contentContainer{
width:687px;
background: #d6c09c url(../img/animate_bg.gif) 0px 357px no-repeat;
margin: 0 0 40px 3px;
padding: 0;
border-top: 5px solid #d6c09c;
display: inline;
float: left;
min-height: 420px;
}

body#home #quicksearch{
margin: 50px 15px;
}

body#home #quicksearch h1{
background: url(../img/hd_quicksearchHome.gif);
}

body#home #main{
height: 630px;
}

#pow{
width: 190px;
margin: 2px;

}

#pow img{
width: 188px;
float: left;
margin: 1px;
}

#pow .price{
width: 88px;
float: right;
text-align: right;
margin: 1px;
}

#pow .suburb{
width: 95px;
float: left;
text-align: left;
margin: 1px;
}

.box h1{
margin: 0px;
text-indent: -9999px;
}

#pow h1{
background: url(../img/hd_featureProperty.gif) 0 0 no-repeat;
}

#featureProject h1{
background: url(../img/hd_featureProject.gif) 0 0 no-repeat;
}

#featureProject .photo{
width: 188px;
height: 158px;
overflow: hidden;
}
#featureProject .photo img{
width: 188px;
}

body#home #animate {
height:387px;
width: 491px;
float: left;
display: inline;
margin: 1px 1px 20px 1px;
b//order: 1px solid red;
}
.box{
width: 189px;
float: right;
margin: 0;
padding: 0;
border: 0px solid red;
color: #2f5f81;
font-weight: bold;
}


/*---menu----*/
#mainNav #menu {
float: left;
display: inline;
width: 558px;
height: 20px;	
list-style-type:none;
margin: 0;
padding: 0;
b//order: 1px solid green;
text-indent: -9999px;
text-transform: lowercase;
}	

#mainNav #menu li {
float: left;
height: 20px;
z-index: 9999;
position: relative;

padding:  0px;
margin: 0px;
display: block;
}	

#mainNav ul#menu li  a {
border: 0px blue solid;
display: block;
wi//dth: 100%;
height: 100%;
font-size: 1.1em;
font-weight: bold;
background-position: 0 -20px;

}	

#mainNav #menu :hover, ul#menu li a:hover {
background-position: 0 0px;
}	

/*main menu buttons*/
#mainNav #mm_home {
background-image:url(../img/mm_home.gif);
width: 52px;
}
#mainNav #mm_buying {
background-image:url(../img/mm_buying.gif);
width: 57px;
}
#mainNav #mm_selling {
background-image:url(../img/mm_selling.gif);
width: 54px;
}
#mainNav #mm_renting {
background-image:url(../img/mm_renting.gif);
width: 60px;
}
#mainNav #mm_finance {
background-image:url(../img/mm_finance.gif);
width: 66px;
}	
#mainNav #mm_projects{
background-image:url(../img/mm_projects.gif);
width: 65px;
}	
#mainNav #mm_news {
background-image:url(../img/mm_news.gif);
width: 52px;
}	
#mainNav #mm_aboutUs {
background-image:url(../img/mm_aboutUs.gif);
width: 72px;
}	
#mainNav #mm_contactUs {
background-image:url(../img/mm_contactUs.gif);
width: 78px;
}
/*Activates main button*/
body#home #mainNav #menu #mm_home,
body#buying #mainNav #menu #mm_buying,
body#selling #mainNav #menu #mm_selling,
body#renting #mainNav #menu #mm_renting,
body#finance #mainNav #menu #mm_finance,
body#news #mainNav #menu #mm_news,
body#aboutUs #mainNav #menu #mm_aboutUs,
body#contactUs #mainNav #menu #mm_contactUs,
body#projects #mainNav #menu #mm_projects {
background-position: 0 0px;
}

/*second level menu*/
#mainNav #menu li ul {
position: absolute; 
list-style-type:none;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
z-index: 99999;
width: 160px; 
font-size: 90%;
text-indent: 0px;
margin: 0;
padding: 0;  
border-top: 10px solid #d6c09c;  
}	
#mainNav #menu li ul li { /*removes space between links*/
height: auto;
margin: 0;
padding: 0;
background: none;
}	
#mainNav #menu li ul li a {
display: block; 
width: 160px; 
padding: 3px 5px;
background: #d6c09c;
border-top: 1px solid #d4dfe8;
color: #162c3f;
text-decoration: none;
font-weight: bold;
text-transform: lowercase;
}	
#mainNav #menu li ul li a:hover {
background: #2b5979;
color: #d4dfe8;
}
#mainNav #menu li:hover ul,
#mainNav #menu li.sfhover ul { /* lists nested under hovered list items */
top: 20px;
left: 0px;
z-index: 99999;
}


/*---SUBMENU---*/

#subNav ul{

font-size: 1.0em;
text-transform: lowercase;
line-height: 160%;
margin: 0;
padding: 0;
text-align: left;
b//order: 1px solid orange;
}
#subNav ul li {
padding: 0;
margin: 0;
}	
#subNav ul ul {
padding: 40px 0px 20px 0px;
margin: 0;
b//order: 1px solid white;
list-style-image: url(../img/sm_bullet.gif);
list-style-position: inside;
}	
#subNav ul ul li{
width: 160px;
}	
#subNav ul ul li a{
width: 160px;
}

#subNav ul li a{
padding: 0;
margin: 0;
}

#subNav ul a:hover {
text-decoration: none;
}

#subNav ul.subMenu,
#subNav li.submenu2{
display: none;
}

#subNav li a.submenu2{
text-indent: -999px;
visibility: hidden;
z-index: 999;
color: red;
}
#subNav ul li a {
width: 165px;       
}	



#subNav ul li a {color: #fff;  text-decoration:none }
#subNav ul li a:link {color: #fff;  text-decoration:none }
#subNav ul li a:visited {color: #fff; text-decoration:none }
#subNav ul li a:hover {color: #162c3f; text-decoration:none }

#subNav ul li#mm_buying {
background:url(../img/hdsm_buying.gif) no-repeat;

}	
#subNav ul li#mm_selling {
background:url(../img/hdsm_selling.gif) no-repeat;

}	
#subNav ul li#mm_renting {
background:url(../img/hdsm_renting.gif) no-repeat;

}	
#subNav ul li#mm_finance {
background:url(../img/hdsm_finance.gif) no-repeat;

}	
#subNav ul li#mm_news {
background:url(../img/hdsm_news.gif) no-repeat;

}	
#subNav ul li#mm_aboutUs {
background:url(../img/hdsm_aboutUs.gif) no-repeat;

}	
#subNav ul li#mm_contactUs {
background:url(../img/hdsm_contactUs.gif) no-repeat;

}	
#subNav ul li#mm_projects {
background:url(../img/hdsm_projects.gif) no-repeat;

}	
body#buying #subNav ul li#mm_buying,
body#selling #subNav ul li#mm_selling,
body#finance #subNav ul li#mm_finance,
body#news #subNav ul li#mm_news,
body#projects #subNav ul li#mm_projects,
body#renting #subNav ul li#mm_renting,
body#aboutUs #subNav ul li#mm_aboutUs{
display: block;
width: 165px;


}
body#buying #subNav ul.buying,
body#selling #subNav ul.selling,
body#renting #subNav ul.renting,
body#aboutUs #subNav ul.aboutUs,
body#finance #subNav ul.finance,
body#projects #subNav ul.projects,
body#news #subNav ul.news,
body#contactUs #subNav ul.contactUs{
display: block;
width: 165px;

}


#subnav img.button{
margin-bottom: 10px;
}
/*dynamic content*/


#mainContent h1.hd{
text-indent: -999px;

}
#mainContent h1.aboutUs{
background:url(../img/hdh1_aboutUs.gif) no-repeat;
}
#mainContent h1.contactUs{
background:url(../img/hdh1_contactUs.gif) no-repeat;
}
#mainContent h1.aboutArea{
background:url(../img/hdh1_aboutArea.gif) no-repeat;
}
#mainContent h1.bSales{
background:url(../img/hdh1_bSales.gif) no-repeat;
}
#mainContent h1.buyersTips{
background:url(../img/hdh1_buyersTips.gif) no-repeat;
}
#mainContent h1.buyersW{
background:url(../img/hdh1_buyersW.gif) no-repeat;
}
#mainContent h1.cLand{
background:url(../img/hdh1_cLand.gif) no-repeat;
}
#mainContent h1.cLease{
background:url(../img/hdh1_cLease.gif) no-repeat;
}
#mainContent h1.contactUs{
background:url(../img/hdh1_contactUs.gif) no-repeat;
}
#mainContent h1.cSales{
background:url(../img/hdh1_cSales.gif) no-repeat;
}
#mainContent h1.investment{
background:url(../img/hdh1_investment.gif) no-repeat;
}
#mainContent h1.maintenanceRequest{
background:url(../img/hdh1_maintenanceRequest.gif) no-repeat;
}
#mainContent h1.marketAppraisal{
background:url(../img/hdh1_marketAppraisal.gif) no-repeat;
}
#mainContent h1.mortgage{
background:url(../img/hdh1_mortgage.gif) no-repeat;
}
#mainContent h1.news{
background:url(../img/hdh1_news.gif) no-repeat;
}
#mainContent h1.rLand{
background:url(../img/hdh1_rLand.gif) no-repeat;
}
#mainContent h1.rProperties{
background:url(../img/hdh1_rProperties.gif) no-repeat;
}
#mainContent h1.rRentals{
background:url(../img/hdh1_rRentals.gif) no-repeat;
}
#mainContent h1.rSales{
background:url(../img/hdh1_rSales.gif) no-repeat;
}
#mainContent h1.sellingTips{
background:url(../img/hdh1_sellingTips.gif) no-repeat;
}
#mainContent h1.sold{
background:url(../img/hdh1_sold.gif) no-repeat;
}
#mainContent h1.staffProfiles{
background:url(../img/hdh1_staffProfiles.gif) no-repeat;
}
#mainContent h1.tenancyApplication{
background:url(../img/hdh1_tenancyApplication.gif) no-repeat;
}
#mainContent h1.tenancyWishlist{
background:url(../img/hdh1_tenancyWishlist.gif) no-repeat;
}
#mainContent h1.vacating{
background:url(../img/hdh1_vacating.gif) no-repeat;
}
#mainContent h1.privacy{
background:url(../img/hdh1_privacy.gif) no-repeat;
}
#mainContent h1.sendFriend{
background:url(../img/hdh1_sendFriend.gif) no-repeat;
}
#mainContent h1.feedback{
background:url(../img/hdh1_feedback.gif) no-repeat;
}
#mainContent h1.propertyEnquiry{
background:url(../img/hdh1_propertyEnquiry.gif) no-repeat;
}
#mainContent h1.newDevelopments{
background:url(../img/hdh1_newDevelopments.gif) no-repeat;
}
/*dynamic content*/
img#right {
float: right;
margin-right: 10px;
}
img#left {
float: left;
margin-right: 10px;
}
dl.staffmember {
float: left;
border: 1px solid #2b5979;
float: left;
display: inline;
margin: 0px 5px 5px 5px;
padding: 2px;
background: #fff;
}
dl.staffmember p{
width: auto;
}
dl.staffmember dt{


margin: 0px;
padding: 2px 10px 0 5px;
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;

}
dl.staffmember dt.photo{
float: right;
background: none;
margin: 0px;
padding: 2px 0 0 10px;


}
dl.staffmember dd{

margin: 5px 15px;

}
dl.staffmember dd.position{
display: inline;
font-size: 1.1em;
font-weight: bold;

}

p#buttonPdf {
background: url(../img/ico_pdf.gif) no-repeat;
display: block;
height: 32px;
padding-left: 40px;
}

.getAcrobat a:link, 
.getAcrobat a:visited {
background: url(../img/ico_acrobat.gif) no-repeat 0 10px;
border-top: 1px solid #ccc;
display: block;
font-size: 9px; 
height: 51px;
line-height: 12px; 
padding: 12px 0px 0px 98px; 
text-decoration: none;
}

.downloadPdf a:hover { 
color

}
dl.contactUs{
width: 400px;
margin-left: 30px;
float: left;
clear: both;
}
dl.contactUs dt{
width: 100px;
float: left;
font-weight: bold;
clear: both;
}
dl.contactUs dd{
width: 250px;
float: right;
}
p#buttonPdf {
background: url(../img/ico_pdf.gif) no-repeat;
display: block;
height: 32px;
padding-left: 40px;
}

.getAcrobat a:link, 
.getAcrobat a:visited {
background: url(../img/ico_acrobat.gif) no-repeat 0 10px;
border-top: 1px solid #ccc;
display: block;
font-size: 9px; 
height: 51px;
line-height: 12px; 
padding: 12px 0px 0px 98px; 
text-decoration: none;
}

.downloadPdf a:hover { 
color:#999999;
}
#projects .project{

background: #fff;
border: 1px solid #2b5979;
padding: 10px;
float: left;
font-weight: bold;
margin-bottom: 15px;
}
#projects .project h3{
font-weight: normal;
font-size: 1.6em
}

#projects .project img.thumb{
float: right;
}

#projects .topImage{
width: 415px;
}
#projects .sideImage{
width: 250px;
}
/*footer*/

#footer {
margin:0px;
text-align: left;
color: #809eae;
font-size: .9em;
float: left;
display: inline;
padding: 15px 10px;
background: url(../img/main_bot.jpg) no-repeat 0 0;
height: 20px;
width:984px;
}

#footer a:link, #footer a:visited { 
color: #809eae;
text-decoration:none;
}

#footer a:hover, #footer a:active{
color: #fff;
text-decoration:underline;
}