/* @group reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;

	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}

a {
text-decoration:none;
color:#669900;
}

a:hover {
color:#666666;
}

a:visited {
color:#669933;
}
/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
*/
body {
	background-color: #FFFFFF;
	color: #666666;
	text-align: center;
	font: 1em Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0px;
}

#wrapper {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 882px;
	font: 1em Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
}

h1 {
	font:1.6em Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom: 10px;
	letter-spacing: -1px;
	 }	

h2 {
	font:1.3em Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom: 10px;
	letter-spacing: -1px;
	 }
h4 {
	font:.8em Arial, Helvetica, sans-serif;
	font-weight:100;
	text-align:right;
	padding-bottom: 10px;
	 }
	 	 	 
#detailcontent{	 
	width: 680px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#textcontent {
	font: .8em Arial, Helvetica, sans-serif;
	width: 360px;
	padding-top: 20px;
	padding-bottom: 20px;
	float:left;
	}
	
#punch {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #99CC00;
	width: 220px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 52px;
	padding-bottom: 20px;
	font-weight:100;
	line-height: 1.5;
	letter-spacing: -.5px;
	float:right;
}
#propertyimage {
	width: 300px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	float:right;
}

/* @group navbar */

div#navbar {
	height: 74px;
	overflow: hidden;
	width: 882px;
	display: block;
	clear: both;
}

div#navbar ul {
	height: 74px;
	padding: 0px;
	background: url(../images/navigation-lettings.jpg) no-repeat;
	position: relative;
	display: block;
	margin: 0;
}

#navbar ul li {
	list-style: none;
	margin: 0px 0px 0px;
	top: 0px;
	position: absolute;
	padding: 0;
}

#navbar ul li, #navbar a {
	height: 74px;
	display: block;
}

#navbar a {
	text-indent: -5000px;
	text-decoration: none;
}

#nb1 {
	left: 263px;
	width: 66px;
}


#nb2 {
	left:331px;
	width: 68px;
}

#nb3 {
	left: 399px;
	width: 56px;
}

#nb4 {
	left: 457px;
	width: 70px;
}

#nb5 {
	left: 528px;
	width: 73px;
}

#nb6 {
	left: 602px;
	width: 90px;
}

#nb7 {
	left: 694px;
	width: 81px;
}

#nb8 {
	left: 776px;
	width: 83px;
}


#nb1 a:hover {
	background: transparent url(../images/navigation-lettings.jpg) no-repeat  -263px -90px;
}

#nb2 a:hover {
	background: url(../images/navigation-lettings.jpg) no-repeat -331px -90px transparent; 
}

#nb3 a:hover {
	background: url(../images/navigation-lettings.jpg) no-repeat -399px -90px transparent;
}

#nb4 a:hover {
	background: url(../images/navigation-lettings.jpg) no-repeat -457px -90px transparent;
}

#nb5 a:hover {
	background: url(../images/navigation-lettings.jpg) no-repeat -528px -90px transparent;
}

#nb6 a:hover {
	background: url(../images/navigation-lettings.jpg) no-repeat -602px -90px transparent;
}

#nb7 a:hover {
	background: url(../images/navigation-lettings.jpg) no-repeat -694px -90px transparent;
}

#nb8 a:hover {
	background: url(../images/navigation-lettings.jpg) no-repeat -776px -90px transparent;
}
/*
body#pHome #nb2, body#pHome #nb2 a:hover {
	background: transparent url(../img/navbar.gif) no-repeat -126px -176px;
}

body#pStory #nb3, body#pStory #nb3 a:hover {
	background: url(../img/navbar.gif) no-repeat -248px -176px transparent; 
}

body#pHow #nb4, body#pHow #nb4 a:hover {
	background: url(../img/navbar.gif) no-repeat -371px -176px transparent;
}

body#pOffer #nb5, body#pOffer #nb5 a:hover {
	background: url(../img/navbar.gif) no-repeat -493px -176px transparent;
}

body#pTenant #nb6, body#pTenant #nb6 a:hover {
	background: url(../img/navbar.gif) no-repeat -616px -176px transparent;
}

body#pResale #nb7,body#pResale #nb7 a:hover {
	background: url(../img/navbar.gif) no-repeat -738px -176px transparent;
}

body#pContact #nb8, body#pContact #nb8 a:hover {
	background: url(../img/navbar.gif) no-repeat -861px -176px transparent;
}


 @end */
#advertimage {
background:url(../images/greengreengrass.jpg) no-repeat;
	height: 238px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
#advertimage1 {
background:url(../images/banner1.jpg) no-repeat;
	height: 238px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
#advertimage2 {
background:url(../images/banner2.jpg) no-repeat;
	height: 238px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
#advertimage3 {
background:url(../images/banner3.jpg) no-repeat;
	height: 238px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
#advertimage4 {
background:url(../images/banner4.jpg) no-repeat;
	height: 238px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
#advertimage5 {
background:url(../images/banner5.jpg) no-repeat;
	height: 238px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
#advertimage6 {
background:url(../images/banner6.jpg) no-repeat;
	height: 238px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
#advertimage7 {
background:url(../images/banner7.jpg) no-repeat;
	height: 238px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
#advertimage8 {
background:url(../images/banner8.jpg) no-repeat;
	height: 238px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
 /*---- Content------*/
 
#boxes {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 882px;
	margin-bottom: 0px;
	padding: 0 0em 0 0em;
}

#boxes .homeSmall1,
#boxes .homeSmall2,
#boxes .homeSmall3,
#boxes2 .homeSmall4,
#boxes2 .homeSmall5,
#boxes2 .homeSmall6 {
	background:  url(../images/property_of_the_month1.jpg) no-repeat;
	width: 294px;
	height: 338px;
	float: left;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	
}

