/*		CityDocklands, July 2008		*/
/**
* @author Rhiannone Cobbold
* @copyright Copyright Webpro-IT (c) 2008, www.webpro-it.co.uk
* @version 1.0
*/

/*		page setup		*/
body	{	margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			text-align:center;
			/*background-color:#FFFFFF; 1 is a one */
			background-color:#F1E2DD; /*1 is a one */
			}
#frame	{	margin-left:auto;
			margin-right:auto;
			width:960px;
			height:auto;
			text-align:left;
			}
.innerFrame	{	position:absolute;
				width:960px;
				text-align:left;
				height:auto;
				}
#borderTop, #borderRight, #borderBottom, #borderLeft {
	margin:0px;
	padding:0px;
}
div#borderTop	{
	background:url(images/shadow-top-side.gif) top left repeat-x;
	border-top:1px solid #F1E2DD;/**/
}
div#borderRight	{
	background:url(images/shadow-right-side.gif) right repeat-y;
}
div#borderBottom	{
	background:url(images/shadow-bottom-side.gif) bottom left repeat-x;
	border-bottom:1px solid #F1E2DD;
}
div#borderLeft	{
	background:url(images/shadow-left-side.gif) left repeat-y;
}
.logoStyle {
	clear:both;
	margin:0px;
	padding:0px;
	text-align:left;
	}
div#main {
	background-color:#fbf4ed;
	margin:7px 8px 8px 8px;
	width:944px;
}
/*	TOP NAVIGATION	*/
div#topNav {
	position:absolute;
	top:84px;
	left:8px;
	width:944px;
	padding:0px;
	background-image:url(images/menuBg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	border-top:3px solid #8E7876;
	border-bottom:3px solid #F7C4C8;
	height:30px;
	color:#FFFFFF;
	}
div#leftTopNav{
	margin:0px 0px 0px 25px;
	float:left;
}
div#rightTopNav {
	margin:0px 15px 0px 0px;
	float:right;
}
div#leftTopNav a {
	display:block;
	/*height:30px;
	padding:0px 50px;*/
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	line-height:28px;
	text-transform:uppercase;
	/*font-weight:bold;*/
	letter-spacing:0.1em;
	height:31px;
	text-align:center;
}
a.leftTopNavLink {
	width:147px;
	height:31px;
	text-align:center;
}
a.leftTopNavLinkR {
	width:126px;
}
div#leftTopNav a:hover {
	float:left;
	color:#8E7876;
	text-decoration:none;
}
div#leftTopNav a:focus {
	float:left;
	color:#8E7876;
	text-decoration:none;
}
a.leftTopNavLink:hover {
	background-image:url(images/lettings-search-over2.gif);
	background-position:center;
	background-repeat:no-repeat;/**/
}
a.leftTopNavLinkR:hover {
	background-image:url(images/sales-search-over2.gif);
	background-position:center;
	background-repeat:no-repeat;/**/
}
a.leftTopNavLink:focus {
	background-image:url(images/lettings-search-act2.gif);
	background-position:center;
	background-repeat:no-repeat;/**/
}
a.leftTopNavLinkR:focus {
	background-image:url(images/sales-search-act2.gif);
	background-position:center;
	background-repeat:no-repeat;/**/
}
div#rightTopNav ul {
	padding:0px;
	font-size:13px;
	margin:0px;
	line-height:27px;
}
div#rightTopNav li {
	display:inline;
	list-style-type:none;
}
div#rightTopNav a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 10px;
}
div#rightTopNav a:hover {
	color:#F7C4C8;
}
#menuAbout, #menuServices, #menuRegister, #menuServicesLettings, #menuServicesSales, #menuServicesSTR, #menuServicesInternational, #menuSales, #menuLettings, #menuProperties {	
	background-color:#F7C4C8;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
	position:absolute;
	visibility: hidden;
}
#menuProperties {
	left:555px; 
	top:120px; 
	width:150px; 
	z-index:99; 
}
* html #menuProperties{ left:587px; }
#menuAbout {
	left:631px; 
	top:120px; 
	width:150px; 
	z-index:99; 
}
* html #menuAbout{ left:618px; }
#menuServices {
	left:708px; 
	top:120px; 
	width:150px; 
	z-index:99; 
}
* html #menuServices{ left:694px; }
#menuRegister {
	left:800px; 
	top:120px; 
	width:100px; 
	z-index:99; 
}
* html #menuRegister{ left:785px; }
#menuAbout ul, #menuServices ul, #menuRegister ul, #menuServicesLettings ul, #menuServicesSales ul, #menuServicesSTR ul, #menuServicesInternational ul, #menuSales ul, #menuLettings ul, #menuProperties ul  {	
	margin:0px;
	padding:5px 0px 10px 10px;
	text-align:left;
	}
#menuAbout li, #menuServices li, #menuRegister li, #menuServicesLettings li, #menuServicesSales li, #menuServicesSTR li, #menuServicesInternational li, #menuSales li, #menuLettings li, #menuProperties li 	{	
	padding:2px 0px 2px 0px;
	list-style-type:none;
	}
#menuAbout a, #menuServices a, #menuRegister a, #menuServicesLettings a, #menuServicesSales a, #menuServicesSTR a, #menuServicesInternational a, #menuSales a, #menuLettings a, #menuProperties a  {	
	font-size:13px;
	text-decoration:none;
	/*color:#7F6764;*/
	}
#menuAbout a:hover, #menuServices a:hover, #menuRegister a:hover, #menuServicesLettings a:hover, #menuServicesSales a:hover, #menuServicesSTR a:hover, #menuServicesInternational a:hover, #menuSales a:hover, #menuLettings a:hover, #menuProperties a:hover  {	
	color:#402925;
	text-decoration:underline;
	}
