/* --------------------------------------------------------------------------------
-																				-
-				Title: 			RW Toowoomba					-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			June 2, 2009										-
-																				-
---------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
		YUI RESET CSS
---------------------------------------------------------------------------------- */
	
	@import url('reset.css');


/* --------------------------------------------------------------------------------
		MAIN BODY OF WEBSITE
---------------------------------------------------------------------------------- */

	body, form, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 {
		margin:										0px;	
		padding:									0px;
	}


	a:active, a:focus {
	   outline: none;
	}
	
	.clear {
	   clear: both;
	}



/* --------------------------------------------------------------------------------
		MAIN BODY OF WEBSITE
---------------------------------------------------------------------------------- */

	body {
		margin:										0; 
		padding:									0; 
		background: 								#000000 url(../images/bg.jpg) repeat-x top center;
		color: 										#444444; 
		font-size: 									12px; 
		font-family:								Tahoma, Arial, Helvetica, sans-serif;
		letter-spacing:								0; 
		line-height: 								14pt; 
		font-weight: 								normal; 
		text-align:									center;
	}

/* --------------------------------------------------------------------------------
		GLOBAL NAVIGATION
---------------------------------------------------------------------------------- */
		
	.top-paper-clip-div {
		height: 									31px;
		margin-left: 								auto;
		margin-right: 								auto;
		width: 										793px;
		text-align: 								left;
		background-color:							transparent;
		position:									relative;
	}

	.top-paper-clip {
		position:									absolute;
		bottom:										0;
		right:										71px;
	}

/* --------------------------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
---------------------------------------------------------------------------------- */

	#wrapper {
		margin-left: 								auto; 
		margin-right: 								auto; 
		margin-bottom:								20px;
		padding: 									0;
		width: 										794px;
		text-align: 								left;	
		background-color:							transparent;			
	}

/* --------------------------------------------------------------------------------
		GLOBAL LOGO
---------------------------------------------------------------------------------- */

	#globalLogo {
		float:										left;
		width: 										583px;
		height: 									86px;		
	}


/* ------------------------------------------------------------
		FRONT PAGE QUICK SEARCH
------------------------------------------------------------ */


	#quickSearch {
		float:										right;
		width: 										211px;
		height: 									344px;
		background: 								transparent url(../images/quicksearch_bg.jpg) no-repeat top left;		
	}


	#quickSearch .quickTitle {
		padding: 0; 
		margin: 31px 0 0 31px; 
		float:										left;
		clear:										both;	
	}	

	#radioSelect {
		float:										left;
		clear:										both;	
		display:									inline;
		margin:										110px 0 0 25px;
	}	

	#radioSelect label {
		padding: 0; 
		margin: 0 0 2px 4px; 
		cursor: pointer;
		font-weight: bold;
	}	

	#radioSelect img {
		padding: 0; 
		margin: 0 12px 7px 0; 
		float:										left;
		clear:										none;	
		display:									inline;
	}	


	#radioSelect .radio {
		padding: 0; 
		margin: 0 5px 7px 0; 
		float:										left;
		clear:										none;	
	}	

	#searchSale, #searchRent {
		float:left;
		clear: both; 
		display: inline;
		margin:10px -3px 0 25px;
		padding: 0; 
	}
	
			
	#searchSale fieldset, #searchRent fieldset {
		border: none; 
		padding: 0; 
		margin:0;
		float: left;
	}
	

	#searchSale form, #searchRent form {
		padding: 0; 
		margin:0 -3px 0 0;
		float: left;
	}

	#searchSale select, #searchRent select {
		float: left; 
		clear: both;
		width: 156px; 
		height: 22px; 
		margin: 0 0 8px 0; 
		padding: 2px;
		font-family: Arial, sans-serif;	
		font-size: 11px; color: #646566;
	}


	#searchSale .submitBtn, #searchRent .submitBtn {
		float: left; clear:both; margin: 6px 0 0 0;
	}
	
	
/* ------------------------------------------------------------
		INNER PAGES FLASH PICTURE
------------------------------------------------------------ */


	#motive-picture {
		float:										right;
		width: 										211px;
		height: 									274px;
		background: 								transparent url(../images/flashpic_bg.jpg) no-repeat top left;		
	}	
	
	

/* --------------------------------------------------------------------------------
		HEADER TITLE CONTAINER
---------------------------------------------------------------------------------- */

	#header-img {
		float:										left;
		clear:										none;	
		margin: 									0; 
		padding:									0; 
		width: 										583px;
		height: 									103px;
	}

	
	
