html, body,  {
  width:100%;
}

body{
	margin:0;
	padding:0;
	background-color:#eeeeee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

/*-----sets document stretch/width----*/

#wrap{
	margin-left:auto;
	margin-right:auto;
	max-width:999px;
	min-width:770px;
	position:relative;
  	width:expression(document.body.clientWidth < 800? "770px" : document.body.clientWidth > 1024? "999px": "99%"); 
	/* IE's version of min- and max-width */
	z-index:1;
	padding:0;
}

#main{
	margin:10px;
	padding:20px 20px 0 20px;
	background-color:#fff;
	border:1px  solid #ddd;
}

#leftcol{
	float:left;
	margin:0;
	padding:0;
	width:43%;
}

#leftcol .mainimage{
	background:url(../images/homepage/homepage-image.jpg) no-repeat top left;
	height:192px;
}

 #strapline{
	width:100%;
	height:24px;
	background-color:#fff;
	background-image:url(../images/homepage/strapline.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
	padding:0 0 20px 0;
}

#leftcol #logo{
	margin:0;
	padding:0;
	text-align:center;
}

#leftcol #logo a {
	text-decoration: none;
}

#leftcol p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#7d7d7d;
	margin:5px 0 10px 0;
	padding:0 0 0 8px;
}

#leftcol p.introtext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#7d7d7d;
	margin:15px 0 0 0;
	padding:0;
	text-align:justify;
}

#leftcol p a{color:#7d7d7d;
}

#leftcol .surveyors{
	background-image:url(../images/logos/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 1px 7px;
	color:#00a999;
}

#leftcol .commercial{
	background-image:url(../images/logos/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 1px 7px;
	color:#72be44;
}

#leftcol .finance{
	background-image:url(../images/logos/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 1px 7px;
	color:#ec008c;
}

#leftcol .sales{
	background-image:url(../images/logos/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 1px 7px;
	color:#0083ca;
}

#leftcol .lettings{
	background-image:url(../images/logos/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 1px 7px;
	color:#f5821f;
}

#leftcol .furnishings{
	background-image:url(../images/logos/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 1px 7px;
	color:#8b459a;
}

#rightcol{
	margin:0;
	width:55%;
	float:right;
	background:#dedede;
}

/*#rightcolbg{
	padding:0 0 0 0;
	background-color:#dedede;
	width:99%;
}*/

#rightcol #top{
	margin:0 0 -8px 0;
	padding:0;
	background-color:#dedede;
	height:10px;
	width:100%;
	position:relative;
}

#rightcol #top #topleft{
	background-image:url(../images/homepage/corner_topleft.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#dedede;
	height:10px;
	width:10px;
	float:left;
}

#rightcol #top #topright{
	background-image:url(../images/homepage/corner_topright.gif);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#dedede;
	height:10px;
	width:10px;
	float:right;
}

#rightcol #base{
	margin:-8px 0 0 0;
	padding:0;
	background-color:#dedede;
	height:10px;
}

#rightcol #base #baseright{
	background-image:url(../images/homepage/corner_baseright.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#dedede;
	height:10px;
	width:10px;
	float:right;
}

#rightcol #base #baseleft{
	background-image:url(../images/homepage/corner_baseleft.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#dedede;
	height:10px;
	width:10px;
	float:left;
}

#rightcol .nav{
	background-color:#fff;
	margin:0 20px 0 20px;
	padding:10px 10px 10px 10px;
	border-bottom:1px dotted #cecece;
}

#rightcol .nav p.subcat{
	float:left;
	width:347px;
	margin:0;
	padding:0;
}

#rightcol .nav-img{
	width:60px;
	height:40px;
}

.floatclear{
	display:inline-block;
	width:99%;
}


/* Hide from IE-mac \*/
* html .floatclear {
height:1%; width:auto; }

.floatclear {
 display:table;
}
/* End hide from IE-mac */

#rightcol img{
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

#rightcol p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#7d7d7d;
	margin:0;
}

#rightcol p a{color:#444; text-decoration:none;}


#rightcol h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#0083ca;
	margin:0;
	padding:0 0 0 0;
}

#rightcol h2 a{
	text-decoration:none;
	color:#0083ca;
}

#rightcol h2.surveyors a{
	color:#00a999;
}

#rightcol h2.commercial a{
	color:#72be44;
}

#rightcol h2.finance a{
	color:#ec008c;
}

#rightcol h2.lettings a{
	color:#f5821f;
}

#rightcol h2.furnishings a{
	color:#8b459a;
}

#footer{
	clear:both;
	background-color:#fbfbfb;
	margin:0;
	padding:5px;
	overflow:hidden;
	/*border-bottom:15px solid #fff;*/
	border-top:15px solid #fff;

}

*html #footer{height:1%;}

#footer .address{
	float:left;
	width:645px;
	border-right:1px dotted #ccc;
	margin:0 10px 0 0;
}

#footer .liverpool-address{
	float:left;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px dotted #ccc;
}

#footer .logos{
	float:left;
	margin:20px 0 0 0;
	padding:0;
	width:255px;
}

#footer .logos img{
	margin:0 4px 0 0;
}

#footer p{
	font-size:0.6em;
	color:#696969;
	margin:0;
	padding:5px 0 0 0;
	line-height:150%;
}

#footer a{
	text-decoration:none;
	color:#696969;
}

#footer a:hover{
	text-decoration:underline;
}

#footerlinks{
	background-color:#eeeeee;
	margin:0 0 20px 0;
	padding:8px 10px 8px 10px;
}

#footerlinks p{
	font-size:0.6em;
	color:#464646;
	margin:0;
	padding:0;
}

#footerlinks a{
	color:#464646;
	text-decoration:none;
}

#footerlinks a:hover{
	text-decoration:underline;
}

.subcat{
	background:url(../images/logos/arrow.gif) left no-repeat;
	padding:0 0 0 7px;
}