/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Ray White Bulimba & Morningside								-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			February 12th, 2009								-
-																				-
---------------------------------------------------------------------------------- */


/* ------------------------------------------------------------
		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: #efefef url(../images/innerbg.jpg) repeat-x top center;
			font-size: 11px; font-family: arial, sans-serif; color: #656565; letter-spacing: 0; line-height: 14pt; 
			font-weight: normal; text-align:center;
		}



		#indexPage {
			background: #FFFFFF url(../images/topbg2.jpg) repeat-x top center;
		}


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

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

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

		#signage {
			margin: 0; height:96px; width: 960px; 
		}
		
		
/* ------------------------------------------------------------
		GLOBAL FLASH NAVIGATION
------------------------------------------------------------ */

		#globalnav {
			clear:both; margin: 0; padding:0; height: 41px; width: 960px;
		}	
		
		
/* ------------------------------------------------------------
		SUB NAVIGATION
------------------------------------------------------------ */


		#subNav {
			margin: 0; padding: 0; height: 41px; width: 920px; display:block;
			color: #dcdcdc; 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: #808080!important; text-decoration: none!important;
			margin: 0; padding: 0 8px 0 8px; line-height: 41px;
			}
					
		#subNav a:hover {
			font-weight:normal;	color:#4c4c4c!important; text-decoration: none!important;
			margin: 0; padding: 0 8px 0 8px; line-height: 41px;
			}		



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

		.closed {
			color: #808080; font-size: 12px; text-decoration: none; line-height: 41px;
			padding: 0 6px 0 0; margin: 0;
			}

		.open {
			color: red; font-size: 12px; text-decoration: none; line-height: 41px;
			padding: 0 6px 0 0; margin: 0;
			}
		

		.currenturl {
			color: #4c4c4c; font-size: 12px; text-decoration: none; line-height: 41px;
			padding: 0 6px 0 0; margin: 0;
			}
		
			
			
			
				
/* ------------------------------------------------------------
		MAIN BG CONTAINER TO CENTER
------------------------------------------------------------ */

		#frontContainer {
			padding: 0; margin:0; width: 960px; height: 384px; position:relative;
			background: #FFFFFF url(../images/mainflash_bg.jpg) no-repeat top center;
		}


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

		#splash {
			margin: 0; padding:0; position:absolute; top:0px; left: 0px;
			height: 326px; width: 960px; z-index: 10;
		}

/* ------------------------------------------------------------
		QUICK  SEARCH BLOCK
------------------------------------------------------------ */


		#radioSelect {
			position: absolute; bottom: 51px; left: 45px; z-index: 100;
		}	

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

		#radioSelect img {
			padding: 0; margin: 0 12px 0 0; 
		}	

		#searchSale, #searchRent {
			clear: both; position: absolute; bottom: 7px; left: 45px;
			width: 915px; height: 38px; margin: 0; padding: 0; z-index: 100;
		}
		
				
		#searchSale fieldset, #searchRent fieldset {
			float: left; border: none; padding: 0; margin:0;
		}
		
	
		#searchSale select, #searchRent select {
			float: left; width: 130px; height: 22px; margin: 0 8px 0 0; padding: 2px;
			font-family: Tahoma, arial, sans-serif;	font-size: 11px; color: #666666;
		}



/* ------------------------------------------------------------
		FOUR BOXES FRONT PAGE
------------------------------------------------------------ */


		/*#frontBoxes {
			width: 960px; height: 149px; margin: 0; padding: 0; float:left; clear:both;
		}*/
		
		#frontBoxes {
			width: 960px; height: 169px; margin: 0; padding: 0; float:left; clear:both;
		}



/* ------------------------------------------------------------
		PROPERTY OF THE WEEK FRONT
------------------------------------------------------------ */	
	
	
		/*#frontSale {
			width: 337px; height: 149px; padding:0; margin: 0; float:left; clear:none; position:relative;
			background: transparent url("../images/saleprop_bg.jpg") no-repeat left top;
		}*/
		
		#frontSale {
			width: 245px; height: 169px; padding:0; margin: 0; float:left; clear:none; position:relative;
			background: transparent url("../images/saleprop2_bg.jpg") no-repeat left top;
		}


		/*#propImage {
			width: 302px; height: 88px; padding:0; margin: 0; 
			position: absolute; top: 14px; right: 7px;
		}*/	
		
		#propImage {
			width: 211px; height: 108px; padding:0; margin: 0; 
			position: absolute; top: 13px; right: 7px;
		}


		/*#propImageContainer {
			width: 302px; height: 88px; padding:0; margin: 0; 
			overflow:hidden; position:relative; background-color: #FFFFFF;
		}*/	
		
		#propImageContainer {
			width: 211px; height: 108px; padding:0; margin: 0; 
			overflow:hidden; position:relative; background-color: #FFFFFF;
		}


		#propImageContainer img {
			width: 230px; position:absolute; top: -10px; left: -10px;
			}	
			
				
		#propImageContainer a {
			text-decoration: none; 
		}		
		
		#propImageContainer a:hover {
			text-decoration: none;
		}	




/* ------------------------------------------------------------
		RENTAL OF THE WEEK FRONT
------------------------------------------------------------ */	
	
	
		/*#frontrent {
			width: 321px; height: 149px; padding:0; margin: 0; float:left; clear:none; position:relative;
			background: transparent url("../images/rentprop_bg.jpg") no-repeat left top;
		}*/
		
		#frontrent {
			width: 230px; height: 169px; padding:0; margin: 0; float:left; clear:none; position:relative;
			background: transparent url("../images/rentprop2_bg.jpg") no-repeat left top;
		}


