body {
 background-color: #7a7777;
 background-image: url(../img/bg.gif);
 background-repeat: repeat;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
}

body {
 font: 12px/1.5 Arial, Helvetica, sans-serif;
 color: #ffffff;}

a:focus { 
 outline: 1px dotted invert
}

hr { 
 border:0 #3b3737 solid;
 border-top-width:1px;
 clear:both;
 height:0
}

h1 {font-size: 28px; margin: 0; margin-bottom: 18px;}
h2 {font-size: 20px; margin-top: 0; margin-bottom: 18px;}
h3 {font-size: 18px; margin-top: 0; margin-bottom: 5px;}
h4 {font-size: 16px; margin-top: 0; margin-bottom: 18px;}
h5 {font-size: 17px}
h6 {font-size: 15px}
ol {list-style: decimal}
ul {list-style: square}
li {margin-left: 5px}
p,dl,hr,ol,ul,pre,table,address,fieldset{ margin-bottom:18px}

a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
}

a:link {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
 color: #FFFFFF;
}

/**** Header ****/

.header-wrapper {
 background-image: url(../img/header-bg.png);
 background-repeat: repeat-x;
 height: 169px;
}

.header {
 width: 826px;
 height: 169px;
 margin-left: auto;
 margin-right: auto;
 background:  url(../img/header.png) repeat-x;
}

.logo {
 float: left;
 width: 269px;
 height: 159px;
 margin-right: 45px ;
 padding-left: 17px;
}

/**** Main Menu ****/

.menu {
 float: left;
 width: 490px;
 height: 139px;
 margin: 0;
 padding: 0;
 background: url(../img/menu-bg.jpg) no-repeat;
 overflow: hidden;
}

#navigation {	    
 position: relative;
 width: 490px; 
 height: 139px; 
 background: #ffffff url(../img/menu.jpg); 
 margin: 0; 
 padding: 0; 
}

#navigation li {	
 position: absolute; 
 margin: 0; 
 padding: 0; 
 list-style: none;  
}

#navigation span {	
 display: none;	
}

#navigation li, #navigation a	{ 
 height: 139px; 
 display: block	
}

#home 	        { left: 0px; 	width: 87px; }
#retail         { left: 87px; 	width: 78px; }
#residential    { left: 165px;	width: 79px; }
#offices	    { left: 244px;	width: 79px; }
#developments   { left: 323px;	width: 79px; }
#contact   		{ left: 402px;	width: 88px; }
 
#home  		    a:hover{ background: transparent url(../img/menu.jpg) 0px -139px no-repeat;}
#retail         a:hover{ background: transparent url(../img/menu.jpg) -87px -139px no-repeat;}
#residential	a:hover{ background: transparent url(../img/menu.jpg) -165px -139px no-repeat;}
#offices		a:hover{ background: transparent url(../img/menu.jpg) -244px -139px no-repeat;}
#developments   a:hover{ background: transparent url(../img/menu.jpg) -323px -139px no-repeat;}
#contact	 	a:hover{ background: transparent url(../img/menu.jpg) -402px -139px no-repeat;}

/**** Sub Menu ****/

.sub-menu {
 float: right;
 width: 82px;
 margin-right: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #626161;
 font-weight: bold;
}

.sub-menu a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #626161;
}

.sub-menu a:hover {
 text-decoration: underline;
 color: #626161;
}

/**** Main Content ****/

.content-wrapper {
 width: 792px;
 margin-left: auto;
 margin-right: auto;
 padding: 17px;  
 background-image: url(../img/content-bg.png);
}

.content {
 width: 792px;
 margin: 0;
 padding: 0;
}

.content p {
 font-family: Arial, Helvetica, sans-seriff;
 font-size: 12px;
 font-weight: normal;
 color: #ffffff;
 margin: 0 0 10px 0;
 padding: 0;
 line-height: 18px;
 text-align: left;
}

.content a {
 color: #ffffff;
 text-decoration: none;
}
	
.content a:hover {
 color: #ffffff;
 text-decoration: underline;
}

.content p img {
 float: left;
 margin: 2px 15px 10px 0;
 padding: 5px;
 background: #242424;
 border: 1px solid #242424;
}

/**** Featured Boxes ****/

