/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Ray White Albany Creek							-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			June 10, 2008									-
-																				-
---------------------------------------------------------------------------------- */


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

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

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

		body {
			margin:0px;	padding:0px; background-color: #f0f0f0;
			font-size: 11px; font-family: arial, sans-serif; color: #646566; letter-spacing: .1pt; line-height: 14pt; 
			font-weight: normal; text-align:center;
		}


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

		#wrapper {
			margin-left: auto; margin-right: auto;
			padding: 0;	width: 920px; text-align: left; background-color: #e5e5e5;
		}



/* ------------------------------------------------------------
		MAIN BG BORDER CONTAINER TO CENTER
------------------------------------------------------------ */

		#mainBorder {
			padding: 0; margin:0 0 0 8px;
			width: 904px; background-color: #FFF;
		}


/* ------------------------------------------------------------
		MAIN BG CONTAINER TO CENTER
------------------------------------------------------------ */

		#mainContainer {
			padding: 0; margin:0 0 0 12px;
			width: 880px; background-color: #FFF;
		}


/* ------------------------------------------------------------
		MAIN HEADER
------------------------------------------------------------ */

		#signage {
			margin: 0; height:72px; width: 880px; background-color: #FFFFFF; position: relative;
		}


		.logo {
			position: absolute; top: 0px; right: 0px; z-index:0;
		}


		.facebook {
			position: absolute; top: 23px; right: 349px; z-index:999;
		}

		.twitter {
			position: absolute; top: 23px; right: 184px; z-index:999;
		}

/* ------------------------------------------------------------
		FLASH SECTION DIV
------------------------------------------------------------ */

		#splash {
			margin: 0; padding:0; height: 240px; width: 880px;
		}


/* ------------------------------------------------------------
		INNER PAGE HEADER
------------------------------------------------------------ */

		#innerHeader {
			margin: 0; padding:0; height: 137px; width: 880px;
		}

/* ------------------------------------------------------------
		GLOBAL FLASH NAVIGATION
------------------------------------------------------------ */

		#globalnav {
			clear:both; margin: 0; padding:0; height: 37px; width: 880px;
		}


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


		#subNav {
				margin: 0; padding: 0; height: 37px; width: 880px; display:block;
				color: #e1e1e1; font-size: 16px; font-weight:normal;
				background: #FFF url("../images/subnav_bg.jpg") repeat-x left top;
				}

		#subNav a {
				font-weight:normal;	font-size: 12px; color: #767676!important; text-decoration: none!important;
				margin: 0; padding: 0 8px 0 8px; line-height: 36px;
				}
					
		#subNav a:hover {
				font-weight:normal;	color:#2b2b2b!important; text-decoration: none!important;
				margin: 0; padding: 0 8px 0 8px; line-height: 36px;
				}


/* ------------------------------------------------------------
		QUICK  SEARCH TABS
------------------------------------------------------------ */


		#quickTabs {
			clear: both; width: 880px; height: 34px; position:relative;
			margin: 0; padding: 0; background: #FFF url("../images/tabs_bg.jpg") no-repeat left top;
		}
		
		#saleTab {
			position: absolute; bottom: 0px; left: 21px;
		}	
		
		#rentTab {
			position: absolute; bottom: 0px; left: 151px;
		}

		#quickTabs span {
			font-size: 11px; font-weight:bold; font-family: arial, sans-serif; color: #cbcbcb;
			position: absolute; bottom: 8px; left: 281px;
		}		
		
		
/* ------------------------------------------------------------
		QUICK  SEARCH SALE
------------------------------------------------------------ */

		#searchSale {
			clear: both; width: 880px; height: 52px;
			margin: 0; padding: 0; background: #FFF url("../images/quick_bg.jpg") no-repeat left top;
		}
		
		#searchRent {
			clear: both; width: 880px; height: 52px;
			margin: 0; padding: 0; background: #FFF url("../images/quickrent_bg.jpg") no-repeat left top;
		}	
	
				
		#searchSale fieldset, #searchRent fieldset {
			float: left; border: none; padding: 15px 0 0 200px;
		}
		
	
		#searchSale select, #searchRent select {
			float: left; width: 130px; height: 20px; margin: 0 6px 0 0; padding: 2px;
			font-family: arial, sans-serif;	font-size: 11px; color: #646566;
		}



/* ------------------------------------------------------------
		THREE BOXES FRONT PAGE
------------------------------------------------------------ */


		#frontBoxes {
			clear: both; width: 880px; height: 225px; position:relative;
			margin: 0; padding: 0; background: #FFF url("../images/boxes_bg.jpg") repeat-x left top;
		}



