@import url("reset.css");
@import url("thickbox.css");


/* main tags */

body { background-image: url(../images/bg.jpg); background-position: top center; background-repeat: no-repeat; line-height: 20px; margin-bottom: 10px;  font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#666666; }
body#gallery { background-image: none; width:880px;}


p { line-height: 20px; margin-bottom: 10px;  font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#666666; }
a {  font-family: Arial, Helvetica, sans-serif; color: #999999; font-size: 12px; line-height: 20px; } 
a:hover { color: #666666; }


h1 { margin-bottom: 10px; font-family: "Times New Roman", Times, serif; color: #CCCCCC; font-size: 24px; }
h2 { margin-bottom: 10px; font-family: "Times New Roman", Times, serif; color: #CCCCCC; font-size: 18px; }
h3 { margin-bottom: 5px; font-family: "Times New Roman", Times, serif; color: #999999; font-size: 18px; }

.left { float:left; }
.right{ float:right; }


.vt { float: right; margin-left: 15px; margin-right: 15px; margin-bottom: 50px; height: 64px; width: 115px; }
.vt a{ height: 64px; width: 115px; display: block; background-image:url(../images/vt.jpg);}
.vt a:hover { background-position: 0 -64px; }

.cta { float: right;  }

.bookmark { width:  198px; height: 29px; margin-top: 10px; margin-left: 32px; }
.bookmark a { width: 198px; height: 29px; background-image: url(../images/bookmark.jpg); display: block; text-indent: -9999px;  }
.bookmark a:hover { background-position: 0 -29px; }

.inspection { width: 287px; height: 43px; }
.inspection a { display: block; width: 287px; height: 43px; background-image: url(../images/inspection-list.jpg); text-indent: -9999px; }
.inspection a:hover { background-position: 0 -43px; }

.clear { display:block; clear:both; }
.thick-thumb { border: 1px solid black; float: left; }

img.dots { margin: 30px 0 0 -10px; }


#flash { position: absolute; width: 648px; height: 540px; z-index: +100; }
#gallery { padding-left: 35px; padding-top: 35px; }

/* containers */

#container { border: 0px solid red; width: 953px; margin: 16px auto 0 auto; background-color: #FFFFFF;  }
	
	#header{ width: 931px; height: 104px; padding-top: 20px; padding-left: 20px; }
	#header form { float: right }
	
	#detail-head { width: 644px; /*height: 540px;*/ background: url(../images/detail-head-bg-top.gif) no-repeat top left; padding-top: 15px; margin-bottom: 7px; }
	#detail-head ul { width: 644px; float: left; padding-left: 2px; clear:both; }
	#detail-head ul li { width: 313px; height: 215px; float: left; margin-right:6px; }
	
	#main{}
	#mainLeft{ width: 293px; float: left; padding-left: 10px; padding-top: 16px; background-color: #FFFFFF; text-align: center; padding-bottom: 20px;  }
	
			#address { width: 286px; padding-bottom: 10px; margin-bottom: 20px; background-image: url(../images/dots_small.jpg); background-position: bottom; background-repeat: no-repeat; background-color: #f5f4f2; text-align: left; }
			#address p { margin-left: 15px; margin-bottom: 0px; display: block; }
			#address h3 { margin-left: 15px; display: block; text-decoration: underline; }
			#address a { color: #999999; text-decoration: underline; font-weight: bold; }
			#address a:hover { color: #666666; }
	
	#mainRight{ width: 648px; float: right; background-color: #FFFFFF;  }
	
			#content { width: 628px; float: left; padding-left: 10px; padding-right: 10px; padding-bottom: 60px; background-image: url(../images/logo-fade.jpg); background-repeat: no-repeat; background-position: 480px bottom ; }
		
	#footer{ width: 771px; padding-left: 180px; height: 69px; clear: both; background-image: url(../images/footer.jpg); background-repeat: no-repeat; }
	
			#footer-text { width: 600px; height: 52px; color:#999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; padding-top: 17px; float: left; }
			#footer-text a { font-family: Arial, Helvetica, sans-serif; color: #999999; font-size: 12px; text-decoration: none; line-height: 20px; }

	a.wfl { width: 120px; height: 69px; display: block; float: right; background:url('../images/webfirm.gif') no-repeat 0 20px; }
	
	#map { float: right; margin-top: 20px; }
	#map a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; display: block; padding-top: 5px; }
	
	.details { width: 100%; height: 300px; clear: both; padding-top: 20px; }
	
	.sale { width: 100%; font-size: 12px; color: #999999; font-family: Arial, Helvetica, sans-serif; line-height: 20px; margin-bottom: 10px; }
	.sale-head { background-color: #f5f4f2; }
	.sale-head td { vertical-align: middle; }
	.sale-head td h2 { margin-bottom: 0px; padding-left: 10px; }
	.sale-head td img {float: left; margin-top: 5px; margin-bottom: 5px; }
	
	.sale-sub-head { border-top: 1px solid #333333; }
	.sale-sub-head td { padding-top: 5px; }
	.sale-sub-head td strong { padding-left: 10px; }
	
	.count { height: 25px; width: 15px; padding-top: 5px; float: left; display: block; text-align: center; font-size: 14px; font-weight: bold; }
	
	.sale-mid td { vertical-align: top; }
	.sale-mid td img { margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; }
	.sale-foot td { border-bottom: 1px dashed #999999; }
	.sale-foot td img { margin-left: 10px; margin-bottom: 5px; }
	
	 ul.pretty { margin-top: 0x; width: 320px; float: left;}
	 ul.pretty  li { margin: 0 6px 10px 0; float: left; }
	 ul.pretty  li p { margin-bottom: 0px; }
	
	.sale-enquiry { width: 245px; float: left; }
	
	#slideshow { width: 286px; height: 250px; clear: both; }	

	.tag-line {font-weight:bold;}
	
ul#nav{ width: 286px; margin-bottom: 4px; }

#nav li.nav_home { display: block; width: 286px; height: 44px; }
#nav li.nav_lease { display: block; width: 286px;; height: 44px; }
#nav li.nav_sale { display: block; width: 286px; height: 44px; }
#nav li.nav_lwu { display: block; width: 286px; height: 44px; }
#nav li.nav_ourcom { display: block; width: 286px; height: 44px; }
#nav li.nav_contact { display: block; width: 286px; height: 44px; }

#nav li.nav_home a { display: block; width: 286px; height: 44px; background-image: url(../images/nav_01.jpg); text-indent:-9999px; }
#nav li.nav_lease a { display: block; width: 286px;; height: 44px; background-image: url(../images/nav_02.jpg); text-indent:-9999px; }
#nav li.nav_sale a { display: block; width: 286px; height: 44px; background-image: url(../images/nav_03.jpg); text-indent:-9999px; }
#nav li.nav_lwu a { display: block; width: 286px; height: 44px; background-image: url(../images/nav_04.jpg); text-indent:-9999px; }
#nav li.nav_ourcom a { display: block; width: 286px; height: 44px; background-image: url(../images/nav_05.jpg); text-indent:-9999px; }
#nav li.nav_contact a { display: block; width: 286px; height: 44px; background-image: url(../images/nav_06.jpg); text-indent:-9999px; }


#nav li.nav_home a:hover { background-position: 0 -44px; }
#nav li.nav_lease a:hover { background-position: 0 -44px; }
#nav li.nav_sale a:hover { background-position: 0 -44px; }
#nav li.nav_lwu a:hover { background-position: 0 -44px; }
#nav li.nav_ourcom a:hover { background-position: 0 -44px; }
#nav li.nav_contact a:hover {background-position: 0 -44px; }


#home .nav_home a  { background-position: 0px -44px; }
#lease li.nav_lease a { background-position: 0 -44px; }
#sale li.nav_sale a { background-position: 0 -44px; }
#lwu li.nav_lwu a { background-position: 0 -44px; }
#ourcom li.nav_ourcom a { background-position: 0 -44px; }
#contact li.nav_contact a {background-position: 0 -44px; }

ul.catalogue { width: 100%; height: 30px; border: 0px solid; text-align: center; display: block; clear: both; text-align: center;  }
ul.catalogue li { float: left; height: 30px; }

ul.catalogue li a { float: left; padding: 15px 15px 0 0; font-weight: bold; text-decoration: underline; }
ul.catalogue li a:hover { color: #666666; }



  
/* form */

.form { margin-top: 10px; width: 295px; float: left;  }
.form li { margin-bottom: 10px; } 

.form label {
	display: inline-block;
	width: 80px;
	vertical-align: top;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
textarea { width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #f5f4f2; border: 1px solid #999999; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #f5f4f2; border: 1px solid #999999; width:200px; padding:2px; }
input:hover, input:focus, textarea:hover, textarea:focus{border: 1px solid #000;}
.buttons input{width:auto; padding:2px; font-weight:bold;}

/* New Property Listing - Robert Lim 03-04-2009 (to be free of tables) */

.property-container {margin:5px 0; color:#999; clear:both;}
	h2.property-town {text-align:right; padding-right:10px;}
	.property-heading {float:left; width:620px; min-height:35px; _height:35px; clear:both; background:#f5f4f2; border-bottom:1px solid #333;}
		.left-tag {float:left; font-family: "Times New Roman", Times, serif; color: #CCCCCC; font-size: 18px; padding:5px 0 0 10px; width:450px; line-height:25px;}
		.right-icons {float:right; width:150px; padding:3px 0 0 0; height:35px;}
			.bath, .bed, .car {float:left;}
			.bath img, .bed img, .car img{float:left;}
			.property-container .count{float:left;}
	.address-price-container {float:left; width:620px; clear:both; padding:5px 0;}
		.address {font-weight:bold; float:left; padding-left:5px; width:400px;}
		.price {font-weight:bold; float:right; padding-right:5px;}
	.property-desc {padding:0 5px; clear:both; float: left; width: 620px; }
		.property-desc img {margin:0 10px 0 0;}
	.property-sold {background:url('../images/sold.gif') no-repeat top left; height:40px; width: 150px; display:block; margin:10px 0 0 5px; float: left;}
	.property-leased {background:url('../images/leased.gif') no-repeat top left; height:40px; width: 150px; display:block; margin:10px 0 0 5px; float: left;}

body#sale-detail .property-heading, body#lease-detail .property-heading  {margin:0 0 10px 0; width:640px;}
body#sale-detail h1, body#lease-detail h1 {background: url(../images/detail-head-bg-bottom.gif) no-repeat top left; line-height:25px; padding:20px 0 0 0;}
body#sale-detail .left-tag, body#lease-detail .left-tag {width:480px;}

.filter-form {float:left; clear:both; display:block;}
.filter-form 	.left-select {float:left; padding:1px 3px 0 0;}
.filter-form  .buttons{float:left;}