body, div, table, tr, td, p{
	font:normal 12px Arial, Helvetica, sans-serif;
	
}
body{
	
	margin:0px;
	background-color:#FFFFFF;
	text-align:center
	
}
a:link{color:#0000CC;text-decoration:none}
a:visited{color:#0000CC;text-decoration:none}
a:active{color:#0000CC;text-decoration:underline} 
a:hover{color:#3f7fca;text-decoration:none} 

.page {
	width:800px;
	display:block;
	margin:0px auto 0px;
	min-height:800px;
	background:#FFF;
	text-align:center;
}

form{
	margin:0px;
	}
.headpic{
	background:url('../images/HeaderBg.png') repeat-x 0px 0px;	
	WIDTH:800px;
	padding:5px;
	text-align:center;
	border:1px solid #efefef;
	}
.headLine{
	WIDTH:800px;
	max-height:10px;
	text-align:center;
	}

	
.subMenu{
border:1px solid #cccccc;
width:172px;
text-align:left;
padding:0px 5px;
<!-- OVERFLOW: hidden; -->
height:618px;

	}

.subMenu.title{
	border-bottom:1px solid #FFFFFF;
	height:25px;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	}
	
.subMenu.item{
	border-bottom:1px dotted #FFFFFF;
	height:25px;
	padding-top:5px;
	padding-left:5px;
	text-align:left;
	}

.news{
border:1px solid #cccccc;
width:172px;
text-align:left;
padding:0px 5px;
OVERFLOW: auto;
}

.actpic{
	margin-top:0px;
	OVERFLOW: hidden;
	WIDTH:800px;
	FILTER: alpha(opacity=90);
	}
.logopic{	
	WIDTH:800px;
	padding:10px;
	}
.mainpic{	
	WIDTH:812px;	
	min-height:600px;
	padding-top:5px;
	}
.mainleft{
	float:left;		
	width:172px;
	
	}
.mainright{	
	width:620px;
	}
.mainArea{	
	width:618px;
	margin-left:5px;
	border:1px solid #ccc;
	min-height:320px;
	}

.customerArea{	
	width:618px;
	border:1px solid #ccc;
	margin-left:5px;
	}

.freePostArea{	
	width:618px;
	text-align:left;
	margin-left:5px;
	}


.borderTable table{	
	border:1px solid #cccccc;
	}

.borderTable tr{	
	border:1px solid #cccccc;
	}

.navigation{
position:relative;
width:200px; 
height:30px; 
background-color:#fff;
text-align:left;
width:200px;
border-bottom:1px dotted #efefef;
index:520;
}

.navigation ul
{margin:0px; padding:0px;}
.navigation ul li
{display:inline;  
float:left; list-style:none; margin-left: 0px; padding-left:5px; position:relative; background-color:#ccc;
border-bottom:1px dotted #FFF;
}


.navigation li a
{color:#fff; text-decoration:none;}

.navigation li a:hover
{color:#fff; text-decoration:underline;}

.navigation li ul
{
margin:0px; 
padding:0px; 
display:block;
position:absolute;
left:0px;
top:1px;
background-color:#ccc;
width:250px;
}

.navigation li li
{
list-style:none; 
display:list-item;
border-bottom:1px dotted #FFF;
}

	
	

.roomDetailTitle{
padding:5px;
font-weight: bold;
color:#F84B01;
}

.roomDetailPropertyAllow{
width:135px;
height:100px; 
float:left
}

.roomDetailPropertyItem{
width:70px; float:left
}
.roomEnquireButton{
color:#F84B01;
font:bold 11px Arial, Helvetica, sans-serif;
}

.rentalBg{
position: relative;
width:268px;
height:300px; 
padding:10px;
background:url('../images/rentalBg.png') repeat-x 0px 0px;	
}

.rentalBg .roomDetailSuburb{
padding:10px 0px;
font-weight: bold;
}

#roomDetailImage{
width:395px; 
padding:5px; 
float:left
}

.rentalMainDesc{
width: 500px; 
padding:0px 15px;
float:left;
background:url('../images/rentalBg.png') repeat-x 0px 0px;
}

.rentalEmailForm{
width: 462px; 
padding:10px;
float:left;
background:url('../images/rentalBg.png') repeat-x 0px 0px;
}

.rental_House{
}
a.rental_House:link{color:#FF0000;text-decoration:none;font-size:12px;}
a.rental_House:visited{color:#000000;text-decoration:none;font-size:12px;}
a.rental_House:active{color:#000000;text-decoration:underline;font-size:12px;} 
a.rental_House:hover{color:#FAAE21;text-decoration:none;font-size:12px;} 


.rentalListHouse{
padding:0px 3px;
background:url('../images/listHouseBg.png') repeat-x 0px 0px;
}


.rentalListTop{
padding:0px 30px;
margin:0px -10px;
background:url('../images/listTopBg.png') repeat-x 0px 0px;
}



.rentalThumb {	
	padding:2px;
	display:block;
	width:134px;
	height:96px;
	clear:both;
	text-align:center;
	background:url('../images/thumBg.png') no-repeat 3px 1px;	
}

.renovationCard{
width: 275px; 
height:150px;
padding:5px;
margin:2px 0px;
border: 1px dotted #ccc;
color:#666;
background-color:#FFF
}


.pageNum{
	height:26px;
	padding:10px 10px 1px 30px;
	background:url('../images/rentalHeader.png') repeat-x 0px 0px;	
}
.disNum{
	height:26px;
	width:400px;
	float:left;
	}


.nevMenu{
	background-color:#FAAE21;
	margin:0px 2px;
	height:20px;
	}
.nevMenu1{
	background-color:#DFEBFF;
	margin:0px 2px;
	height:20px;
	color:#037BD3;
	}

	
.nevMenuBar{
	width:80px;
	height:20px;
	text-align:center;
	color:#ffffff;
	}
a.nevMenuBarTitle:link{color:#ffffff;text-decoration:none;font:bold 14px;}
a.nevMenuBarTitle:visited{color:#ffffff;text-decoration:none;font: bold 14px;}
a.nevMenuBarTitle:active{color:#ffffff;text-decoration:none;font: bold 14px;} 
a.nevMenuBarTitle:hover{color:#195a9d;text-decoration:none;font: bold 14px;} 

.nevMenuBar1{
	width:80px;
	height:20px;
	text-align:center;
	color:#037BD3;
	}

a.headerTitle:link{color:#000000;text-decoration:none;font-size: 12px; font-weight:bold}
a.headerTitle:visited{color:#000000;text-decoration:none;font-size: 12px; font-weight:bold}
a.headerTitle:active{color:#000000;text-decoration:none;font-size: 12px; font-weight:bold} 
a.headerTitle:hover{color:#FF9900;text-decoration:none;font-size: 12px; font-weight:bold} 

a.headerTitle1:link{color:FF9900;text-decoration:none;font-size: 12px; font-weight:bold}
a.headerTitle1:visited{color:FF9900;text-decoration:none;font-size: 12px; font-weight:bold}
a.headerTitle1:active{color:FF9900;text-decoration:none;font-size: 12px; font-weight:bold} 
a.headerTitle1:hover{color:#FF9900;text-decoration:none;font-size: 12px; font-weight:bold} 

a.vheaderTitle:link{color:#000000;text-decoration:none;font-size: 12px; }
a.vheaderTitle:visited{color:#000000;text-decoration:none;font-size: 12px; }
a.vheaderTitle:active{color:#000000;text-decoration:none;font-size: 12px; } 
a.headerTitle:hover{color:#FF9900;text-decoration:none;font-size: 12px; } 



.menuTitle{
	background-image:url('../images/menuShadow.png');
	width:150px;
	height:24px;
	text-align:center;
	color:#195a9d;
	font:bold 14px;
	}



table.mainNewsTitle{
	background-color:#e4e4e4;
	height:26px;
	width:600px;
	padding-left:5px;
	
	margin-bottom:5px;
	margin-left:5px;
	
}

.newsTitle{
	font: bold 14px;	
	color:#FAAE21;
}

table.mainNewsTitle td{
	padding-left:10px;
	}
.newsline{
	height:25px;
	width:300px;
	margin:5px; 
	border-bottom:1px dotted #CCCCCC;
	}
a.newslineA:link{color:#000000;text-decoration:none;font-size:12px;}
a.newslineA:visited{color:#000000;text-decoration:none;font-size:12px;}
a.newslineA:active{color:#000000;text-decoration:underline;font-size:12px;} 
a.newslineA:hover{color:#FAAE21;text-decoration:none;font-size:12px;} 

.footerBot{
	width:812px;
	background-color:#e4e4e4;
	color:#7e7e7e;
	border:1px solid #c3c3c3;
	line-height:150%;
	text-align:center;
	margin-left:1px;
	margin-right:-1px;
	margin-top:2px;
	}
.footerL{
	width:800px;
	text-align:center;
	background-color:#FAAE21;
	padding-top:10px;
	color:#FFFFFF;
	line-height:150%;
	}

/* -------CSS MAIN MENU BAR -------- */	
.menu {
	border:1px solid #efefef;  background:url('../images/HeaderBg.png') repeat-x 0px 0px;
	
	margin:0px 2px 0px 1px;
	width: 812px;
	height: 40px;
	text-align:center;
	background-position-y:50%
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
	{
	margin: 0; 
	padding: 0; 
	background-color: transparent; 
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	margin-bottom:10px;
	}
.menu ul ul 
	{
	width:95px;
	}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li 
	{
	float:left;width:95px;position:relative;
	list-style: none;
	}
/* style the links for the top level */
.menu a, .menu a:visited 
	{
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#000; 
	width:95px; 
	height:40px; 
	border-left:1px solid #fff; 
	border-width:1px 0 1px 1px; 
	background-color: transparent; 
	padding-left:1px; 
	padding-right:0px; 	
	line-height:40px;
	}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited 
	{
	
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
	{
	visibility:hidden;
	position:absolute;
	height:0;
	top:40px;
	left:0;
	width:95px;
	}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited 
	{
	background-image: url('../images/HeaderBg.png');
	color:#FFF; 
	height:30px; 
	padding:3px ; 
	width:95px;
	line-height: 16px;
	display: block;
	text-align: left;
	font-weight: bold;
	}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover
	{
	color:#000;
	background:#efefef;
	}
.menu :hover > a, .menu ul ul :hover > a
	{
	color:#000;
	background:#efefef;
	}

/* Sets the Home Navigation to a certain width */
.menu li.cutters, .menu li.cutters a, .menu li.cutters a:visited
	{
	position:relative; 
	list-style: none; 
	margin:0;
	float:left; 
	width:130px; 
	color:#000;
	padding-right: 1px;
	}
	
.menu li.pavers, .menu li.pavers a, .menu li.pavers a:visited
	{
	position:relative; 
	list-style: none; 
	margin:0;
	float:left; 
	width:160px; 
	color:#000;
	padding-right: 1px;
	}



/* ########## DOMAIN NAVIGATION STYLES ######### */


/* Sets the other Navigation to a certain width */
.menu li.other_nav, .menu li.other_nav a, .menu li.other_nav a:visited
	{
	position:relative; 
	list-style: none; 
	margin:0;
	width: 124px; 
	color:#000;
	}

.menu li.other_subnav, .menu li.other_subnav a, .menu li.other_subnav a:visited

{
width: 118px;
visibility:visible;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul
	{
	visibility:visible;
	}
	


/* -------*END* CSS MAIN MENU BAR -------- */