.featured {
 width: 792px;
 margin-top: 25px;
 margin-bottom: 0px;
 padding: 0;
 overflow: hidden;
}

.featured-l {
 float: left;
 width: 238px;
 margin-right: 15px;
 padding: 8px;
 overflow: hidden;
 background: url(../img/featured-bg.png);
}

.featured-r {
 float: left;
 width: 238px;
 margin: 0;
 padding: 8px;
 overflow: hidden;
 background: url(../img/featured-bg.png);
}

.featured-img {
 margin-bottom: 10px;
}

/**** Developments ****/

.developments {
 display: block;
 width: 792px;
 height: 101px;
 border-bottom: 1px sold #ffffff;
 padding-top: 17px;
 padding-bottom: 17px;
 clear: both;
 border-bottom: 1px solid #ffffff; 
}

.developments-no-border {
 display: block;
 width: 792px;
 height: 101px;
 border-bottom: 1px sold #ffffff;
 padding-top: 17px;
 padding-bottom: 0;
}

.developments-l {
 float: left;
 width: 341px;
}

.developments-r {
 float: right;
 width: 431px;
 padding: 0 0 0 20px;
}

/**** Property Detail ****/

.detail {
 display: block;
 width: 792px;
 margin-top: 17px;
}

.detail-l {
 float: left;
 width: 502px;
 margin-right: 17px;
}

.detail-r {
 float: left;
 width: 257px;
 margin: 0;
 padding: 8px;
 background-image: url(../img/content-bg.png);
}

.detail-r ul {
 list-style: square;
 margin: 15px 0 18px 0; 
 padding: 0;
}
	
.detail-r li {
 margin: 0 0 0 15px;
 padding: 0 0 0 5px;
 line-height: 1.5em;
}

.main-image {
 width: 486px;
 margin-bottom: 17px;
 padding: 8px;
 background-image: url(../img/content-bg.png);
}

.main-image-no-margin {
 width: 486px;
 margin: 0;
 padding: 8px;
 background-image: url(../img/content-bg.png);
}

.image-1 {
 float: left;
 margin-right: 9px;
 padding: 0;
 border: 0;
}

.image-2 {
 float: left;
 margin-right: 9px;
 padding: 0;
 border: 0;
}

.image-3 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
}
/**** Contact Us ****/

.contact-l {
 float: left;
 width: 386px;
}

.contact-m {
 float: left;
 width: 792px;
}

.contact-r {
 float: left;
 width: 396px;
 padding-left: 10px; 
}

#contact label {
 display: block;
 font-weight: bold;
 margin: 5px 0 3px 0;
}

#contact input {
 width: 320px;
 border: 1px solid #d71921;
 padding: 3px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #f2f2f2;
} 

#contact textarea {
 width: 350px;
 border: 1px solid #d71921;
 padding: 3px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #f2f2f2;
} 

#contact textarea {
 height: 135px;
 border: 1px solid #d71921;
 background: #f2f2f2;
}

#contact input.submit {
 width: 119px;
 background: none;
 border: none;
 display: block;
 margin: 10px 0 20px -3px;
}


/**** Footer ****/

.footer-wrapper {
 width: 792px;
 margin-left: auto;
 margin-right: auto;
 padding: 17px;  
}

.footer {
 width: 792px;
 margin: 0;
 padding: 0;
}

.footer p {
 font-family: Arial, Helvetica, sans-seriff;
 font-size: 12px;
 font-weight: normal;
 color: #ffffff;
 margin: 0;
 padding: 0;
 line-height: 18px;
 text-align: left;
}

.footer a {
 color: #ffffff;
 text-decoration: none;
}
	
.footer a:hover {
 color: #ffffff;
 text-decoration: underline;
}

.footer-r {
	float: left;
	width: 570px;
	text-align: right;
}

.footer-l {
	float: left;
	width: 222px;
}

/**** Other Classes ****/

.clear {
 clear: both; 
 height:1px;
 overflow: hidden;
}

.image {
 float: left; 
 margin-top: 8px; 
 margin-right: 15px; 
 margin-bottom: 10px;
}

.map {
 width: 776px;
 height: 250px;
 margin-bottom: 10px;
 padding: 8px;
 background-image: url(../img/content-bg.png);
}

#bodyContent {
 color: #000000;
 line-height: 18px;
}