/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Richardson & Wrench Brisbane					-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			May 22, 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;
	}



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

	body {
		margin:										0; 
		padding:									0; 
		background: 								#e8e8e8 url(../images/bg_top.jpg) repeat-x top center;
		color: 										#444444; 
		font-size: 									12px; 
		font-family:								Tahoma, Tahoma, Arial, Helvetica, sans-serif;
		letter-spacing:								0; 
		line-height: 								16pt; 
		font-weight: 								normal; 
		text-align:									center;
	}
	
	
	
/* --------------------------------------------------------------------------------
		GLOBAL NAVIGATION
---------------------------------------------------------------------------------- */
		
	#main-nav-container {
		height: 									37px; 
		clear:										both; 
		padding:									0; 
		margin:										0; 
		text-align:									center;
	}
	
	#globalnav {	
		width: 										958px; 
		height: 									37px; 
		margin: 									0 auto; 
		padding:									0; 
		display:									block;
		background: 								#e10729 url(../images/navbg.jpg) repeat-x top center;
		border-left:								1px solid #bd0622;
		border-right:								1px solid #bd0622;	
		text-align:									left;	
		}	


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

	#wrapper {
		margin-left: 								auto; 
		margin-right: 								auto; 
		margin-bottom:								20px;
		padding: 									0;
		width: 										958px; 
		text-align: 								left; 
		border-left:								1px solid #cecece;
		border-right:								1px solid #cecece;
		border-bottom:								1px solid #cecece;		
		background-color:							#FFFFFF;			
	}


/* --------------------------------------------------------------------------------
		GLOBAL HEADER
---------------------------------------------------------------------------------- */

	#globalHead {
		clear:										both;	
		margin: 									0; 
		padding:									0; 
		height: 									112px; 
		width: 										958px;
	}
		
		

/* --------------------------------------------------------------------------------
		LEFT COLUMN
---------------------------------------------------------------------------------- */

	#left-column {
		float:										left;
		margin: 									0; 
		padding:									0; 
		width: 										237px;
	}



/* ------------------------------------------------------------
		SIDE CONTACT INFO BOX
------------------------------------------------------------ */


	#contactInfo {
		float:left; display: inline; clear:both; margin: 0; padding: 0; width: 217px;
	}


	#contactInfo p {
		color: #06225d; line-height: 16px; text-align: left;
		font-family: Tahoma, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px; padding: 34px 0 20px 20px; margin:0;
	}


	#contactInfo strong {
		color: #e70c2e; font-weight: bold; font-size: 12px;
	}

	#contactInfo a {
		text-decoration: none; font-size: 12px; font-weight: normal; color: #06225d;
			}

	#contactInfo a:hover {
		text-decoration: underline; font-size: 12px; font-weight: normal; color: #06225d;
			}	

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


	#quickSearch {
		float:										left;
		clear:										none;	
		margin: 									0; 
		padding:									0; 
		height: 									319px; 
		width: 										237px;
		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:										41px 0 0 31px;
		width:										206px;
	}	

	#radioSelect label {
		padding: 0; 
		margin: 0; 
		cursor: pointer;
	}	

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


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

	#searchSale, #searchRent {
		float:left;
		clear: both; 
		display: inline;
		width: 246px; 
		margin:22px -3px 0 31px;
		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: 175px; 
		height: 22px; 
		margin: 0 0 4px 0; 
		padding: 2px;
		font-family: Arial, sans-serif;	
		font-size: 11px; color: #646566;
	}


	#searchSale .submitBtn, #searchRent .submitBtn {
		float: left; clear:both; margin: 18px 0 0 0;
	}



/* --------------------------------------------------------------------------------
		FRONT CONTAINER
---------------------------------------------------------------------------------- */

	#frontContainer {
		float:										left;
		margin: 									0; 
		padding:									0; 
		width: 										721px;
		background-color:							#06225d;
	}
			

	#frontFlash {
		float:										left;
		clear:										none;	
		margin: 									0; 
		padding:									0; 
		height: 									319px; 
		width: 										470px;
	}


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


		#frontBoxes {
			width: 251px; height: 319px; margin: 0 ; padding: 0; float:left; clear:none;
		}



