* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	line-height: 1.3em;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666;
}

#container {
	width: 900px;
	margin: 0px auto;
	text-align: left;
}

a:link, a:visited, a:active {
	color: #063;
	text-decoration: none;
	border-bottom: 1px solid #693;
}

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

.hide {
	display: none;
}

.red {
	color: #C00;
}

.green {
	color: #063;
}

br {
	margin-bottom: 8px;
}

hr {
	clear: both;
}

.floatLeft {
	float: left;
	margin: 0 6px 3px 0;
}

#printLogo,
#printContactInfo,
#printTitle {
	display: none;
}


/* -------------------- Headings -------------------- */

h1 {
	width: 301px;
	height: 113px;
	background: url(../common/navi.jpg) 0 0 no-repeat;
	float: left;
}

h2 {
	font-size: 12pt;
	color: #600;
	margin-bottom: 6px;
	clear: both;
}

#mainBody h2.search {
	margin: 0;
}

#mainBody h2 {
	margin: 30px 0 10px 0;
}

h3 {
	font-size: 9pt;
	color: #063;
	margin: 4px 0;
	clear: both;
}

h3.contactName {
	margin-top: 20px;
}

h4 {
	font-size: 9pt;
	margin: 8px 0 4px 0;
	color: #C90;
}


/* -------------------- Navigation -------------------- */

#navi {
	width: 599px;
	height: 90px;
	margin-top: 23px;
	float: left;
	background: url(../common/navi.jpg) -301px -23px no-repeat;
	position: relative;
}

#navi li {
	list-style: none;
	position: absolute;
	top: 0;
}

#navi a {
	text-decoration: none;
	border: none;
}

#navi li, #navi a {
	width: 90px;
	height: 90px;
	display: block;
}

#home, #homeOn {
	left: 0;
}

#search, #searchOn {
	left: 91px;
}

#list, #listOn {
	left: 182px;
}

#about, #aboutOn {
	left: 273px;
}

#useful, #usefulOn {
	left: 364px;
}

#contact, #contactOn {
	left: 455px;
}

#home a:hover {
	background: transparent url(../common/navi.jpg) -301px -114px no-repeat;
}

#search a:hover {
	background: transparent url(../common/navi.jpg) -392px -114px no-repeat;
}

#list a:hover {
	background: transparent url(../common/navi.jpg) -483px -114px no-repeat;
}

#about a:hover {
	background: transparent url(../common/navi.jpg) -574px -114px no-repeat;
}

#useful a:hover {
	background: transparent url(../common/navi.jpg) -665px -114px no-repeat;
}

#contact a:hover {
	background: transparent url(../common/navi.jpg) -756px -114px no-repeat;
}

#homeOn {
	background: transparent url(../common/navi.jpg) -301px -205px no-repeat;
}

#searchOn {
	background: transparent url(../common/navi.jpg) -392px -205px no-repeat;
}

#listOn {
	background: transparent url(../common/navi.jpg) -483px -205px no-repeat;
}

#aboutOn {
	background: transparent url(../common/navi.jpg) -574px -205px no-repeat;
}

#usefulOn {
	background: transparent url(../common/navi.jpg) -665px -205px no-repeat;
}

#contactOn {
	background: transparent url(../common/navi.jpg) -756px -205px no-repeat;
}

.searchButton {
	margin-top: 6px;
}


/* -------------------- Page Headers -------------------- */

#headerTop,
#headerSearch,
#headerList,
#headerAbout,
#headerUseful,
#headerContact,
#headerServiced {
	height: 114px;
	padding-top: 24px;
}

#headerTop {
	background: url(../img/tt_welcome.png) top right no-repeat;
}

#headerSearch {
	background: url(../search/img/tt_search.png) top right no-repeat;
}

#headerList {
	background: url(../list/img/tt_list.png) top right no-repeat;
}

#headerAbout {
	background: url(../about/img/tt_about.png) top right no-repeat;
}

#headerUseful {
	background: url(../useful/img/tt_useful.png) top right no-repeat;
}

#headerContact {
	background: url(../contact/img/tt_contact.png) top right no-repeat;
}

#headerServiced {
	background: url(../serviced/img/tt_serviced.png) top right no-repeat;
}


/* -------------------- Blocks -------------------- */

#mainBody {
}

#mainBody p,
#mainBodyList p {
	margin-bottom: 15px;
}

#mainBody.about {
	padding: 40px;
	padding-bottom: 0;
}

