@charset "utf-8";
img, div { behavior: url(iepngfix.htc) }
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #f0f0f0 url('../../images/bgRepeat.jpg') 0 0 repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}
.encloseAll { width: 100%; background: url('../../images/bigBg.jpg') center top no-repeat; }
p, li, td { font-size:12px; line-height: 20px;}
h1, h2, p.header { font-size: 30px; color:#ff0000; font-family: 'Open Sans Condensed', sans-serif; text-transform:uppercase;}
h3 { font-size: 30px; color:#ff0000; font-family: 'Open Sans Condensed', sans-serif; text-transform:uppercase; margin:10px 0 0 0; }
h3 em { color: #000; font-size: 20px; font-style:normal;}
p.price {font-size: 24px; color:#ff0000; font-family: 'Open Sans Condensed', sans-serif; text-transform:uppercase; margin: 0 10px;}
img { border:0; }
a { color: #ff0000; text-decoration:none; }
a:hover { text-decoration:underline; }
div#logo div.phone ul {  float: right; margin: 40px 0 0 0; padding: 0 10px 0 0;}
div#logo div.phone ul li, div#logo div.phone ul li a{   display:inline;font-size: 30px; color:#ff0000; font-family: 'Open Sans Condensed', sans-serif; margin: 0 0 0 40px; text-decoration:none;}
div#logo div.phone em { color: #000; font-style:normal;  }

.twoColElsLtHdr #containerTop { 
	width: 965px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto;
	padding: 0;
} 
.twoColElsLtHdr #header { 
	/*background: url('images/header.jpg') no-repeat;*/
	height: 248px;
	padding: 0; 
} 
#nav { height: 52px; /*background: url('../../images/nav.png') 0 0 no-repeat;*/ }
#nav ul { display: inline; }
#nav ul li { float:left; display: inline; margin: 0;}
#nav ul li.last { margin-right: 0; }
#nav ul li a { text-indent: -9999px; background: url('../../images/nav.png') 0 0 no-repeat;}
#nav ul li#home a { background-position: 0 0; display: block; height: 52px; margin:0; padding:0; width: 112px;}
#nav ul li#home a:hover, #nav ul li#home a.active { background-position: 0 -52px; display: block; height: 52px; margin:0; padding:0; width: 112px;}

#nav ul li#day a { background-position: -112px 0; display: block; height: 52px; margin:0; padding:0; width: 131px;}/*conveyancing*/
#nav ul li#day a:hover, #nav ul li#day a.active { background-position: -112px -52px; display: block; height: 52px; margin:0; padding:0; width: 131px;}

#nav ul li#secondhand a { background-position: -243px 0; display: block; height: 52px; margin:0; padding:0; width: 132px;}/*estate agency */
#nav ul li#secondhand a:hover, #nav ul li#secondhand a.active { background-position: -243px -52px; display: block; height: 52px; margin:0; padding:0; width: 132px;}

#nav ul li#goodcondition a { background-position: -375px 0; display: block; height: 52px; margin:0; padding:0; width: 105px;} /* family law */
#nav ul li#goodcondition a:hover, #nav ul li#goodcondition a.active { background-position: -375px -52px; display: block; height: 52px; margin:0; padding:0; width: 105px;}

#nav ul li#cheque a { background-position: -480px 0; display: block; height: 52px; margin:0; padding:0; width: 143px;}/* accident claims */
#nav ul li#cheque a:hover, #nav ul li#cheque a.active { background-position: -480px -52px; display: block; height: 52px; margin:0; padding:0; width: 143px;}

#nav ul li#cleaning a { background-position: -623px 0; display: block; height: 52px; margin:0; padding:0; width: 134px;} /* debt recovery */
#nav ul li#cleaning a:hover, #nav ul li#cleaning a.active { background-position: -623px -52px; display: block; height: 52px; margin:0; padding:0; width: 134px;}

#nav ul li#wills a { background-position: -757px 0; display: block; height: 52px; margin:0; padding:0; width: 64px;} /* wills */
#nav ul li#wills a:hover, #nav ul li#wills a.active { background-position: -757px -52px; display: block; height: 52px; margin:0; padding:0; width: 64px;}

#nav ul li#contact a { background-position: -821px 0; display: block; height: 52px; margin:0; padding:0; width: 144px;} /* contact */
#nav ul li#contact a:hover, #nav ul li#contact a.active { background-position: -821px -52px; display: block; height: 52px; margin:0; padding:0; width: 144px;}

#logo { height: 90px; padding: 10px 0 0 0; }

.twoColElsLtHdr #container { width: 945px; margin: 0 auto;  }
#contentContainer { border: 1px #fff solid; padding: 0 20px 20px 20px; margin: 0 0 20px 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: #666 3px 3px 5px;-moz-box-shadow: #666 3px 3px 5px;box-shadow: #666 3px 3px 5px; behavior: url(PIE.htc); background: #fff; z-index:0; position: relative; padding:0;}

.twoColElsLtHdr #sidebar1 {
	float: left; 
	width: 350px; /* since this element is floated, a width must be given */
	margin: 0 0 20px 0;
	
}
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
.twoColElsLtHdr #mainContent {
	margin: 30px;
} 
.twoColElsLtHdr #footer { 
	padding: 20px 0 0 20px;
	margin: 0 0 20px 0;
} 
.twoColElsLtHdr #footer p {
	color: #888; margin: 0 0 30px 0;
}
#footer p a { color: #888; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }

