/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Ray White Bursmac & Associates					-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			May 6, 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: 								#d9f5ff url(../images/bg_sub.jpg) no-repeat top center;
		color: 										#535353; 
		font-size: 									12px; 
		font-family:								Arial, Helvetica, sans-serif;
		letter-spacing:								0; 
		line-height: 								16pt; 
		font-weight: 								normal; 
		text-align:									center;
	}



	#myFront {
		margin:										0; 
		padding:									0; 
		background: 								#FFFFFF url(../images/bg.jpg) no-repeat top center;
		color: 										#535353; 
		font-size: 									12px; 
		font-family:								Arial, Helvetica, sans-serif;
		letter-spacing:								0; 
		line-height: 								16pt; 
		font-weight: 								normal; 
		text-align:									center;
	}


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

	#wrapper {
		margin-left: 								auto; 
		margin-right: 								auto; 
		padding: 									0;
		width: 										960px; 
		text-align: 								left; 
	}


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

	#globalHead {
		clear:										both;	
		margin: 									0; 
		padding:									0; 
		height: 									79px; 
		width: 										960px;
		position:									relative;	
	}
		
		
	#globalHead img.logo {
		position:									absolute;
		bottom:										0;
		left:										0;
	}		
		

	#globalNav {
		clear:										both;	
		margin: 									0; 
		padding:									0; 
		height: 									42px; 
		width: 										960px;
	}
	
	.socialnetwork {
		width:195px;
		height:36px;
		float:left;
		margin:38px 0 0 390px;
	}
	
	.socialnetwork img {
		width:36px;
		height:36px;
		float:left;
		margin:0 3px 0 0;
	}
	
	.advantage, .loanmarket {
		float:left;
		margin:38px 0 0 10px;
	}	
	
	
	
/* --------------------------------------------------------------------------------
		FRONT CONTAINER
---------------------------------------------------------------------------------- */

	#frontContainer {
		float:										left;
		clear:										both;	
		margin: 									0; 
		padding:									0; 
		height: 									298px; 
		width: 										960px;
	}
			

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



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


	#quickSearch {
		float:										left;
		clear:										none;	
		margin: 									0; 
		padding:									0; 
		height: 									298px; 
		width: 										270px;
	}


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

	#radioSelect {
		float:										left;
		clear:										both;	
		display:									inline;
		margin:										5px 0 0 24px;
		width:										246px;
	}	

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

	#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:0 -3px 0 24px;
		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 {
		clear:both;
		width: 175px; 
		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;
	}

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


		#frontBoxes {
			width: 860px; height: 191px; margin: 0 0 0 50px; padding: 0; float:left; clear:both;
			background: #FFFFFF url("../images/feature_top.jpg") no-repeat left top;
			position:relative;
		}


		#frontBoxes span.title {
			color: #535353; font-weight: bold; font-size: 12px; line-height: 34px;
			position:absolute; top: 0px; left: 24px;
		}


		#frontBoxes .newsletter {
			position:absolute; top: 0px; right: 0px;
		}