#mainBodyList,
#mainBodyContact,
#mainBodyContact2 {
	padding: 40px;
	padding-bottom: 0;
}

#mainBodyList {
	background: url(../list/img/bg_list.jpg) right bottom no-repeat;
}

#mainBodyContact {
	background: url(../contact/img/bg_contact.jpg) right bottom no-repeat;
}

#mainBodyContact2 {
	background: none;
}

#mainBodyContact2 p {
	margin: 15px 0;
}

#mainBody ul {
	margin: 0 0 15px 20px;
}




/* -------------------- Top Page -------------------- */

#mainBodyTop {
/*	background: url(../img/interiors.jpg) top right no-repeat;*/
}

#topSearchProperty {
	background: url(../img/interiors.jpg) top right repeat-y;
	width: 880px;
	height: 100%;
	min-height: 216px;
	padding: 10px;
	margin-right: 1px;
	background-color: #FFFFF0;
	border-bottom: 2px dotted #CCC;
	font-size: 8pt;
	color: #666;
}

#topSearchProperty h2 {
	float: left;
	margin-bottom: 4px;
}

#topSearchProperty p.rentSale {
	float: right;
}

#topHotProperties {
	width: 880px;
	height: 100%;
	margin-top: 18px;
	padding: 0 10px 10px 10px;
	clear: both;
}

#topHotProperties h2 {
	clear: both;
	margin: 8px 0 12px 0;
}

#hotProp {
	width: 146px;
	height: 100%;
	border: 1px solid #CCC;
	border-top: 7px solid #FFB935;
	margin: 0 8px 12px 0;
	padding: 6px 10px;
	float: left;
}

#hotProp p {
	margin-top: 6px;
}

#hotProp p.moreLink {
	text-align: right;
}

#buttonRow {
	margin: 10px 0;
}

#buttonRow ul {
	width: 900px;
	height: 45px;
}

#buttonRow li {
	list-style: none;
	float: left;
}

#buttonRow li, #buttonRow a {
	width: 296px;
	height: 45px;
	display: block;
}

#buttonRow a {
	text-decoration: none;
	border: none;
}

#servicedApartments {
	background: url(../img/bn_serviceapartments.jpg) no-repeat;
}

#newsViews {
	background: url(../img/bn_newsviews.jpg) no-repeat;
	margin: 0 6px;
}

#officeHunters {
	background: url(../img/bn_office.jpg) no-repeat;
}

/* -------------------- Property Search -------------------- */

#searchLeftCol {
	width: 280px;
	height: 218px;
	padding: 10px;
	font-size: 8pt;
	color: #666;
	float: left;
}

#searchLeftCol h2 {
	float: left;
	margin-bottom: 4px;
}


#searchLeftCol p.rentSale {
	float: right;
}

#searchRightCol {
	width: 578px;
	border-left: 2px dotted #CCC;
	float: left;
}

#searchRightCol.results {
	padding: 10px 0 10px 10px;
}

#searchResults {
	float: left;
	margin: 20px 20px 20px 0;
	display: block;
}

#searchResults.criteria {
	color: #063;
}

#tableSearch {
}

#tableSearch th {
	text-align: left;
}

#tableSearch td {
	padding-bottom: 6px;
}

#tableSearch td.right {
	padding-right: 5px;
}

#tableSearch td.center {
	text-align: center;
}

#tableResults {
	clear: both;
	margin-bottom: 30px;
}

#tableResults th {
	padding: 4px 5px;
	background-color: #678585;
	color: #FFF;
	border-top: 1px dotted #666;
}

#tableResults tr.odd td {
	background-color: #E9F0E1;
}

#tableResults td {
	padding: 8px 5px 8px 5px;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
}

#tableResults th,
#tableResults td {
	text-align: left;
	font-size: 8pt;
}

#tableResults td.map {
	text-align: left;
}

#tableResults td.page {
	text-align: right;
}

#tableResults td.map,
#tableResults td.page {
	padding: 10px 0;
	font-size: 9pt;
	border: none;
}

#tableResults td.locationLabel {
	padding: 15px 5px 3px 5px;
	font-weight: bold;
	color: #063;
}

#tableResults td.map #photoBrowse

#tableDetails {
	margin-top: 20px;
	float: left;
	width: 515px; 
	clear: both;
}

#tableDetails .refNo {
	font-weight: bold;
	color: #F90;
}

#tableDetails th {
	color: #063;
	text-align: left;
}

