body,td,th {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #000000;
	margin: 2px 0px 0px 2px;
}

body {
	background: url(../images/master_bg.gif) repeat;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
		
/* div outside centered black border*/
/* center a main frame layer */
body {text-align:center;}/* IE5.x workaround */

/* main content text area */
.text {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #666666;
	margin-left: 6px;
}
/* end main text area */

table#frame {
	width:766px;
	text-align:left;
	border: 2px solid #000000;
	height:500px; 
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	
}

table#innerframe {
	width:498px;
	text-align:left;
	border: 1px solid #000000;
	height:400px; 
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	
	
}

#footertext {
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 10px;
	font-weight: bold;
	text-align: right;
	margin-right: 6px;
}

/* left menu designs */
.highlight {
	background-color: #A8AFB9 !important;
}

#button {
	width: 12.8em;
	border-top: 1px solid #FFF;
	border-right: 0px solid #ffffff;
	padding: 0 0 0em 0;
	margin-bottom: 0em;
	font-family: 'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #ffffff; 
	color: #333;
	font-size:12px;
	}
	
	
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#button li {
		border-bottom: 1px dashed #dddddd;
		margin: 0;
		}
#button li a {
		display: block;
		padding: 2px 2px 2px 0.5em;
		border-left: 5px solid #547F6C;
		border-right: 10px solid #ffffff;
		background-color: #ffffff; 
		color: #000;
		text-decoration: none;
		width: 100%;
		
		}
/* individual colour buttons use the example below status=off */
		
#button li a#menu1{
		
background-color: #ffffff;
border-left: 5px solid #00A8A3;

		}
#button li a#menu2{
		
background-color: #ffffff;
border-left: 5px solid #70C4C4;

		}
#button li a#menu3{
		
background-color: #ffffff;
border-left: 5px solid #57C2DF;

		}
#button li a#menu4{
		
background-color: #ffffff;
border-left: 5px solid #029CDA;

		}
		
#button li a#menu5{
		
background-color: #ffffff;
border-left: 5px solid #2A72B6;

		}
		
#button li a#menu6{
		
background-color: #ffffff;
border-left: 5px solid #255A9F;

		}
		
#button li a#menu7{
		
background-color: #ffffff;
border-left: 5px solid #3D4185;

		}
		
/* #button li a#menu8{
		
background-color: #ffffff;
border-left: 5px solid #ff0000;
}*/
		
#button li a#menu9{
		
background-color: #ffffff;
border-left: 5px solid #70509B;

		}
		
#button li a#menu10{
		
background-color: #ffffff;
border-left: 5px solid #5F5CA5;

		}
		
#button li a#menu11{
		
background-color: #ffffff;
border-left: 5px solid #7D82BD;

		}
		
#button li a#menu12{
		
background-color: #ffffff;
border-left: 5px solid #87CDD5;

		}
#button li a#menu14{
		
background-color: #ffffff;
border-left: 5px solid #FFF4BB;

		}


html>body #button li a {
		width: auto;
		}


/* start new coloured rollovers for left navugation */
#button li a#menu12:hover {
		
		border-right:10px solid #87CDD5;
		
		color: #000;
		}
#button li a#menu1:hover {
		
		border-right:10px solid #00A8A3;
		
		color:#000;
		}
#button li a#menu2:hover {
		
		border-right: 10px solid #70C4C4;
		
		color:#000;
		}
#button li a#menu3:hover {
		
		border-right:10px solid #57C2DF;
		
		color:#000;
		}
#button li a#menu4:hover {
		
		border-right:10px solid #029CDA;
		
		color:#000;
		}
#button li a#menu5:hover {
		
		border-right:10px solid #2A72B6;
		
		color:#000;
		}
#button li a#menu6:hover {
		
		border-right:10px solid #255A9F;
		
		color:#000;
		}
#button li a#menu7:hover {
		
		border-right:10px solid #3D4185;
		
		color:#000;
		}
#button li a#menu8:hover {
		
		border-right:10px solid #00A8A3;
		
		color:#000;
		}
		
#button li a#menu9:hover {
		
		border-right: 10px solid #70509B;
		
		color: #000;
		}
#button li a#menu10:hover {
		
		border-right: 10px solid #5F5CA5;
		
		color: #000;
		}
#button li a#menu11:hover {
		
		border-right: 10px solid #7D82BD;
		
		color: #000;
		}
#button li a#menu14:hover {
		
		border-right: 10px solid #FFF4BB;
		
		color: #000;
		}
/* end coloured rollovers */

.date {
	color: #FFFFFF;
}