/* ------------------------------------------------------------
		Social Networks FRONT
------------------------------------------------------------ */	
	
		#frontsocial {
			width: 230px; height: 169px; padding:0; margin: 0; float:left; clear:none; position:relative;
			background: transparent url("../images/socialprop2_bg.jpg") no-repeat left top;
		}
		
			.socialbtns {
				width:192px;
				height:43px;
				position:absolute;
				top:63px;
				left:22px;
			}
			
				a.socialbtn_fb, a.socialbtn_t, a.socialbtn_li, a.socialbtn_yt {
					width:43px;
					height:43px;
					float:left;
					margin:0 6px 0 0;
				}
			
				a.socialbtn_fb {
					background:url(../images/social_fb.jpg) no-repeat;
				}
			
				a.socialbtn_t {
					background:url(../images/social_t.jpg) no-repeat;
				}
			
				a.socialbtn_li {
					background:url(../images/social_li.jpg) no-repeat;
				}
			
				a.socialbtn_yt {
					margin:0;
					background:url(../images/social_yt.jpg) no-repeat;
				}
				
					a.socialbtn_fb:hover, a.socialbtn_t:hover, a.socialbtn_li:hover, a.socialbtn_yt:hover {
						background-position:0 -43px;
					}
		
		
/* ------------------------------------------------------------
		NEWSLETTER FRONT PAGE
------------------------------------------------------------ */	
	
	
		/*#newsletter {
			float: left; width: 302px; padding:0; margin: 0; 
		}*/
		
		#newsletter {
			float: left; width: 255px; padding:0; margin: 0; 
		}



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

		#content {
				width:920px; float:left; display: inline; clear:both; border-top: 5px solid #fdf100;
				margin: 3px 0 0 20px; padding: 0; background: #FFF url("../images/content_bg.jpg") repeat-x left bottom;
		}


		#globalContainer {
				width:660px; float:left; display: inline;
				margin: 0 0 0 130px; padding: 0 0 40px 0;
		}


		#globalContainer div.column {
				float: left; display:inline; width: 290px; 
				padding: 0 0 25px 0; margin:15px 40px 0 0;
		}


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


		#content p.newsitem {
				color: #575757; line-height: 18px; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px; padding: 5px 30px 5px 40px; margin:0 0 15px 0;
				background: transparent url(../images/pdf_icon.gif) no-repeat 0px 10px;
		}


		#content p.marketitem {
				color: #575757; line-height: 32px; text-align: left; height: 32px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px; padding: 10px 30px 5px 40px; margin:0 0 15px 0;
				background: transparent url(../images/pdf_icon.gif) no-repeat 0px 10px;
		}

		#globalContainer span {
				color: #000; font-weight: normal;
				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: 11px; color: #575757; text-decoration: none;
				margin:0; padding: 0 0 0 1.6em;
				background: url(../images/bullet.jpg) no-repeat 0px 5px;
		}
			

		#globalContainer a {
				text-decoration: none; font-size: 12px; font-weight: bold; color: #808080;
				padding: 0; margin: 0; border-bottom: 1px dotted #808080;
				}
	
		#globalContainer a:hover {
				text-decoration: none; font-size: 12px; font-weight: bold; color: #4c4c4c;
				padding: 0; margin: 0; border-bottom: 1px solid #4c4c4c;
				}		


		#globalContainer dl, dt, dd {
				margin: 0; padding: 0; 
			}
		
		#globalContainer dl {
				color: #575757; font-size: 12px; 
				font-family: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
------------------------------------------------------------ */


		#content 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:Arial, Helvetica, sans-serif; font-weight: bold;
				width: 220px; 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; height:22px;
				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:Arial, Helvetica, sans-serif;
				float: left; width: 220px; height:22px;
				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:Arial, Helvetica, sans-serif;
				float: left; width: 220px; height:22px;
				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: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: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: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 5px; padding: 0; background: transparent;
				width: 101px; height: 36px; 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: Arial, Helvetica, sans-serif;
				font-size: 12px; padding: 5px 0 15px 100px; margin:0;
		}





/* ------------------------------------------------------------
		PROEJCTS / NEW LAND ESTATES
------------------------------------------------------------ */


		#projectthumb {
				margin: 10px 5px 0 5px; padding: 0; position:relative;
				float:left; width: 210px; height: 180px; display:inline;
				background: url("../images/member_bg.jpg") no-repeat top left;
		}
	
	
		#projectthumb a.projectcaption {
				font-weight:bold; font-size: 12px; line-height:18px;
				color: #ffdf29; text-decoration: none; background-color: transparent;
				position:absolute; bottom: 7px; left: 15px;
			}
	
	
		#projectthumb a:hover.projectcaption {
				font-weight:bold; color:#FFF; text-decoration: underline; background-color: transparent;
			}
	
	
		#projectpic {
				float: left; display:inline; border: none; background-color: #ffdf29;
				width: 190px; height: 140px; position:relative;
				margin: 10px 0 4px 10px; padding: 0; overflow: hidden; 
			}
	
	
		#projectpic img {
				margin: 0; padding: 0;float: left; width: 220px;
				position: absolute; top: -20px; left: -10px;
			}		
		
		
		#projectpic a {
				border: none;
			}		



/* ------------------------------------------------------------
		PROPERTY IN DETAIL IMAGES
------------------------------------------------------------ */

		#projectPics {
			width: 900px; height:215px; display: inline; float: left;
			margin: 0 0 15px 0; padding: 0;			
			background: url("../images/project_bg.jpg") repeat-x top center;
			}
	
	
		#projectPics img {
			float: left; display:inline; border: 0; 
			width: 150px; height: 90px;
			margin: 10px 15px 0 15px; padding: 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; padding: 0;  
				}

		#footer .wblogo {
				float: right; margin:0; padding: 0 10px 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;
				}