#tableDetails td,
#tableDetails th {
	vertical-align: top;
	padding: 5px 0;
	border-top: 1px solid #CCC;
}

#tableDetails td.subNavi {
	border: none;
	padding: 0;
}

#tableDetails ul {
	margin: 0 0 0 15px;
}




#photoList {
	width: 515px;
	height: 22em;
	list-style: none;
	clear: both;
}

#photoList li {
	display: block;
	float: left;
	width: 90px;
	height: 90px;
	margin: 10px 0 5px 10px;
	padding: 3px 3px 20px 3px;
	text-align: center;
}

#photoList li a {
	display: block;
	width: 90px;
/*	height: 90px;*/
	border: none;
}

#photoList li a:hover,
#linkList li a:hover {
	opacity: .5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

#photoList img {
	margin-bottom: 5px;
	border: 1px solid #333;
}


#floorplan {
	clear: both;
	margin-top: 20px;
}

.disclaimer {
	margin-top: 10px;
	font-size: 90%;
	font-style: italic;
}

/* -------------------- Property sub-navi -------------------- */

#propertySubNavi {
	width: 65px;
	height: 176px;
	position: relative;

	background: url(../common/navi_sub_property.jpg) no-repeat;
}

#propertySubNavi li {
	list-style: none;
	position: absolute;
	left: 0;
	
}

#propertySubNavi li, #propertySubNavi a {
	width: 65px;
	height: 34px;
	display: block;
}

#propertySubNavi a {
	border: none;
}

#tellFriends {
	top: 0;
}

#printPage {
	top: 36px;
}

#areaInfo {
	top: 72px;
}

#moreProp {
	top: 108px;
}

#floorPlan {
	top: 144px;
}


/* -------------------- List Property -------------------- */

#tableList {
	clear: both;
}

#tableList th {
	text-align: left;
	padding: 6px 0;
}

#tableList td {
	padding: 6px 0 6px 12px;
	vertical-align: top;
}

#tableList td,
#tableList th {
	border-bottom: 1px dotted #CCC;
}

#tableList tr.sectionEnd > td {
	padding-bottom: 25px;
} 

#tableList .cellCenter {
	text-align: center;
	padding: 10px 0;
	border-bottom: none;
}

#tableList .header {
	padding-top: 15px;
	border-top: none;
}


/* -------------------- About Us -------------------- */

#aboutBlurb {
	width: 718px;
	height: 89px;
	margin-bottom: 20px;
	background: url(../about/img/about_opening.png) no-repeat;
}

#aboutClosing {
	width: 683px;
	height: 42px;
	display: block;
	background: url(../about/img/about_ending.png) no-repeat;
}

#aboutBlurb,
#aboutClosing {
	display: block;
	clear: both;
}

#aboutColLeft,
#aboutColRight {
	width: 400px;
	margin-bottom: 20px;
}

#aboutColLeft {
	float: left;
}

#aboutColRight {
	float: right;
}


#tableStaff {
}

#tableStaff th {
	padding: 6px 5px;
	background-color: #678585;
	color: #FFF;
}

#tableStaff tr.odd td {
	background-color: #E9F0E1;
}

#tableStaff td {
	padding: 4px 5px;
}

#tableStaff img {
	vertical-align: middle;
	border: 1px solid #CCC;
	margin-right: 3px;
}

#tableStaff th {
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

#tableStaff td {
	border-bottom: 1px solid #CCC;
}

#staffDetails {
	clear: both;
	margin-bottom: 15px;
}

#staffDetails .photoCol {
	float: left;
	margin-right: 10px;
	width: 40px;
}

#staffDetails img {
	border: 1px solid #CCC;
}

#staffDetails .desc {
	width: 760px;
	float: left;
}

#staffDetails h3 {
	margin-top: 0;
}

/* -------------------- Useful Info ---------------------- */


#usefulLeftCol {
	width: 270px;
	padding: 33px 0 0 30px;
	font-size: 8pt;
	color: #666;
	float: left;
}

#usefulLeftCol h2 {
	float: left;
	margin-bottom: 4px;
}


#usefulRightCol {
	width: 558px;
	padding: 0 0 0 20px;
	border-left: 2px dotted #CCC;
	float: left;
}

#usefulRightCol.newsViews {
	background: url(../useful/img/bg_useful.jpg) right bottom no-repeat;
	height: 490px;
}

#usefulRightCol.eaa {
	height: 490px;
}