/****************************************************/
div#contents {
	padding:35px 0px 0px 0px;
	margin:0px;
	border-top:1px solid #fbf4ed;/*	*/
}
/** the style bellow is to make sure the big image in the web page appears with no bottom border in IE**/
div#mainImg {
	padding:0px;
	margin:67px 0px 0px 0px;
	float:right;
	/*border:1px solid red;*/
}

* html div#mainImg {
	padding:0px;
	margin:67px 0px 0px 0px;
	float:right;
	/*border:1px solid red;*/
}
div#contentsText {
	margin:17px 20px 0px 20px;
	width:432px;
	padding:0px;
	float:left;
}
* html div#contentsText { width:414px; margin:17px 0px 0px 8px; padding:0px; }
div#contentsBig {
	margin:25px 20px 20px 20px;
	width:895px;
	padding:0px;
}
div#bottomMain {
	width:944px;
	background-image:url(images/bottomMainBg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	height:29px;
	padding:0px;
	margin:0px;
	clear:both;
	text-align:right;
	}
div#bottomMain p {
	text-align:right;
	padding:3px 10px 3px 0px;
	margin:0px;
	font-size:12px;
	color:#96827f;
}

.headerPad
{
	padding: 4px 0px 0px 13px;
}
span.bottomPhone {
	font-size:20px;
	font-weight:bold;
	color:#402925;
}
div#footerArea {
	margin:0px;
}
div#footerArea p {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:15px 10px 3px 0px;
	margin:0px;
	font-size:10px;
	color:#96827f;
}
/****************************************************/
/*	general fonts	*/
p {		
	font-family:"Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	line-height: 18px;
	padding:5px 20px 15px 0px;
	margin:0px;
	text-align:left;
}
h1 {	font-family:"Times New Roman", Times, serif;
		font-size:20px;
		color:#000000;
		font-weight:normal;
		padding:0px 0px 5px 0px;
		margin:0px 0px 0px 5px;
		font-weight:bold;/**/
		}
h2 {	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#000000;
		font-weight:bold;	
		}
h3 {	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000000;
		font-weight:bold;
		}
ul {
	margin:0px;
	padding:0px;
}
li {
	padding:2px 0px 2px 0px;
	list-style-type:none;
	font-size: 13px;
	color:#96827F;
	margin:0px;
}
a {
	color:#96827f;
	text-decoration:underline;
}
/****************************************************/
/*	extrat fonts	*/
.colorBrown {
	color:#96827F;
}
.clearBoth {
	clear:both;
	padding:3px;
	margin:0px;
}
.clearButton {
	clear:both;
	margin:0px 20px 10px 0px;
	margin:0px;
	line-height:27px;
}
.clearP {
	margin:0px;
	padding:0px;
	clear:both;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
p.paperTrail {
	margin:0px;
	padding:0px 0px 5px 0px;
	font-size: 11px;
	text-transform:uppercase;
}
.form{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	line-height: 14px;
}
ul#liNum {
	list-style-position:inside;
}
ul#liNum li {
	list-style-type:decimal;
	text-indent:10px;
	margin:0px;
	padding:0px;
}
div#enquiryTable p {
	margin:1px;
	padding:0px;
	font-size:12px;
	line-height: 16px;
	color:#96827F;
	}
/*******	ABOUT US PAGE MAINLY		******************/
.photoLegend {
	margin:4px 20px 4px 0px;
	padding:0px;
}
hr.photoHr {
	height:1px;
	border:0px;
	background-color:#96827F;
	margin:0px 10px 0px 0px;
	padding:0px;
	clear:left;
}
/*******	CONTACT PAGE MAINLY		******************/
.contactDiv {
	margin:10px 20px 1px 0px;
	padding:10px 20px 0px 10px;
	background-color:#F2EAE2;
}
.contactDiv2 {
	margin:10px 20px 0px 0px;
	background-color:#F2EAE2;
	padding:0px;
}
/*******	INDEX PAGE MAINLY		******************/
.indexDiv2 {
	margin:0px 20px 0px 0px;
	background-color:#F2EAE2;
	padding:0px;
	width:414px;
	/*border:1px solid red;*/
}
/** html .indexDiv2 { margin:0px;	background-color:#F2EAE2; padding:0px; }*/
p.clearButton2 {
	margin:0px;
	padding:0px;
	width:100%;
	clear:both;
	height:22px;
}
p.frontPage {
	margin:0px;
	padding-bottom:0px;
	line-height:15px;
}
input.putToTop {
	vertical-align:text-top;
	}
img.imgFormat {
	padding:0px;
	margin:0px;
	border:0px;
}
div#topAreaIndexL,div#topAreaIndexR  {
	margin:0px;
	background-color:#96827F;
	padding:0px;
	height:23px;
}
div#topAreaIndexT {
	margin:0px;
	background-color:#96827F;
	padding:2px 0px 6px 3px;
	/*padding-bottom:6px;*/
	height:18px;
	width:409px;
}
div#topAreaIndexL p,div#topAreaIndexR p,div#topAreaIndexT p {
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	line-height:15px;
	padding:0px;
}
div#topAreaIndexL {
	border-right:3px solid #FFFFFF;
	padding-left:3px;
}
.indexDiv {
	width:50%;
	float:left;
	padding:4px 0px 4px 0px;
	margin:0px;
}
.inputFields {
	font-size:9px;
	line-height:18px;
}


.style1 {
	font-size: x-large;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

/************** QUICK SEARCH PANELS ************/
div.QSearchPanelPlace{
	margin:10px;
	font-size:9pt;
	color:#96827F;
	float:right;
	padding: 10px;
	width:265px;
	background-color:#F2EAE2;	
}
div.QSearchPanelPlace select{
	font-size:8pt;
}
/****************************************************/