#footer ul { display: inline; padding: 5px 0 0 0; }
#footer ul li { float:left; list-style: none; display:block; height: 20px; padding: 2px 10px 0 10px; border-right: 1px solid #888; }
#footer ul li a { color: #888; text-decoration: none; }
#footer ul li a:hover, #footer ul li a.active { color: #ff0000; }
#footer ul li.first { padding-left: 0; }
#footer ul li.last { border-right: 0; }

#footer #footerRight { float: right; margin: 0; padding:0; width: 120px; text-align:right; }

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* various classes */

.textRight { float: right; }
.textLeft { text-align: left; }
.pr20 { padding-right: 20px; }
.mr15 { margin-right: 15px; }
.mt0 { margin-top:0; }
.imgRight { float: right; padding: 17px 0 0 10px;}
.last {margin-right:0;}
.blockDivContainer { margin: 20px 0; }
.blockDiv {  float: left; width: 205px; display:block; padding: 10px; height: 260px;}
.blockDiv.mr10 { margin-right:15px; }
.blockDiv.grey { color: #eee;
background: #1C1819;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1C1819), to(#555152));
background: -webkit-linear-gradient(#1C1819, #555152);
background: -moz-linear-gradient(#1C1819, #555152);
background: -ms-linear-gradient(#1C1819, #555152);
background: -o-linear-gradient(#1C1819, #555152);
background: linear-gradient(#1C1819, #555152);
-pie-background: linear-gradient(#1C1819, #555152);-webkit-box-shadow: #666 3px 3px 5px;-moz-box-shadow: #666 3px 3px 5px;box-shadow: #666 3px 3px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
behavior: url(PIE.htc); z-index:0; position:relative;}
.blockDiv.white { background: #fff;-webkit-box-shadow: #666 3px 3px 5px;-moz-box-shadow: #666 3px 3px 5px;box-shadow: #666 3px 3px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(PIE.htc); z-index:0; position:relative; }

#propertyDivContainer { display: block; width:100%; height:245px; padding: 0; }
.propertyDiv {background: #fff;-webkit-box-shadow: #666 3px 3px 5px;-moz-box-shadow: #666 3px 3px 5px;box-shadow: #666 3px 3px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(PIE.htc); z-index:0; position:relative; float: left; width: 188px; padding: 10px; height: 240px;text-align: center;}
.offerDiv {background: #fff;-webkit-box-shadow: #666 3px 3px 5px;-moz-box-shadow: #666 3px 3px 5px;box-shadow: #666 3px 3px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(PIE.htc); z-index:0; position:relative; float: left; width: 596px; padding: 8px; text-align: left;}

a.readmoreGold { font-size: 16px; font-family: 'Open Sans Condensed', sans-serif; display: block; width: 88px; height: 23px; background: url('../../images/readmore_gold.jpg') 0 0 repeat-x;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;behavior: url(PIE.htc); z-index:0; position:relative; padding: 2px 0 0 20px; text-decoration: none; text-transform:uppercase; color: #000; margin: 20px 0;}
a.readmoreGrey { font-size: 16px; font-family: 'Open Sans Condensed', sans-serif; display: block; width: 88px; height: 23px; background: url('../../images/readmore_grey.jpg') 0 0 repeat-x;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;behavior: url(PIE.htc); z-index:0; position:relative; padding: 2px 0 0 20px; text-decoration: none; text-transform:uppercase; color: #fff; margin: 20px 0; text-align: center;}


.rightMap { float: right; margin: 0 0 0 20px; width: 560px; }
.clear { clear:both; }

hr { background-color: #ccc; margin: 10px 0; padding: 0; height: 1px; border: none;}