/* ------------------------------------------------------------
		PROPERTY OF THE WEEK FRONT
------------------------------------------------------------ */	
	
	
		#frontSale {
			width: 270px; height: 144px; padding:0; margin: 47px 0 0 12px; float:left; clear:none; position:relative;
			background: transparent url("../images/feature_bottom.jpg") no-repeat left bottom;
		}


		#propImage {
			width: 270px; height: 108px; padding:0; margin: 0; 
			position: absolute; top: 0px; left: 0px;
		}		


		#frontSale span.address {
			color: #535353; font-weight: bold; font-size: 12px; line-height: 36px;
			position:absolute; bottom: 0px; left: 0px; width: 250px; padding: 10px 0 0 10px;
		}


		#propImageContainer {
			width: 270px; height: 108px; padding:0; margin: 0; 
			overflow:hidden; position:relative;
		}	

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


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


	#subNav {
		margin: 0; padding: 0; height: 38px; width: 960px; display:block;
		background: #53b9df url("../images/subnav_bg.jpg") repeat-x left top;
		font-weight:normal; font-size: 18px; color: #FFFFFF;
		}


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


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


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

	#content {
			width:960px; float:left; display: inline; clear:both; margin: 0 0 1px 0; padding: 0;
	}


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


	#globalContainer .content_liveimage {
			position: absolute; top:2px; right: 0px;
	}


	#search-map-container {
			position: absolute; top:140px; right: 10px;
			width: 430px; height: 370px;
	}


	#calculator-links {
			position: absolute; top:60px; right: 0px; width: 230px; 
	}

	#calculator-container {
			float: left; display:inline; width: 640px; 
			padding: 0; margin:15px 0 15px 60px;
	}


	#globalContainer div.column {
			float: left; display:inline; width: 470px; 
			padding: 0; margin:15px 0 0 60px;
	}


	#globalContainer div.column-narrow {
			float: left; display:inline; width: 235px; 
			padding: 0; margin:15px 0 0 60px;
	}
	

	#globalContainer div.column-narrow-two {
			float: left; display:inline; width: 235px; 
			padding: 0; margin:15px 0 0 0;
	}


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




	#testimonial-text {
			margin:10px 0 15px 0; border-top: 4px solid #cbeefa;
	}


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


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

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


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


	#globalContainer strong {
			color: #53b9df; font-weight: bold;
			font-family: 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 9px 1.6em;
			background: url(../images/bullet.jpg) no-repeat 0px 5px;
	}
		

	#globalContainer a.universal {
			text-decoration: underline; font-size: 12px; font-weight: normal; color: #53b9df;
			padding: 0; margin: 0; 
			}

	#globalContainer a.universal:hover {
			text-decoration: none; font-size: 12px; font-weight: normal; color: #FFFFFF;
			padding: 0; margin: 0; background-color: #53b9df;
			}		



	#globalContainer ul.site-links {	
			line-height: 1.0em;	list-style:none;
			margin: 0; padding: 10px 0 5px 0;
	}


	#globalContainer ul.site-links li {
			margin:0; padding: 0 0 9px 1.2em; background-image: none;
	}
		

	#globalContainer ul.site-links li a {
			text-decoration: underline; font-size: 12px; font-weight: normal; color: #53b9df;
			padding: 0; margin: 0; 
			}

	#globalContainer ul.site-links li a:hover {
			text-decoration: none; font-size: 12px; font-weight: normal; color: #FFFFFF;
			padding: 0; margin: 0; background-color: #53b9df;
			}		


	#globalContainer ul.site-links li a.main {
			text-decoration: underline; font-size: 14px; font-weight: bold; color: #53b9df;
			padding: 0; margin: 0; 
			}

	#globalContainer ul.site-links li a.main:hover {
			text-decoration: none; font-size: 14px; font-weight: bold; color: #FFFFFF;
			padding: 0; margin: 0; background-color: #53b9df;
			}	




	#globalContainer dl, dt, dd {
			margin: 0; padding: 0; 
		}
	
	#globalContainer dl {
			color: #575757; font-size: 12px; 
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			line-height: 16px; font-weight: normal;
			width: 470px;  margin: 5px 0 15px 0; padding: 0;
			float: left; display:inline; 
		}
	
	#globalContainer dt {
			float: left; width: 120px; padding: 3px 0 3px 0; 
			font-weight: bold; color: #575757;
			border-bottom: 1px solid #eeeeee;
		}
	
	#globalContainer dd {
			float: left; width: 350px; padding: 3px 0 3px 0; 
			font-weight:normal; color: #575757;
			border-bottom: 1px solid #eeeeee;
		}


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


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


		#main span.legend {
				margin: 0; padding: 0 12px 0 12px; margin: 0; 
				font-size: 12px; color: #535353; font-weight: bold;				
		}


		#main label { 
				color: #575757;	font-size: 12px; font-family: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:Arial, Helvetica, sans-serif;
				float: left; width: 220px; 
				padding: 4px; 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:Arial, Helvetica, sans-serif;
				float: left; width: 220px;
				padding: 4px; 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:Arial, Helvetica, sans-serif;
				float: left; width: 220px; 
				padding: 4px; 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:Arial, Helvetica, sans-serif;
				float: left; width: 220px; height: 80px;
				padding: 4px; 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:Arial, Helvetica, sans-serif;
				float: left; width: 220px; height: 80px;
				padding: 4px; 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: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: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 11px; padding: 0; background: transparent;
				width: 105px; height: 41px; border: none;
		}


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


		#main .verify { 
				float: left; padding: 4px; margin: 0 0 10px 20px;
				background: none; border:none; width: 80px; height: 24px;
			}

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




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

		#main-footer {
				height: 40px; background-color:#FFFFFF; clear:both;
				padding:0; margin: 0; text-align:center;
		}
		
		#footer {	
				width: 920px; height: 40px; margin: 0 auto; padding:0; display:block;
				background-color: #FFFFFF;	color: #dadada; font-size: 11px; line-height: 40px;
			}	


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

		#footer .wblogo {
				float: right; margin:0; padding: 5px 50px 0 0;
				}

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

.wbLink {
	background:url(../images/wb2.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	width:101px;
	height:24px;
	float:right;
	margin:6px 50px 0 0;
	/*margin:0 auto;*/
}

	a.wbLink:hover {
		background-position:0 -24px;
	}