html,body{
	margin:  0px;  
	padding: 0px;  
	border:  0px;
			min-height: 100%;      
height: auto !important;
height: 100%; 
}
body {
	background-color:#333366;
	/*#ccccff #333366*/


FONT-FAMILY: "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	COLOR: #666; 
	LINE-HEIGHT: 20px;

}
/*/////////////////////// base layout ////////////////////*/

#wrap {
/*centre wrap*/
	background-color:#ffffff;
	width: 1000px;
	overflow:hidden;
	margin-top: 30px;
	margin-bottom: 30px; /*levels up with #design */
	margin-left: auto;
	margin-right: auto;	
	text-align:center;	
		min-height: 100%;      
height: auto !important;
height: 100%; 
	}	
#tp_margin_container{
/*so #tp_margin div can have blue bg around it's rounded corners as wrap is white beneath*/
	background-color:#333366;
}	

#tp_margin{
	margin:0px;
	padding: 0px;  
	border:  0px;
	width:100%;
	height:34px;
	/*background pics for ie 6,7,8 see files*/
	/*background: #333366 url(../images/tp_margin.gif) center no-repeat;*/
	background-color:#ffffff;
	-moz-border-radius-topright: 50px;
border-top-right-radius: 50px;
-moz-border-radius-topleft: 50px;
border-top-left-radius: 50px;


}
#hdr{
	margin-left: auto;
	margin-right: auto;
	padding: 0px;  
	border:  0px;
	height:404px;
	width:932px;
		background: #333366 url(../images/hdr_logo932px.jpg) center no-repeat;

}

/*declare  a h1 tag with a blank div and text 1 px high negatively indented 
so not seen in which homepage link can be set*/
#hdr_logo {
	margin: 0px;
	padding: 0px;
	float:left;
	width: 273px;
	height: 180px;
}

#hdr_logo h1 {
	font-size:1px;
	text-indent:-5000em;
	width:273px;
	height:180px;
	margin:0;
	padding:0;
}

/*declare anchor link*/
#hdr_logo h1 a {
	margin: 0px;
	padding: 0px;
	display:block;
	width:273px;
	height:180px;
	
}

.blank{
height:32px;
width: 100%;
}
/*nav here*/
#nav{
overflow:hidden;	
/*background-color: #333366; #333399*/
/*------------------------------------------------------------------------------------------*/

background: #333366; /* old browsers */

background: -moz-linear-gradient(top, #d0e4f7 0%, #333399 24%, #333366 50%, #539FE1 79%, #333399 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#333399), color-stop(50%,#333366), color-stop(79%,#539FE1), color-stop(100%,#333399)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333366', endColorstr='#333399',GradientType=0 ); /* ie */
/*------------------------------------------------------------------------------------------*/



padding:0px;
margin:0px;
	
	width: 93%;
	height: 50px;
		margin-left: auto;
	margin-right: auto;	
	color:#ffffff;

	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	/*set line height same height as this div  - any inline elements will v. align
	when vertical align:middle is set with inline element e.g. #nav span*/	    
	 line-height:50px;
}

#nav span{
	width: 90%;
			margin-left: auto;
	margin-right: auto;
	vertical-align:middle;
}

#nav a	{

	padding-left: 16px;
	padding-right: 16px;
	text-decoration:none;
	font-weight: bold;
} 
/*highlight current page on nav*/
#index_daddy #index,
#contact_daddy #contact,
#management_daddy #management,
#press_daddy #press,
#property_finding_daddy #property_finding,
#refurbishment_daddy #refurbishment
{
text-decoration:underline;
font-weight:bolder;
}

/*//////////////////////pseudo classes for whole site//////////////////////*/

#nav span a:link{
color: #ffffff;		
}
#nav span a:visited{
color:#ffffff;
}
#nav span a:hover{
color:#cc6600;
}
/*email in ftr*/
#email span a:link{
color:#cc6600;
}
#email span a:visited{
color:#cc6600;
}
#email span a:hover{
color:#cc6600;
}

/*design div at ftr*/
#design a:link{
color:#000000;

}
#design a:visited{
color:#000000;


}
#design a:hover{
color:#000000;

}

/*end of pseudo classes*/

#hrz_blocks_top{
margin-left: auto;
	margin-right: auto;
	padding: 0px;  
	border:  0px;
height:24px;
width:93%;
text-align:left;
background: url(../images/block_hrz_left.gif) no-repeat  top left;
/*explicitly declare so block_vrt etc can overflow from div - ie6 has special fix*/
overflow:visible;
}
#block_vrt_left{
	margin:  0px;  
	padding: 0px;  
	border:  0px;
position:relative;
top:0px;
left:0px;
}
#hrz_blocks_bottom{
margin-left: auto;
	margin-right: auto;
	padding: 0px;  
	border:  0px;
height:24px;
width:93%;
text-align:right;
background: url(../images/block_hrz_right.gif) no-repeat bottom right;
/*explicitly declare so block_vrt etc can overflow from div*/
overflow:visible;
}
#block_vrt_right{
	margin:  0px;  
	padding: 0px;  
	border:  0px;
position:relative;
top:-224px;
right:0px;
}
#content{
	margin-left: auto;
	margin-right: auto;
	width:80%;
	text-align:left;


	PADDING-BOTTOM: 30px; 
	PADDING-TOP: 30px;
}

/*general main content*/
/*common to all content*/


#page_title{
margin-top:20px;
margin-left: 70px;
margin-bottom: 30px;
font-weight: bold;
font-size: 1.5em;

}	