/* --------------------------------------------------------------------------------
		NAVIGATION
---------------------------------------------------------------------------------- */

	#nav a {
		display: block;
		height: 38px;
		text-indent: -9999px;
		clear:both;
	}
	#nav li { list-style: none; float: left; }
	
	#nav li.home a { background: url(../images/nav/nav-home.jpg) no-repeat; width: 85px; }
	#nav li.buying a { background: url(../images/nav/nav-buying.jpg) no-repeat; width: 85px; }
	#nav li.selling a { background: url(../images/nav/nav-selling.jpg) no-repeat; width: 85px; }
	#nav li.renting a { background: url(../images/nav/nav-renting.jpg) no-repeat; width: 81px; }
	#nav li.services a { background: url(../images/nav/nav-services.jpg) no-repeat; width: 97px; }
	#nav li.aboutus a { background: url(../images/nav/nav-aboutus.jpg) no-repeat; width: 150px; }
	
	#nav li.home a:hover { background: url(../images/nav/nav-home.jpg) no-repeat 0 -38px; }
	#nav li.buying a:hover { background: url(../images/nav/nav-buying.jpg) no-repeat 0 -38px; }
	#nav li.selling a:hover { background: url(../images/nav/nav-selling.jpg) no-repeat 0 -38px; }
	#nav li.renting a:hover { background: url(../images/nav/nav-renting.jpg) no-repeat 0 -38px; } 
	#nav li.services a:hover { background: url(../images/nav/nav-services.jpg) no-repeat 0 -38px; }
	#nav li.aboutus a:hover { background: url(../images/nav/nav-aboutus.jpg) no-repeat 0 -38px; }



/* --------------------------------------------------------------------------------
		FRONT FLASH
---------------------------------------------------------------------------------- */

	#frontFlash {
		float:										left;
		clear:										none;	
		margin: 									0; 
		padding:									0; 
		width: 										583px;
		height: 									220px;
	}
	
/* --------------------------------------------------------------------------------
		FRONT BOTTOM LEFT
---------------------------------------------------------------------------------- */

	#front-bot-left {
		float:										left;
		clear:										none;	
		margin: 									0; 
		padding:									40px 0 0 33px; 
		width: 										237px;
		height: 									257px;
		background: 								transparent url(../images/front-bot-left-bg.jpg) no-repeat;
		line-height:								14px;
	}

	#front-bot-left .toowoomba-range
		{
			width:176px;
			height:20px;
			margin-bottom: 14px;
		}
		
	#front-bot-left .front-bot-aboutus
		{
			margin-top: 25px;
		}
		
	#front-bot-left p
		{
			color: #979797;
			width: 210px;
		}

/* --------------------------------------------------------------------------------
		FRONT OPTIONS
---------------------------------------------------------------------------------- */

	#front-options {
		float:										left;
		clear:										none;	
		margin: 									0; 
		padding:									0; 
		width: 										510px;
		height: 									297px;
		background-color:							#FFFFFF;
	}

/* ------------------------------------------------------------
		FEATURED PROPERTIES
------------------------------------------------------------ */


		#frontBoxes {
			height: 203px; 
			float:left; 
			clear:none;
		}

/* ------------------------------------------------------------
		PROPERTY OF THE WEEK FRONT
------------------------------------------------------------ */	
	
	
		#frontSale {
			width: 236px; 
			height: 186px; 
			padding:0; 
			margin: 10px 0 0 12px;
			float:left; 
			clear:none; 
			position:relative;
		}


		#propImage {
			width: 236px; height: 157px;
		}		


		#frontSale span.address {
			color: #858585;
			font-size: 11px;
			position:absolute; 
			bottom: 0px; left: 10px; 
			width: 145px;
		}
		
		#frontSale .front-view-btn {
			position:absolute; 
			bottom: 0; right: 0;
		}


		#propImageContainer {
			width: 236px; height: 157px;
			overflow:hidden; position:relative;
		}	

		#propImageContainer img {
			width: 280px; position:absolute; top: -20px; left: -15px;
			}	
				
		#frontSale a {
			text-decoration: none; 
		}		
		
		#frontSale a:hover {
			text-decoration: none;
		}	

/* ------------------------------------------------------------
		FRONT BUTTONS
------------------------------------------------------------ */


		#front-bot-btns {
			height: 94px;
			float:left; 
			clear:none;
		}
		
		#front-bot-btns .sneak-peak {
			height: 94px;
			float:left; 
			clear:none;
		}

/* ------------------------------------------------------------
		SUB NAVIGATION
------------------------------------------------------------ */


	.menu-dropdown {
		margin: 0; padding: 0; height: 47px; width: 583px; display:block; float: left;
		background: #ffd311 url("../images/subnav_bg.jpg") repeat-x left top;
		font-weight:normal; font-size: 14px; color: #e1bd19;
		}