#usefulRightCol img {
	float: right;
	margin: 0 0 12px 8px;
}

#usefulRightCol h4 {
	margin-bottom: 0;
}

#usefulSubscribe {
	margin-top: 15px;
}

#usefulSubscribe img {
	float: none;
	margin: 0 10px 0 0;
}

#usefulSubscribe a:link,
#usefulSubscribe a:hover {
	border: none;
}

#usefulList {
}

#usefulList li {
	list-style: none;
	font-size: 9pt;
	margin: 0 0 5px 0;
	padding-left: 15px;
	background: url(../useful/img/arrow_grey.png) 0 4px no-repeat;
}

#usefulList li.on {
	font-weight: bold;
	background: url(../useful/img/dot_red.png) 0 4px no-repeat;
	color: #600;
}

img.map {
	display: none;
}

#schoolMap {
	background: url(../useful/img/map_schools.png) top left no-repeat;
}

#hospitalMap {
	background: url(../useful/img/map_hospitals.png) top left no-repeat;
}

#schoolMap,
#hospitalMap {
	width: 562px;
	height: 388px;
	position: relative;
}

#shoppingMap {
	width: 455px;
	height: 397px;
	background: url(../useful/img/map_shopping.png) top left no-repeat;
	position: relative;
}

#schoolMap dt,
#hospitalMap dt,
#shoppingMap dt {
	position: absolute;
	display: none;
}

#schoolMap dd,
#hospitalMap dd,
#shoppingMap dd {
	position: absolute;
}

#schoolMap h4,
#hospitalMap h4,
#shoppingMap h4 {
	margin-top: 0;
}

#school1 {
	left: 39px;
	top: 93px;
}

#school2 {
	left: 72px;
	top: 128px;
}

#school3 {
	left: 104px;
	top: 160px;
}

#school4 {
	left: 165px;
	top: 169px;
}

#school5 {
	left: 191px;
	top: 132px;
}

#school6 {
	left: 129px;
	top: 115px;
}

#school7 {
	left: 114px;
	top: 86px;
}

#school8 {
	left: 169px;
	top: 83px;
}

#school9 {
	left: 246px;
	top: 121px;
}

#school10 {
	left: 329px;
	top: 125px;
}

#school11 {
	left: 258px;
	top: 166px;
}

#school12 {
	left: 334px;
	top: 28px;
}

#school13 {
	left: 370px;
	top: 34px;
}

#school14 {
	left: 367px;
	top: 238px;
}

#hospital1 {
	left: 178px;
	top: 54px;
}

#hospital2 {
	left: 159px;
	top: 72px;
}

#hospital3 {
	left: 60px;
	top: 111px;
}

#hospital4 {
	left: 116px;
	top: 127px;
}

#hospital5 {
	left: 264px;
	top: 89px;
}

#hospital6 {
	left: 288px;
	top: 124px;
}

#hospital7 {
	left: 474px;
	top: 92px;
}

#shopping1 {
	left: 114px;
	top: 26px;
}

#shopping2 {
	left: 98px;
	top: 59px;
}

#shopping3 {
	left: 104px;
	top: 79px;
}

#shopping4 {
	left: 102px;
	top: 105px;
}

#shopping5 {
	left: 243px;
	top: 98px;
}

#shopping6 {
	left: 159px;
	top: 159px;
}

#shopping7 {
	left: 95px;
	top: 187px;
}

#shopping8 {
	left: 232px;
	top: 370px;
}

#shopping9 {
	left: 75px;
	top: 285px;
}

#shopping10 {
	left: 160px;
	top: 284px;
}

#school1 a,
#school2 a,
#school3 a,
#school4 a,
#school5 a,
#school6 a,
#school7 a,
#school8 a,
#school9 a,
#school10 a,
#school11 a,
#school12 a,
#school13 a,
#school14 a,
#hospital1 a,
#hospital2 a,
#hospital3 a,
#hospital4 a,
#hospital5 a,
#hospital6 a,
#hospital7 a,
#shopping1 a,
#shopping2 a,
#shopping3 a,
#shopping4 a,
#shopping5 a,
#shopping6 a,
#shopping7 a,
#shopping8 a,
#shopping9 a,
#shopping10 a {
	position: absolute;
	width: 20px;
	height: 20px;
	text-decoration: none;
	border: 0;
}