/* ------------------------------------------------------------
		PROPERTY OF THE WEEK FRONT
------------------------------------------------------------ */	
	
	
		#frontSale {
			width: 238px; height: 150px; padding:0; margin: 9px 0 1px 7px; float:left; clear:none; position:relative;
			background: transparent url("../images/featured_prop.jpg") no-repeat left top;
		}


		#propImage {
			width: 236px; height: 112px; padding:0; margin: 0; 
			position: absolute; top: 1px; left: 1px;
		}		


		#frontSale span.address {
			color: #FFFFFF; font-weight: bold; font-size: 11px; line-height: 36px;
			position:absolute; top: 113px; left: 0px; width: 228px; padding: 0 0 0 10px;
		}


		#propImageContainer {
			width: 236px; height: 112px; padding:0; margin: 0; 
			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;
		}	


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


	#subNav {
		margin: 0; padding: 0; height: 38px; width: 958px; display:block;
		background: #06225d url("../images/subnav_bg.jpg") repeat-x left top;
		font-weight:normal; font-size: 14px; color: #51658e;
		}


	#subNav a {
		font-weight:normal; font-size: 12px; color: #FFFFFF!important; text-decoration: none!important;
		margin: 0; padding: 0 8px 0 8px; line-height: 38px; 
		}
				
	#subNav a:hover {
		color:#FFFFFF!important; text-decoration: underline!important;
		margin: 0; padding: 0 8px 0 8px; line-height: 38px; 
		}		


	#subNav span {
		color: #FFFFFF; font-weight: bold;  line-height: 38px;
		font-family: Tahoma, Tahoma, Arial, Helvetica, sans-serif; float:left;
		font-size: 12px; padding: 0 30px 0 35px; margin:0 8px 0 0;
		display:block; background: #e70c2e url("../images/subnav_onbg.jpg") repeat-x left top;
	}


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


	h1 {
		font-family: Georgia, serif;
		font-size: 44px;
		font-style: normal;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: -3px;
		line-height: 1.2em;
		color: #ee1a3b;
	}


	h2 {
		font-family: Georgia, serif;
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.2em;
		color: #ee1a3b;
	}


	h3 {
		  font-family:Tahoma, Tahoma, Arial, Helvetica, sans-serif;
		  line-height: 20px;
		  font-size: 20px;
		  color: #ee1a3b;
		  font-weight:bold;
	}


	h4 {
		color: #ee1a3b; font-weight: bold!important;
		font-family: Tahoma, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px; padding: 0; margin:0;
	}


	#content {
			width:958px; clear:both; margin: 0 0 1px 0; padding: 0;
	}



	#globalContainer {
			float: left; margin: 0; padding: 20px 0 40px 0; width: 721px;
			background: #FFFFFF url("../images/content_bg.jpg") no-repeat left top;
	}


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


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


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


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


	#globalContainer strong {
			color: #ed1a3b; font-weight: bold;
			font-family: Tahoma, 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;
			margin:0; padding: 0 0 0 1.6em;	text-decoration: none;
			background: url(../images/bullet.jpg) no-repeat 0px 9px;
	}
		

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

	#globalContainer a:hover {
			text-decoration: underline; font-size: 12px; font-weight: normal; color: #ed1a3b;
			}		


	#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: 320px;  margin: 15px 5px 15px 5px; padding: 0;
			float: left; display:inline; 
			border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
		}
	
	#globalContainer dt {
			float: left; width: 120px; padding: 3px 0 3px 0; font-weight: bold; color: #000000;
		}
	
	#globalContainer dd {
			float: left; width: 170px; padding: 3px 0 3px 0;
		}






/* ------------------------------------------------------------
		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: transparent 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: 89px; height: 26px; 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 {	
				float:left; display: inline; height: 186px; 
				background: #06225d url("../images/footerbg.jpg") repeat-x bottom left;	
				color: #aeb8cc; font-size: 11px; line-height: 16px;
				position:relative; padding: 0 0 0 30px;  margin: 0;
			}	

		#footer .footer-extension {
				float: left; margin: 0; padding: 0; width:928px;
				}


		#footer p.links {
				float: left; margin: 0; padding: 40px 0 0 0; width:230px;
				}
				
		#footer p.copy {
				float: left; clear:both; margin: 30px 0 0 0; padding: 0; width: 691px;
				}				
				

		#footer .wblogo {
				position: absolute; bottom: 27px; right: 27px;
				}

		#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;
				}


		#footer-red { 
				margin: 0; padding: 5px 0 5px 0; width: 958px; 
				float: left; clear: both; display:block;
				background: #e70c2e url("../images/subnav_onbg.jpg") repeat-x left top;
				}
		
			
		#footer-red a {
				text-decoration: none; font-size: 11px; font-weight: bold; color: #FFFFFF;
				padding: 0 2px 0 30px; margin: 0; 
			}
	
		#footer-red a:hover {
				text-decoration: underline; color: #FFFFFF;
			}