/*	#subNav a {
		font-weight:normal; font-size: 12px; color: #545454!important; text-decoration: none!important;
		margin: 0; padding: 0 8px 0 8px; line-height: 47px; letter-spacing:-0.25;
		}
				
	#subNav a:hover {
		font-weight:normal; color:#000000!important; text-decoration: underline!important;
		margin: 0; padding: 0 8px 0 8px; line-height: 47px; 
		}		



	#subNav span {
		font-weight:normal; margin: 0; padding: 0 0 0 31px; line-height: 47px; 
		}

*/


/* ------------------------------------------------------------
		SUB NAVIGATION POPUP OPTIONS
------------------------------------------------------------ */

.menu-dropdown ul{
	height:47px;
	list-style:none;
	margin:0;
	padding:0 0 0 21px;
	}
	.menu-dropdown li{
		float:left;
		padding:0px;
		}
	.menu-dropdown li a{
		background:transparent url("../images/seperator.gif") bottom right no-repeat;
		color:#545454;
		display:block;
		font-weight:normal;
		font-size: 12px;
		line-height:47px;
		margin:0px;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;
		}
		.menu-dropdown li a:hover, .menu ul li:hover a{
			background:transparent url("../images/seperator.gif") bottom right no-repeat;
			text-decoration: underline;
			color: #000000;
			}
	.menu-dropdown li ul{
		background-color:#000000;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		border:1px solid #e1bc17;
		/*top:1em;
		/*left:0;*/
		}
	.menu-dropdown li:hover ul{
		display:block;
		
		}
	.menu-dropdown li li {
		background-color:#ffd311;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu-dropdown li:hover li a{
		background:none;
		
		}
	.menu-dropdown li ul a{
		display:block;
		height:30px;
		line-height:30px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu-dropdown li ul a:hover, .menu li ul li:hover a{
			background:#000000;
			border:0px;
			color:#ffffff!important;
			text-decoration:none;
			}
	.menu-dropdown p{
		clear:left;
		}	





/* ------------------------------------------------------------
		MAIN CONTENT DIV
------------------------------------------------------------ */


	#globalContainer {
			width:780px; float:left; display: inline;
			margin: 0; padding: 0 0 10px 0; background-color: #FFFFFF;
	}



	#globalContainer div.column {
			float: left; display:inline; width: 550px; 
			padding: 0; margin:20px 0 25px 35px;
	}


	#globalContainer p {
			color: #575757; line-height: 16px; text-align: left;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px; padding: 8px 0 8px 0; margin:0;
	}

	#globalContainer p.pdfDownload {
			background:transparent url(../images/pdf_icon.jpg) no-repeat scroll 10px 17px;
			color:#575757;
			font-family:Arial,Helvetica,sans-serif;
			font-size:12px;
			line-height:20px;
			margin:15px 0 15px 0; border-top: 1px solid #E9E9E9;
			padding:15px 15px 0 50px;
			text-align:left;
	}
	


	#suburb-profile {
			margin:15px 0 15px 0; padding: 10px 0 0 0; border-top: 2px solid #E9E9E9;
	}


	#suburb-profile p {
			color: #575757;
			padding: 0 0 8px 0; 
			margin:0;
			font-size: 12px;
			font-style: normal;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height:18px;
	}	



	
	#testimonial-text {
			font-style: italic;	margin:15px 0 15px 0; border-top: 4px solid #E9E9E9;
			font-family: Georgia, serif; font-size: 12px;
	}


	#testimonial-text p {
			color: #575757;
			padding: 8px 15px 8px 0; 
			margin:0;		
			font-family: Georgia, serif;
			font-size: 12px;
			font-style: italic;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height: 1.6em;
	}	


	#globalContainer span {
			color: #000000; font-weight: bold;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px; padding: 0; margin:0;
	}


	#globalContainer em {
			color: #575757; font-style:italic; font-weight: normal;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px; padding: 0; margin:0;
	}


	#globalContainer strong {
			color: #000000; font-weight: bold; font-style:normal;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px; padding: 0; margin:0;
	}


	#globalContainer ul {	
			line-height: 1.6em;	list-style:none;
			margin: 0; padding: 10px;
	}

	#globalContainer li {
			font-weight:normal;	font-size: 12px; color: #575757; text-decoration: none;
			margin:0; padding: 0 0 5px 1.9em;
			background: url(../images/bullet.jpg) no-repeat 0px 3px;
	}
		

	#globalContainer a {
			text-decoration: underline; font-size: 12px; font-weight: bold; color: #545454;
			padding: 0; margin: 0; 
			}

	#globalContainer a:hover {
			text-decoration: none; font-size: 12px; font-weight: bold; color: #000000;
			padding: 0; margin: 0;
			}		


	#globalContainer dl, dt, dd {
			margin: 0; padding: 0; 
		}
	
	#globalContainer dl {
			color: #575757; font-size: 12px; 
			font-family:Tahoma, Tahoma, Arial, Helvetica, sans-serif;
			line-height: 16px; font-weight: normal;
			width: 550px;  margin: 15px 0 15px 0; padding: 0;
			float: left; display:inline; 
		}
	
	#globalContainer dt {
			float: left; width: 200px; padding: 3px 0 3px 0; font-weight: bold; color: #000000;
		}
	
	#globalContainer dd {
			float: left; width: 320px; padding: 3px 0 3px 0;
		}


	#globalContainer dt.alt {
			background-color:#F8F8F8;
		}
	
	#globalContainer dd.alt {
			background-color:#F8F8F8;
		}