#school1 a span,
#school2 a span,
#school3 a span,
#school4 a span,
#school5 a span,
#school6 a span,
#school7 a span,
#school8 a span,
#school9 a span,
#school10 a span,
#school11 a span,
#school12 a span,
#school13 a span,
#school14 a span,
#hospital1 a span,
#hospital2 a span,
#hospital3 a span,
#hospital4 a span,
#hospital5 a span,
#hospital6 a span,
#hospital7 a span,
#shopping1 a span,
#shopping2 a span,
#shopping3 a span,
#shopping4 a span,
#shopping5 a span,
#shopping6 a span,
#shopping7 a span,
#shopping8 a span,
#shopping9 a span,
#shopping10 a span {
	display: none;
}

#school1 a:hover,
#school2 a:hover,
#school3 a:hover,
#school4 a:hover,
#school5 a:hover,
#school6 a:hover,
#school7 a:hover,
#school8 a:hover,
#school9 a:hover,
#school10 a:hover,
#school11 a:hover,
#school12 a:hover,
#school13 a:hover,
#school14 a:hover,
#hospital1 a:hover,
#hospital2 a:hover,
#hospital3 a:hover,
#hospital4 a:hover,
#hospital5 a:hover,
#hospital6 a:hover,
#hospital7 a:hover {
	position: absolute;
	top: -3px;
}

#hospital7 a:hover {
	left: -5px;
}

#shopping1 a:hover,
#shopping2 a:hover,
#shopping3 a:hover,
#shopping4 a:hover,
#shopping5 a:hover,
#shopping6 a:hover,
#shopping7 a:hover {
	position: absolute;
	top: 3px;
}

#shopping8 a:hover,
#shopping9 a:hover,
#shopping10 a:hover {
	position: absolute;
	top: -3px;
}

#school1 a:hover span,
#school2 a:hover span,
#school3 a:hover span,
#school4 a:hover span,
#school5 a:hover span,
#school6 a:hover span,
#school7 a:hover span,
#school8 a:hover span,
#school9 a:hover span,
#school10 a:hover span,
#school11 a:hover span,
#school12 a:hover span,
#school13 a:hover span,
#school14 a:hover span,
#hospital1 a:hover span,
#hospital2 a:hover span,
#hospital3 a:hover span,
#hospital4 a:hover span,
#hospital5 a:hover span,
#hospital6 a:hover span,
#hospital7 a:hover span {
	width: 250px;
	bottom: 100%;
	padding: 5px;
	display: block;
	vertical-align: top;
	border: 1px solid #693;
	color: #666;
	background-color: #F5EBD7;
	position: absolute;
}

#hospital7 a:hover span {
	width: 143px;
}

#shopping1 a:hover span,
#shopping2 a:hover span,
#shopping3 a:hover span,
#shopping4 a:hover span,
#shopping5 a:hover span,
#shopping6 a:hover span,
#shopping7 a:hover span {
	width: 160px;
	top: 100%;
	padding: 5px;
	display: block;
	vertical-align: top;
	border: 1px solid #693;
	color: #666;
	background-color: #F5EBD7;
	position: absolute;
}

#shopping4 a:hover span {
	width: 220px;
}

#shopping6 a:hover span {
	width: 200px;
}

#shopping7 a:hover span {
	width: 300px;
}

#shopping8 a:hover span,
#shopping9 a:hover span,
#shopping10 a:hover span {
	width: 160px;
	bottom: 100%;
	padding: 5px;
	display: block;
	vertical-align: top;
	border: 1px solid #693;
	color: #666;
	background-color: #F5EBD7;
	position: absolute;
}

/* -------------------- Contact Us ---------------------- */

#contactAddress {
	float: left;
	margin: 0 20px 20px 0;
	display: block;
}


/* -------------------- Footer -------------------- */

#footer {
	height: 30px;
	padding-top: 8px;
	border-top: 2px dotted #85A467;
	line-height: 1.2em;
	clear: both;
}

#footer.search {
	margin: 0;
}

#footer p {
	font-size: 7pt;
	color: #666;
}

#footer p.address {
	float: left;
	margin-right: 10px;
}

#footer p.copyright {
	float: right;
	margin-left: 10px;
	white-space: nowrap;
}


/*-------------------- horizonal sub-navi ---------------------*/

#horizNavi {
	list-style: none;
}

#horizNavi li {
	float: left;
	margin: 0 20px 20px 0;
	background: url(../common/bg_horiznavi.png) 0 2px no-repeat;
	padding-left: 16px;
}