.sub_title{
text-align: left;
margin-top:15px;
margin-bottom: 20px;
font-weight: bold;
font-size: 1.2px;
}	
.first_para{
text-indent:50px;
}
.center_para{
text-align:center;
font-weight:bold;
line-height:200%;
}
/*MANAGEMENT , PROPERTY FINDING AND PRESS PARAGRAPH VERTICAL ALIGN CSS - EACH PARA TO PIC INDIVIDUALLY GIVEN HEIGHT*/
#para_tp_pFinding{
margin-top:50px;
}
#para_bt_pFinding{
margin-top:190px;
}
#para_tp_Management{
margin-top:180px;
}
#para_bt_Management{
margin-top:170px;
}#para_bt_Press{
margin-top:60px;
}
.little_blank{
width:100%;
height:25px;
}
/*END OF MANAGEMENT AND PROPERTY FINDING PARAGRAPH VERTICAL ALIGN CSS*/

/*for any floating pics*/
.floatRight { 
    float: right; 
    margin-left:30px; 
}
.floatLeft { 
    float: left; 
    margin-right:30px;
}

.asterix_border{
text-align:center;
padding:0px;
margin:0px;
width:100%;
font-size: 1.5em;
	font-weight: bold; 
height:50px;
line-height:50px;/*same as height for inline elements vertical align*/
overflow:hidden;
}
.asterix_border span{
vertical-align:middle;
}
/*end of index.htm*/


/*end of general main content*/

/*refurbishment*/
.photo_line{
width:100%;
	/*height:326px; including 1px for class .clear underneath photos*/
	border:0px;
	padding:0px;
	text-align:center;

}
.one_per_row{
/*applied to 3 pic divs containers in a row*/
width:99%;/*must be 99 and not 100 or will not align with 3per row*/
float:center;
text-align:center;
}
.two_per_row{
/*applied to 3 pic divs containers in a row*/
width:50%;
float:left;
text-align:center;
}
.three_per_row{
/*applied to 3 pic divs containers in a row*/
width:33%;
float:left;
text-align:center;
}
.no_before_image{
border:solid 5px #333366;

}
/*start of css re javascript overlapviewer.js */
#overlappopup{ /*don't change id name */
position: absolute; /*don't change position property */
z-index: 1000;
background: #ffffff;
border:solid 0px #333366;
padding: 0px;
left: 0;
top: 0;
visibility: hidden;
}
/*end of css re javascript overlapviewer.js */
/*end of refurbishment*/

#btm_margin_container{
/*so #btm_margin div can have blue bg around it's rounded corners as wrap is white beneath*/
	background-color:#333366;
}	

#btm_margin{
	margin:0px;
	padding: 0px;  
	border:  0px;
	width:100%;
	height:34px;
	/*line height set same as height so vertical-align of #design can be centred*/
	line-height:34px;
	/*background pics for ie 6,7,8 see files but rounded rec. div spec otherwise*/
	background-color:#ffffff;	
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-left-radius: 50px;
}
#ftr{
	width:80%;
	margin-left: auto;
	margin-right: auto;
height: 40px;
color:#cc6600;
font-size: .9em;
font-weight:bold;
}
#email {
padding:0px;
margin:0px;
	width:60%;
	float:left;
text-align: left;
line-height:40px; /*height same as #ftr  - only want one line to centre text vertically with text-align within inline spans*/
overflow:hidden;

}
#tel_number{	
padding:0px;
margin:0px;
	width:40%;
	float:right;
text-align: right;
line-height:40px; /*height same as #ftr #ftr  - only want one line to centre text vertically with text-align within inline spans*/
overflow:hidden;
}
#email span, #tel_number span{
width:100%;
}
#email span{
vertical-align:middle;
}
#tel_number span{
vertical-align:middle;
}

#design{
/*sits in btm_margin div*/
vertical-align:middle;
text-align: center;
font-size: .6em;

}

.clear{
line-height:1px;
	height:1px;
	clear: both;	
}


/*WARNING for ie 6 to issue message*/
#ie6_warning{
color:white;
width:100%;
background-color:red;
text-align:center;
}
#browser-upgrade-wrap .upgrade-text {
	FONT-SIZE: 14px; MARGIN-BOTTOM: 2em; MARGIN-TOP:2em; COLOR: black; LINE-HEIGHT: 16px; TEXT-ALIGN: center
}
#browser-upgrade-wrap .browser-links {
	FONT-SIZE: 14px; MARGIN-BOTTOM: 2em; COLOR: black; LINE-HEIGHT: 16px; TEXT-ALIGN: center
}
#browser-upgrade-wrap .browser-link IMG {
	BACKGROUND-IMAGE: url(../images/browsers.jpg); WIDTH: 145px; MARGIN-RIGHT: 5px; HEIGHT: 50px
}
#browser-upgrade-wrap .ie8-link {
	BACKGROUND-POSITION: 0px 0px
}
#browser-upgrade-wrap .firefox-link {
	BACKGROUND-POSITION: 0px -50px
}
#browser-upgrade-wrap .chrome-link {
	BACKGROUND-POSITION: 0px -100px
}
#browser-upgrade-wrap .safari-link {
	BACKGROUND-POSITION: 0px -150px
}
#browser-upgrade-wrap .opera-link {
	BACKGROUND-POSITION: 0px -200px
}
/*END OF IE6 WARNING*/


#ie_wrap_btm_margin{
/*made visible in ie7 css to trigger bottom wrap margin */
visibility:hidden;
overflow:hidden;
height:1px;
}