/* ------------------------------------------------------------
		PROPERTY OF THE WEEK FRONT
------------------------------------------------------------ */	
	
	
		#frontSale {
			width: 321px; padding:0; margin: 0; 
			position: absolute; top: 24px; left: 12px;
		}
		
		/*#frontRent {
			width: 321px; padding:0; margin: 0; 
			position: absolute; top: 24px; left: 12px;
		}*/


		#frontSale .head, #frontRent .head {
			padding:0; margin: 0 0 0 8px; 
		}	


		#propImage {
			width: 321px; height: 141px; padding:0; margin: 8px 0 0 0; 
			background: transparent url("../images/front_picsbg.jpg") repeat-x left top;
		}		


		#propImageContainer {
			width: 315px; height: 135px; padding:0; margin: 3px 0 0 3px; 
			overflow:hidden; position:relative;
		}	

		
		#propImageContainer a {
			text-decoration: none; 
		}		
		
		#propImageContainer a:hover {
			text-decoration: none;
		}	


		#propImageContainer img {
			width: 360px; position:absolute; top: -65px; left: -20px;
			}


/* ------------------------------------------------------------
		RENTAL OF THE WEEK FRONT
------------------------------------------------------------ */	
	
	
		#frontRent {
			width: 321px; padding:0; margin: 0; 
			position: absolute; top: 24px; left: 355px;
		}


/* ------------------------------------------------------------
		NEWSLETTER FRONT PAGE
------------------------------------------------------------ */	
	
	
		#newsletter {
			width: 170px; padding:0; margin: 0; 
			position: absolute; top: 24px; left: 700px;
		}

		#newsletter p {
			padding: 10px 0 5px 0; margin: 0; color: #646566; font-size: 11px;
			font-family:Arial, Helvetica, sans-serif; letter-spacing: .1pt; line-height: 1.6em;	font-weight: normal;
		}

		#newsletter input {
			margin:0 0 7px 0;padding: 2px; border: 1px solid #cfcfcf;
			color: #646566;	font-size: 11px; height:20px; width:130px;
			font-family:Arial, Helvetica, sans-serif;
		}	
	

		#newsletter .registerBtn {
			width: 85px; height: 25px; border: 0; background-color:none;
		}
	
		

/* ------------------------------------------------------------
		PROPERTIES MAIN DIV
------------------------------------------------------------ */


		#properties {
				width:860px; float:left; display: inline;
				margin: 0; padding: 0 30px 30px 30px;
		}

		#properties p {
				color: #646566; line-height: 16pt; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px; padding: 7px 15px 7px 0; margin:0;
		}


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


		#content {
				width:560px; float:left; display: inline;
				margin: 20px 0 20px 0; padding: 0;
				border-right: 1px solid #dddddd;
		}



		#content p {
				color: #646566; line-height: 14pt; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px; padding: 5px 30px 5px 30px; margin:0;
		}


		#content p.pdfDownload {
				color: #646566; line-height: 14pt; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px; padding: 5px 30px 5px 70px; margin:0;
				background: url(../images/pdf_icon.jpg) no-repeat 30px 10px;
		}


		#content .click-i {
				width: 32px; height: 32px; float:left; display:inline; margin: 9px 0 0 30px; clear: both;
		}

		#content p.click-p {
				color: #646566; line-height: 14pt; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px; padding: 5px 30px 5px 10px; 
				float: left; display:inline; width: 450px;
		}


		#content p.formLaunch {
				color: #646566; line-height: 14pt; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px; padding: 5px 30px 5px 70px; margin:0;
				background: url(../images/form_icon.jpg) no-repeat 30px 10px;
		}


		#content p.testimonial {
				color: #646566; line-height: 14pt; text-align: left;
				font-family: Arial, Helvetica, sans-serif; font-style:italic;
				font-size: 12px; padding: 5px 30px 15px 90px; margin:0;
				background: url(../images/notepad_icon.jpg) no-repeat 20px 0px;
		}
		
		div.testimonial-heading {
			background: #000000;
			color: #FFFFFF;
			cursor: pointer;
			padding: 3px 10px;
			margin: 10px 2px 2px 30px;
		}
		div.testimonial-container {
			display: none;
		}


		#content p.news {
				color: #646566; line-height: 14pt; text-align: left;
				font-family: Arial, Helvetica, sans-serif; 
				font-size: 12px; padding: 5px 30px 15px 90px; margin:0;
				background: url(../images/news_icon.jpg) no-repeat 20px 0px;
		}

		#content p.conditions {
				color: #646566; line-height: 12pt; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px; padding: 5px 30px 5px 30px; margin:0;
		}



		#content span {
				color: #000; font-weight: normal;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px; padding: 0; margin:0;
		}



		#content ul {	
				line-height: 1.6em;	list-style:none;
				margin: 0; padding: 5px 30px 5px 30px;
		}
	
		#content li {
				font-weight:normal;	font-size: 12px; color: #646566; text-decoration: none;
				margin:0; padding: 0 0 0 1.6em;
				background: url(../images/bullet.jpg) no-repeat 0px 5px;
		}
			

		#mainContainer a {
				font-weight:normal;	font-size: 12px;
				color: #878787; text-decoration: underline;
				}

		#mainContainer a:hover {
				font-weight:normal; margin:0px;
				color: #878787; text-decoration: none;
				}	


		#mainContainer div.break {
				clear:both; margin: 0; height: 10px;
		}	


		#content dl, dt, dd {
				margin: 0; padding: 0;
			}
		
		#content dl {
				color: #646566; font-size: 12px; 
				font-family:Arial, Helvetica, sans-serif;
				letter-spacing: .1pt; line-height: 16px; font-weight: normal;
				width: 500px;  margin: 15px 0 15px 30px; padding: 0;
				clear: both; float: left; display:inline;
			}
		
		#content dt {
				float: left; width: 150px;
				padding: 3px 0 3px 0;
				font-weight: bold;
			}
		
		#content dd {
				float: left; width: 350px;
				padding: 3px 0 3px 0;
			}
			

		
		#normalDl dl {
				color: #646566; font-size: 12px; 
				font-family:Arial, Helvetica, sans-serif;
				letter-spacing: .1pt; line-height: 16px; font-weight: normal;
				width: 500px;  margin: 15px 0 15px 30px; padding: 0;
				clear: both; float: left; display:inline;
			}
		
		#normalDl dt {
				float: left; width: 250px;
				padding: 3px 0 3px 0;
				font-weight: bold;
			}
		
		#normalDl dd {
				float: left; width: 250px;
				padding: 3px 0 3px 0;
			}



		#listDesc p {
				color: #646566; line-height: 14pt; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px; padding: 5px 0 5px 0!important; margin:0;
		}



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


		#content fieldset {
				 margin: 5px 30px 5px 20px; padding: 15px 0 15px 0;
				 background-color: #f5f4f4; border: none;
		}

		#main label { 
				color: #878787;	font-size: 12px; font-family:Arial, Helvetica, sans-serif; letter-spacing: .1pt; font-weight: bold;
				width: 150px; margin: 0 0 15px 0; padding: 0; cursor: pointer;
				float: left; text-align: right; clear: both;
		}


		#main span.mandatory {
				font-size: 116.667%;
				color: #d50000;
		}


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


		#main input.small {
				font-size: 12px; font-family:Arial, Helvetica, sans-serif;
				float: left; width: 90px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#878787; border: 1px solid #c7c8ca;
				background: #FFF url("../images/inputbg.jpg") repeat-x bottom center;
		}


		#main input.pricesmall {
				font-size: 12px; font-family:Arial, Helvetica, sans-serif;
				float: left; width: 100px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#878787; border: 1px solid #c7c8ca;
				background: #FFF url("../images/inputbg.jpg") repeat-x bottom center;
		}


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

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


		#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:Arial, Helvetica, sans-serif; font-weight:bold;
				float: left; width: 60px; padding: 3px; margin: 0 0 2px 5px; color:#d50000;
		}


		#main .button { 
				margin: 0 0 10px 20px; padding: 0;
				width: 81px; height: 25px; border: none;
		}
	


		#main .buttonSearch { 
				margin: 0 0 10px 20px; padding: 0;
				width: 79px; height: 25px; border: none;
		}



		#main .verify  { 
			margin: 0 0 10px 15px;	width: 80px; height: 24px; border: none; cursor: default;			
		}