#boxes .homeSmall2 {
	margin-left: 0;
}

#boxes .homeSmall3 {
	margin-left: 0;
}

#boxes2 .homeSmall5 {
	margin-left: 0;
}

#boxes2 .homeSmall6 {
	margin-left: 0;
}

#boxes .homeSmall1 a,
#boxes .homeSmall2 a,
#boxes .homeSmall3 a,
#boxes2 .homeSmall4 a,
#boxes2 .homeSmall5 a,
#boxes2 .homeSmall6 a {
	margin-top: 42px;
	margin-left: 22px;
	display: block;
	width: 249px;
	height: 160px;
	text-indent: -5000px;
}

p.placeCost {
	margin-top: 10px;
	margin-left: 22px;
	width: 242px;
	font: 1em Arial, Helvetica, Geneva, sans-serif;
	font-size: .9em;
	font-weight: bold;
	text-align: right;
	display:block;
	color: #99CC00;
}
#boxes .homeSmall1 p.placeHeader,
#boxes .homeSmall2 p.placeHeader,
#boxes .homeSmall3 p.placeHeader,
#boxes2 .homeSmall4 p.placeHeader,
#boxes2 .homeSmall5 p.placeHeader,
#boxes2 .homeSmall6 p.placeHeader {
	font: 1em Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #99CC00;margin-top: 30px;
	margin-left: 22px;
	display: block;
	width: 249px;
	height: 45px;
}
#boxes .homeSmall1 a {
	background: url(../images/property1.jpg) no-repeat;
}

#boxes .homeSmall1 a:hover {
	background: url(../images/property1.jpg) no-repeat 0 -160px;
}

#boxes .homeSmall2 a {
	background: url(../images/property2.jpg) no-repeat;
}

#boxes .homeSmall2 a:hover {
	background: url(../images/property2.jpg) no-repeat 0 -160px;
}

#boxes .homeSmall3 a {
	background: url(../images/property3.jpg) no-repeat;
}

#boxes .homeSmall3 a:hover {
	background: url(../images/property3.jpg) no-repeat 0 -160px;
}

#boxes2 .homeSmall4 a {
	background: url(../images/property4.jpg) no-repeat;
}

#boxes2 .homeSmall4 a:hover {
	background: url(../images/property4.jpg) no-repeat 0 -160px;
}

#boxes2 .homeSmall5 a {
	background: url(../images/property5.jpg) no-repeat;
}

#boxes2 .homeSmall5 a:hover {
	background: url(../images/property5.jpg) no-repeat 0 -160px;
}

#boxes2 .homeSmall6 a {
	background: url(../images/property6.jpg) no-repeat;
}

#boxes2 .homeSmall6 a:hover {
	background: url(../images/property6.jpg) no-repeat 0 -160px;
}


label, label span{ display:block; padding-bottom:.25em;}
label { float:left; width:100%;}
label span { float:left; width: 45%; text-align:right;}

/* inputs */
#formplace {
	font: .8em Arial, Helvetica, sans-serif;
	padding-top:56px;
	width: 300px;
	float:right;
}

fieldset input, textarea { float:right; width:45%; border: 1px solid #669900;}
fieldset input:hover { border-color:#CC0000;}
fieldset input:active, input:focus { border-color:#669900;}


fieldset { background-color: #E9E9E9;
		   margin-bottom:10px;
		   padding: 20px;
		   border: 1px solid #669900; 
		   overflow: hidden;}

form div { margin-bottom: 20px;
		   padding: 10px 20px;
		   border: 1px solid #669900;
		   text-align:center;}
		   
form div input { padding: .2em;
		background-color:#669900;
		border: 2px double #666600;
		border-top-color: #666600;
		font: bold 70% Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-transform:uppercase; }

form div input:hover { 
		background-color: #336633;
		 }
#backbutton {
	background:url(../images/back.gif) no-repeat;
	display:block;
	height: 23px;
	width: 58px;
	position: relative;
	float: left;
	text-indent: -9999px;
	left:0;
	top: 20px;
}

#backbutton:hover {
	background: transparent url(../images/back.gif) no-repeat  0 -28px;
}

.Button {
width: 319px;
height: 48px;
}

.Button a {
display: block;
width: 319px;
height: 48px;
background:  url(../images/search_button.jpg) no-repeat top left;
}

.Button a:hover {
background-position: 0 -51px;
}

		
#footer {
	background:url(../images/footer.jpg) no-repeat;
	height: 69px;
	width: 882px;
	margin-left: 0px;
	margin-right: 0px;
	font: .6em Arial, Helvetica, sans-serif;
	color: #9a9a9a;
	padding-top: 1em;
	margin-top: 2em;
	clear:both;
}

#footer li {
display:inline; /* gets the list items showing horizontally */
list-style-type:none; /* removes the bullets */
padding:0 5px; /* some space between each item */
margin:-2px !important; /* removes the space left by the bullet point */
margin:0; /* don't need to remove the space for IE */
border-left: 1px solid #ccc; /* instead of the vertical bar */
border-right: 1px solid #aaa; /* a little bit of shadow on the bar */
}

#footer ul {
	position: relative;
	margin-left: 25px;
	padding-top: 1.8em;
}

#footer ul li {
	display: inline;
	margin-right: 1.5em;
}

#footer-nav li.first {
border-left:0; /* no bar required before first item */
} 

#footer ul li a {
	color: #666666;
	text-decoration: none;
}

#footer ul li a:hover {
	/*border-bottom: 1px solid #8c8c8c;*/
	color: #9a9a9a;
}

#footer ul li.email {
	position: absolute;
	right: 0;
	margin-right: 0;
}