/* CSS Document */
body {
   margin: 0 0 30px 0;
   padding: 0;
   background: #114488;
   }

#wrapper {
   width: 668px;
   margin: 10px auto 20px auto;
   padding: 0;
   background: #FFFFFF url(img/wrapper.gif) repeat-y top;
   }
   
#header {
   width: 668px;
   height: 106px;
   margin: 0;
   padding: 0;
   background: #FFFFFF url(img/header.gif) no-repeat top;
   }
   
#menu {
   width: 668px;
   height: 58px;
   margin: 0;
   padding: 0;
   }

#navigation {	position: relative; width: 668px; height: 58px; background: #FFFFFF url(img/menu.gif); right: 0; margin: 0; padding: 0; }
#navigation li {	position: absolute; margin: 0px; padding: 0px; list-style: none;  }
#navigation span {	display: none;	}
#navigation li, #navigation a	{ height: 58px; display: block	}

#home 	       { left: 13px; 	width: 70px; 	}
#areas  	   { left: 85px; 	width: 66px; 	}
#property      { left: 153px;	width: 127px;	}
#rental	       { display: none; /* left: 282px;	width: 69px; */	}
#developments  { left: 282px;	width: 118px;	}
#guide	       { left: 402px;	width: 137px;	}
#contactus	   { left: 541px;	width: 114px;	}

#home 		   a:hover{background: transparent url(img/menu.gif) -13px -58px no-repeat;}
#areas 		   a:hover{background: transparent url(img/menu.gif) -85px -58px no-repeat;}
#property	   a:hover{background: transparent url(img/menu.gif) -153px -58px no-repeat;}
#rental 	   a:hover{dislpay: none;/*background: transparent url(img/menu.gif) -282px -58px no-repeat;*/}
#developments  a:hover{background: transparent url(img/menu.gif) -282px -58px no-repeat;}
#guide 	       a:hover{background: transparent url(img/menu.gif) -402px -58px no-repeat;}
#contactus 	   a:hover{background: transparent url(img/menu.gif) -541px -58px no-repeat;}

#search {
   width: 232px;
   height: 250px;
   margin: 0;
   padding: 0;
   background: url(img/search.gif) no-repeat 6px 10px;
   }
   
#slide {
   width: 423px;
   margin: 0;
   padding: 0 0 0 13px;
   }

#sidebar {
   width: 232px;
   margin: 0;
   padding: 0;
   }
   
#content {
   width: 436px;
   height: 250px;
   margin: 0;
   padding: 0;
   background: url(img/content.gif) repeat-y;
   }

#text {
   width: 387px;
   margin: 0 0 0 13px;
   padding: 12px 18px 12px 18px;
   background: url(img/h1.gif) no-repeat;
   }

#text h1 {
   font: bold 16px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   margin: 0 0 5px 0;
   padding: 0;
}
	
#text h2 {
   font: bold 12px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   margin: 0 0 15px 0;
   padding: 0; 
}
	
#text h3 {
   font: bold 12px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   margin: 0 0 10px 0;
   padding: 0;
}

#text h4 {
   font: bold 12px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   margin: 0;
   padding: 0;
}

#content p {
   font: normal 10px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   margin: 0 0 5px 0;
   padding: 0;
   line-height: 20px;
   text-align: justify;
}

#content a {
	color: #b7210d;
	text-decoration: underline;
	margin: 0;
	padding: 0 0 1px 0;
}
	
#content a:hover {
	color: #b7210d;
	text-decoration: underline;
}

#content p img {
   float: right;
   margin: 7px 0 10px 15px;
   padding: 0;
}

#content ul {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0 0 10px 0; 
	padding: 0;
	list-style: square;
}
	
#content li {
	margin: 0 0 0 5px;
	padding: 0 0 2px 0px;
	line-height: 20px;
}
	
#content li a, #content li a:link, #content li a:active, #content li a:visited {
	color: #053564; 
	text-decoration: none; 
	border-bottom: 1px solid #498CC7;
}
	
#content li a:hover {
	color: #053564; 
	text-decoration: none; 
	border-bottom: 1px solid #498CC7;
}
#featured {
   width: 232px;
   height: 300px;
   margin: 0;
   padding: 0;
   }

#featprop {
   font: 10px normal Verdana, Arial, Helvetica, sans-serif;
   width: 213px;
   margin: 0 0 0 6px;
   padding: 0;
   background: url(../img/feat_bg.gif) repeat-y top;
   }

#footer {
   width: 668px;
   height: 18px;
   margin: 0;
   padding: 0;
   background: #114488 url(img/footer.gif) no-repeat top;
   }
   
#footer p {
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 5px 0 0 28px;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
	
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}

/* Classes */

.featured {
   width: 178px; 
   border-bottom: 1px solid #dedede; 
   margin: 0 0 0 18px; 
   padding: 2px 0 2px 0;
   text-align: right;
   }
   
.area {
    font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	width: 130px; 
	margin: 0 0 0 70px; 
	padding: 0; 
	}
	
.price {
    font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	width: 130px; 
	margin: 0 0 0 70px; 
	padding: 0; 
	}
	
.ref {
    font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	width: 125px; 
	margin: 0 0 0 70px; 
	padding: 0; 
	}
	
.search {
    margin: 0 16px 0 0;
	padding: 0;
	}
	
.image {
    margin: 0;
	padding: 2px;
	background: #F2F2F2;
	Border: 1px solid #CCCCCC;
	}
	
.dark {
    margin: 0px; 
	padding: 4px 0 0 0; 
	border-bottom: 5px solid #114488;
	}
	
.light {
    margin: 0px; 
	padding: 4px 0 0 0; 
	border-bottom: 1px solid #F2F2F2;
	}