/* ------------------------------------------------------------
		SIDE IMAGE
------------------------------------------------------------ */	
	
	
		#sideimageContainer {
			float: left; padding:0; margin: 20px 0 0 20px; width: 271px; height: 141px;
			position: relative; background: #FFF url("../images/side_bg.jpg") no-repeat top center;
		}


		#sideimageContainer img {
			width: 265px; height: 135px; position:absolute; top: 3px; left: 3px;
			}



		#sideimageAltContainer {
			float: left; padding:0; margin: 20px 0 0 20px; width: 271px; height: 306px;
			position: relative; background: #FFF url("../images/side_bg2.jpg") no-repeat top center;
		}


		#sideimageAltContainer img {
			width: 265px; height: 300px; position:absolute; top: 3px; left: 3px;
			}



/* ------------------------------------------------------------
		SIDE SUBNAV
------------------------------------------------------------ */	
	
	
		#sideNavigation {
			float: left; padding:0; margin: 20px 0 0 20px; width: 271px; 
		}


		#sideNavigation ul {
			list-style:none; margin:0; padding:0; text-indent: 5px; 
		}

		#sideNavigation li a {
			font-weight:normal; font-size: 12px; color: #999;
			text-decoration: none; display:block; 		
			margin:0px; padding: 5px 0px 5px 1.2em;	width: 100%;
			border-bottom:1px solid #000; background: #5d5d5d url("../images/sidenav_bg.jpg") repeat-x 0px 0px;
			}
		
		#sideNavigation li a:hover {
			color: #FFF; text-decoration: none;	margin:0px;
			border-bottom:1px solid #000; background: #5d5d5d url("../images/sidenav_bg.jpg") repeat-x 0px -5px;
			}

		html>body #sideNavigation li a {
				width: auto;
			}




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


		#footer {
				margin: 0; padding: 0; color: #949494; font-size: 11px; height: 60px;
				background-color: #f0f0f0; border-top: 8px solid #e5e5e5; 
				}

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

		#footer p.images {
				float: right; margin:0; padding: 15px 15px 0 0;
				}

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

#footer p a.dontGo {
	color:#949494;
	cursor:text;
}

	#footer p a.dontGo:hover {
		text-decoration:none;
	}