/* bottom thin white border */
.bottomborder {
border-bottom:1px solid #ffffff;
}
.maingreen {
	background: #008385;
}
.mainlightgrey {
	background: #d3d3d3;
}
.mainwhitestrip {
	background: #FFFFFF;
}
table#footer td {
	font-size: 10px;
	color: #FFFFFF;
}
.topwhiteline {
	border-top: 2px solid #FFFFFF;
}
.leftdashedborder {
	border-right: 1px dashed #dddddd;
	background-attachment: scroll;
	background-image: url(../images/leftbottomhouse.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* left menu styles */

.highlight1 {
	border-right:10px solid #00A8A3 !important;
	
}

.highlight2 {
	border-right:10px solid #70C4C4 !important;
	
}

.highlight3 {
	border-right:10px solid #57C2DF !important;
	
}

.highlight4 {
	border-right:10px solid #029CDA !important;
	
}

.highlight5 {
	border-right:10px solid #2A72B6 !important;
	
}

.highlight6 {
	border-right:10px solid #255A9F !important;
	
}
.highlight7 {
	border-right:10px solid #3D4185 !important;
	
}

.highlight8 {
	border-right:10px solid #00A8A3 !important;
	
}

.highlight9 {
	border-right:10px solid #70509B !important;
	
}

.highlight10 {
	border-right:10px solid #5F5CA5 !important;
	
}
.highlight11 {
	border-right:10px solid #7D82BD !important;
	
}

.highlight12 {
	border-right:10px solid #87CDD5 !important;
	
}

.highlight14 {
	border-right:10px solid #FFF4BB !important;
	
}
.topnav td {
	font-weight: bold;
	color: #FFFFFF;
	background: #999999;
}
a:hover {
	color: #008385;
	text-decoration: underline;
}
.topnav td.leftnavcell {
	background: #87CDD5;
}
.topnavrightborder {
	border-right: 1px solid #008385;
}
.conservationback {
	background: url(../images/building_conservation_background.gif) no-repeat 380px 10px;
}
.boldit {
	font-weight: bold;
}
.footeraddress {
	border-left: 1px dashed #999999;
}

 a#mail:link {
	color: #000000;
}

a#mail:visited {
	color: #000000;
}
#maincontent {
	line-height: 1.5em;
	color: #999999;
	clear: both;
}
#mainheading {
	letter-spacing: 0.4em;
	color: #999999;
	font-size: 12px;
	font-weight: 800;
	margin: 3px;
	padding: 10px;
	text-align: center;
}
.mainbackground {
	background: url(../images/backgrounds/about_us_background.gif) no-repeat -60px 40px;
}

div#maincontent table td {
	color: #999999;
	line-height: 1.5em;
}
.aboutuspeople
{
	font-weight: bold;
	color: #008385;
}
table#background,td
{
	color: #999999;
	line-height: 1.6em;
}
.surveysbackground {
	background: url(../images/backgrounds/building_surveys_background.gif) no-repeat -10px 40px;
}
.clientbackground {
	background: url(../images/backgrounds/client_list_background.jpg) no-repeat 400px 25px;
}
.designbackground {
	background: url(../images/backgrounds/design_background.jpg) no-repeat 20px 10px;
}
.dilapbackground {
	background: url(../images/backgrounds/dilapidations_background.jpg) no-repeat 20px;
}
.leasingbackground {
	background: url(../images/backgrounds/leasing_background.jpg) no-repeat 40px 30px;
}
.linkoutbackground {
	background: url(../images/backgrounds/links_out_background.jpg) no-repeat right;
}
.projectbackground {
	background: url(../images/backgrounds/project_management_background.gif) no-repeat 250px 0px;
}
.propertymanagmentback {
	background-image: url(../images/backgrounds/property_management_background.jpg);
	background-repeat: no-repeat;
	background-position: 0px 34px;
}
.referencesback {
	background: url(../images/backgrounds/about_us_background.gif) no-repeat -20px 100px;
}
.rentreviewsback {
	background: url(../images/backgrounds/rentreviews_lease_renewals_background.gif) no-repeat 40px 60px;
}
.valuationsback {
	background: url(../images/backgrounds/valuations_background.jpg) no-repeat 20px 60px;
}
.newsback {
	background: url(../images/backgrounds/about_us_background.gif) no-repeat 400px 5px;
}
.purchaseback {
	background: url(../images/backgrounds/purchase_and_sales_background.jpg) no-repeat 50px 40px;
}

.datatable {
	border: 1px solid: #338ba6;
	border-collapse: collapse;
	}

.datatable td, .datatable th {
	border: 1px solid #73c0d4;
}

.topnavrightborderlight,a:visited {
	color: #008385 !important;
	
}
a.linksout:link {
	color: #008385;
}

a.linksout:visited {
	color: #B389BB;
}
.contactusback {

	background: url(../images/backgrounds/about_us_background.gif) no-repeat 410px 65px;
}
a.green:link {
	color: #008389;
}
a.green:visited {
	color: #70C4C4;
}

.datatablesales {
	border: 1px solid: #338ba6;
	border-collapse: collapse;
	background: #eeeeee url(../images/backgrounds/property_sales_back.jpg) repeat-x;
	}

.propertysalesheading {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
th.greenline {
	border-bottom: 1px solid #008389;
	color: #FFFFFF;
}
td.dashedline {
	border-bottom: 1px dashed #CCCCCC;
}
.propertyprojectheading {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin: 3px;
	padding: 10px;
}


#mainheadingproperty {
	letter-spacing: 0.4em;
	color: #000000;
	font-size: 12px;
	font-weight: 800;
	margin: 3px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.offices {
	background: #F3A258;
	color: #FFFFFF;
}
.retail {
	background: #EF896A;
	color: #FFFFFF;
}
.industrial {
	background: #A3C850;
	color: #FFFFFF;
}
.residential {
	background: #7482BC;
	color: #FFFFFF;
}
.datatablesalesretail {

	border: 1px solid: #338ba6;
	border-collapse: collapse;
	background: #eeeeee url(../images/backgrounds/property_sales_retail.jpg) repeat-x;
}
.datatablesalesindustry {


	border: 1px solid: #338ba6;
	border-collapse: collapse;
	background: #eeeeee url(../images/backgrounds/property_sales_industrial.jpg) repeat-x 0px 0px;
}
.datatablesalesmisc {


	border: 1px solid: #338ba6;
	border-collapse: collapse;
	background: #eeeeee url(../images/backgrounds/property_sales_misc.jpg) repeat-x;
}
#maincontentdiplidations
{
	line-height: 1.5em;
	color: #999999;
	clear: both;
	margin-top: 150px;
}