/* ------------------------------------------------------------
		MAIN FORMS LAYOUT
------------------------------------------------------------ */


		#globalContainer fieldset {
				 margin: 5px 0 5px 0; padding: 25px 0 25px 0;
				 background: transparent url(../images/fieldset_bg.jpg) no-repeat 0px 0px; border: none;
		}


		#main label { 
				color: #575757;	font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;
				width: 160px; margin: 0 0 15px 0; padding: 0; cursor: pointer;
				float: left; text-align: right; clear: both;
		}


		#main span.mandatory {
				font-size: 116.667%; color: #000; font-weight: bold;
		}


		#main input {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 220px;
				padding: 2px; margin: 0 0 10px 20px; 
				color: #2c2c2c; border: 1px solid #aeaeae;
			    background: #FFFFFF url("../images/inputbg.jpg") repeat-x bottom left;
		}



		#main input.over {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 220px;
				padding: 2px; margin: 0 0 10px 20px; 
				color: #2c2c2c; border: 1px solid #5f5f5f;
				background: #FFFFFF url("../images/inputbg_over.jpg") repeat-x bottom left;
		}



		#main select {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 220px;
				padding: 2px; margin: 0 0 10px 20px; 
				color: #2c2c2c; border: 1px solid #aeaeae;
			    background: #FFFFFF url("../images/inputbg.jpg") repeat-x bottom left;
		}	

		#main textarea {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 220px; height: 80px;
				padding: 2px; margin: 0 0 10px 20px; 
				color: #2c2c2c; border: 1px solid #aeaeae;
			    background: #FFFFFF url("../images/inputbg.jpg") repeat-x bottom left;
		}
			

		#main textarea.over {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 220px; height: 80px;
				padding: 2px; margin: 0 0 10px 20px; 
				color: #2c2c2c; border: 1px solid #5f5f5f;
				background: #FFFFFF url("../images/inputbg_over.jpg") repeat-x bottom left;
		}


		#main input.tick {
				float: left; width: 16px; height:16px; clear:both; display: inline; 
				padding: 2px; margin: 0; border: none;			
		}	


		#main span.required {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;
				float: left; width: 100px; padding: 3px; margin: 0 0 2px 5px; color:#ff0000;
		}

		#main span.incorrect {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;
				float: left; width: 220px; padding: 3px; margin: 0 0 0 235px; color:#ff0000;
		}

		#main .buttonSearch { 
				margin: 3px 0 0 20px; padding: 0; background: transparent;
				width: 110px; height: 25px; border: none;
		}


		#main .pass { 
				float: left; text-align: left; clear: both; margin: 0 0 0 230px;
			}


		#main p {
				color: #575757; line-height: 18px; text-align: left;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 12px; padding: 5px 0 15px 30px; margin:0;
		}




/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {	
				margin-top: 10px;
				height: 186px;
				background: #000000 url("../images/footer-bg.jpg") repeat-x;	
			}
			
		#footer .foot-wrapper {	
				
				margin-left: auto; 
				margin-right: auto;
				margin-top: 10px;
				width: 794px;
				text-align: left;
				padding: 0;
				color: #454545;
				font-size: 11px;
			}

				
		#footer p.copy {
				float: left; margin: 15px 0 0 0;
				}				

		#footer #wb-btn a {
			display: block;
			height: 19px;
			text-indent: -9999px;
		}
		
		#footer #wb-btn li { list-style: none; float: right; margin: 15px 15px 0 0;}
		
		#footer #wb-btn li.wb a { background: url(../images/wb.jpg) no-repeat; width: 101px; }
		#footer #wb-btn li.wb a:hover { background: url(../images/wb.jpg) no-repeat 0 -19px; }

		#footer a {
				font-weight:normal;	font-size: 11px; color: #51658e; text-decoration: none;
				}
					
		#footer a:hover {
				font-weight:normal;	margin:0px; color:#51658e; text-decoration: underline;
				}