/* Background Color: #fff */
/* Text: #666 */

html {
font-family:Arial, Helvetica, sans-serif;
}

* {
margin:0;
padding:0;
}

body {
font-size:62.5%;
color:#666;
background:#fff url(../images/bg_body.jpg) repeat-x top left;
}

span.italic {
font-style:italic;
}



/************************************************* 
HEADER - contains company logo.					
/*************************************************/ 
#header {
position:relative;
height:91px;
width:100%;
background:#fff url(../images/bg_header.gif) repeat-x top left;
z-index:1;
}

#logo_container {
position:relative;
height:91px;
width:900px;
margin:0 auto;

border:0px solid #000;
}

#logo_container img {
float:left;
margin:16px 0 0 90px;
width:197px;
height:45px;
}

#outer_container {
width:760px;
margin:0 auto;
background:#fff;
}

#top_bar {
float:right;
width:608px;
height:81px;
}

img#top_bar_nojs {
float:right;
width:608px;
height:81px;
margin-top:-62px;
}

a img {
border:none;
}

/************************************************* 
NAVIGATION - this is left column floated left					
/*************************************************/ 
#navigation{
float:left;
width:146px;
min-height:580px;
background:#fff url(../images/bg_navigation.jpg) no-repeat top right;
}

* html #navigation{
height:580px;
width:146px;
border:0px solid #f30;
}

#navigation ul{
float:left;
width:135px;
margin:25px 0 0 0;
background:transparent;
border:0px solid #f30;
}

#navigation ul li{
float:left;
width:135px;
list-style: none;
background:transparent url(../images/bg_listitem.jpg) no-repeat bottom left;
border:solid 0px #f30;
}

#navigation ul li a {
float:left;
display:block;
width:125px;
padding:8px 10px 8px 0;
color:#A80054;
font-size:1.2em;
text-decoration: none;
text-align:right;
background-color:transparent;
}

#navigation ul li ul {
margin-top:0;
}

#navigation ul li ul li {
background:#EEEEEE;
}

#navigation ul li a:hover,
#navigation ul li a.current {
color:#DFB300;
}


/************************************************* 
CONTENT - this is right column floated right					
/*************************************************/ 
#content {
float:right;
width:584px;
min-height:536px;
padding:34px 20px 10px 10px;
background:#fff url(../images/bg_content.jpg) no-repeat top left;
}

#content_full {
float:right;
width:614px;
min-height:580px;
padding:0;
background:#fff url(../images/bg_content.jpg) no-repeat top left;
}

* html #content{
/* Hide from IE-Mac (Min-height hack for IE Windows and resolves width issues in everything except IE-Mac) \*/
height:536px;
/* End hide */
}

* html #content_full{
/* Hide from IE-Mac (Min-height hack for IE Windows and resolves width issues in everything except IE-Mac) \*/
height:580px;
/* End hide */
}

#content h1 span {
display:none;
}

#content h1.homepage {
width:133px;
height:12px;
background:transparent url(../images/title_homepage.gif) no-repeat top left;
margin:0 0 10px 0;
}

#content h1.hips {
width:152px;
height:12px;
background:transparent url(../images/title_hips.gif) no-repeat top left;
margin:0 0 10px 0;
}

#content h1.hip_quote {
width:65px;
height:14px;
background:transparent url(../images/title_hip_quote.gif) no-repeat top left;
margin:0 0 8px 0;
}

#content h1.valuation {
width:337px;
height:15px;
background:transparent url(../images/title_valuation.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.valuation_form {
width:90px;
height:12px;
background:transparent url(../images/title_valuation_form.gif) no-repeat top left;
margin:0 0 10px 0;
}

#content h1.register_now {
width:154px;
height:15px;
background:transparent url(../images/title_register_now.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.conveyancing {
width:113px;
height:15px;
background:transparent url(../images/title_conveyancing.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.mortgages {
width:210px;
height:15px;
background:transparent url(../images/title_mortgages.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.mortgages2 {
width:154px;
height:15px;
background:transparent url(../images/title2_mortgages.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.title_mortadviser {
width:113px;
height:15px;
background:transparent url(../images/title_mortadviser.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.shenley {
width:212px;
height:15px;
background:transparent url(../images/title_shenley.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.shenley_about {
width:212px;
height:15px;
background:transparent url(../images/title_shenley_about.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.shenley_gallery {
width:312px;
height:15px;
background:transparent url(../images/title_shengallery.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.borehamwood {
width:342px;
height:15px;
background:transparent url(../images/title_borehamwood.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.contactus {
width:184px;
height:15px;
background:transparent url(../images/title_contactus.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.find_shen {
width:184px;
height:15px;
background:transparent url(../images/title_findshen.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.find_bore {
width:183px;
height:15px;
background:transparent url(../images/title_findbore.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.find_loncol {
width:186px;
height:15px;
background:transparent url(../images/title_findloncol.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h1.sales_search {
width:83px;
height:15px;
background:transparent url(../images/title_sales.gif) no-repeat top left;
margin:0 0 8px 0;
}

#content h1.localsolicitor {
width:113px;
height:15px;
background:transparent url(../images/title_localsolicitor.gif) no-repeat top left;
margin:0 0 8px 0;
}

#content h1.lettings_search {
width:100px;
height:16px;
background:transparent url(../images/title_lettings.gif) no-repeat top left;
margin:0 0 7px 0;
}

#content h2 {
color:#666;
font-size:1.2em;
padding:0 0 10px 0;
font-weight:bold;
}

#content h2.uppercase {
color:#A80054;
text-transform:uppercase;
line-height:1.8em;
}

#content h2.lowercase {
color:#A80054;
text-transform:none;
line-height:1.8em;
}

#content h2.left_icon {
display:block;
text-indent:15px;
background:transparent url(../images/image001.gif) no-repeat top left;
}

#content p {
font-size:1.2em;
color:#666;
line-height:1.8em;
margin:0px;
padding:0 0 10px 0;
background-color:transparent;
}

#content ul {
margin-left:40px;
}

#content ul li {
font-size:1.3em;
color:#666;
line-height:1.8em;
margin:0px;
padding:0 0 10px 0;
}

#map_feature {
float:right;
width:347px;
padding:0 0 0 10px;
margin-top:25px;
}

#map_feature img {
margin-bottom:10px;
}

span.italic {
font-style:italic;
color:#666;
}

span.red_text {
color:#660033;
font-weight:bold;
}

#content p.smalltext {
font-size:1em;
}

span.underline {
text-decoration:underline;
}

span.required {
color:#FF6666;
}

img.float_left {
float:left;
margin:0 10px 10px 0;
}

.form_frame img.float_right {
float:right;
padding:0;
}

img.float_right {
float:right;
margin:0 0 5px 5px;

} 

div.display_table {
display:table;
width:100%;
margin:10px 0 20px 0;
border:0px solid #f30;
}

.col {
float:left;
display:table-cell;
width:30%;
border:0px solid #f30;
padding-right:10px;
}

* html .col {
width:28%;
}

.col img {
padding-bottom:10px;
}

.col p {
min-height:130px;
border:0px solid #f30;
}

* html .col p {
height:130px;
}

.col a span {
display:none;
}

.col a.valuation {
display:block;
width:114px;
height:34px;
background:transparent url(../btns/btn_valuation.gif) no-repeat 0 0;
}

.col a.valuation:hover {
background:transparent url(../btns/btn_valuation_hover.gif) no-repeat 0 0;
}

.col a.shenprop {
display:block;
width:114px;
height:34px;
background:transparent url(../btns/btn_shenprop.gif) no-repeat 0 0;
}

.col a.shenprop:hover {
background:transparent url(../btns/btn_shenprop_hover.gif) no-repeat 0 0;
}

.col a.shenlet {
display:block;
width:114px;
height:34px;
background:transparent url(../btns/btn_shenlet.gif) no-repeat 0 0;
}

.col a.shenlet:hover {
background:transparent url(../btns/btn_shenlet_hover.gif) no-repeat 0 0;
}

.col a.boreprop {
display:block;
width:134px;
height:34px;
background:transparent url(../btns/btn_boreprop.gif) no-repeat 0 0;
}

.col a.boreprop:hover {
width:134px;
background:transparent url(../btns/btn_boreprop_hover.gif) no-repeat 0 0;
}

.col a.borelet {
display:block;
width:134px;
height:34px;
background:transparent url(../btns/btn_borelet.gif) no-repeat 0 0;
}

.col a.borelet:hover {
width:134px;
background:transparent url(../btns/btn_borelet_hover.gif) no-repeat 0 0;
}

.col a.shenabout {
display:block;
width:114px;
height:34px;
background:transparent url(../btns/btn_shenabout.gif) no-repeat 0 0;
}

.col a.shenabout:hover {
background:transparent url(../btns/btn_shenabout_hover.gif) no-repeat 0 0;
}

.col a.gallery {
display:block;
width:114px;
height:34px;
background:transparent url(../btns/btn_gallery.gif) no-repeat 0 0;
}

.col a.gallery:hover {
background:transparent url(../btns/btn_gallery_hover.gif) no-repeat 0 0;
}

.col a.findshen {
display:block;
width:114px;
height:34px;
background:transparent url(../btns/btn_find_shen.gif) no-repeat 0 0;
}

.col a.findshen:hover {
background:transparent url(../btns/btn_find_shen_hover.gif) no-repeat 0 0;
}

.col a.findbore {
display:block;
width:114px;
height:34px;
background:transparent url(../btns/btn_find_bore.gif) no-repeat 0 0;
}

.col a.findbore:hover {
background:transparent url(../btns/btn_find_bore_hover.gif) no-repeat 0 0;
}

.col a.findloncol {
display:block;
width:114px;
height:34px;
background:transparent url(../btns/btn_find_loncol.gif) no-repeat 0 0;
}

.col a.findloncol:hover {
background:transparent url(../btns/btn_find_loncol_hover.gif) no-repeat 0 0;
}

a.gallery span, a.shenabout span, a.mortadviser span, a.convey span, a.convey_online span, a.hip_quote span {
display:none;
}

a.gallery {
display:block;
width:100%;
height:34px;
background:transparent url(../btns/btn_gallery.gif) no-repeat 50% 0;
}

a.gallery:hover {
background:transparent url(../btns/btn_gallery_hover.gif) no-repeat 50% 0;
}

a.mortadviser {
display:block;
width:114px;
height:34px;
background:transparent url(../btns/btn_mortadviser.gif) no-repeat 0 0;
}

a.mortadviser:hover {
background:transparent url(../btns/btn_mortadviser_hover.gif) no-repeat 0 0;
}

a.hip_quote {
display:block;
width:104px;
height:34px;
background:transparent url(../btns/btn_hips.gif) no-repeat 0 0;
}

a.hip_quote:hover {
background:transparent url(../btns/btn_hips_hover.gif) no-repeat 0 0;
}

a.convey {
display:block;
width:114;
height:34px;
background:transparent url(../btns/btn_solicitor.gif) no-repeat 0 0;
}

a.convey:hover {
background:transparent url(../btns/btn_solicitor_hover.gif) no-repeat 0 0;
}

a.convey_online {
display:block;
width:134;
height:34px;
background:transparent url(../btns/btn_convey.gif) no-repeat 0 0;
}

a.convey_online:hover {
background:transparent url(../btns/btn_convey_hover.gif) no-repeat 0 0;
}

a.shenabout {
display:block;
width:100%;
height:34px;
background:transparent url(../btns/btn_shenabout.gif) no-repeat 50% 0;
}

a.shenabout:hover {
background:transparent url(../btns/btn_shenabout_hover.gif) no-repeat 50% 0;
}

.form_table {
display:table;
width:100%;
border:0px solid #f30;
padding-bottom:10px;
}

.form_cols {
float:left;
display:table-cell;
width:34%;
border:0px solid #f30;
}

.form_table_contact {
display:table;
width:65%;
border:0px solid #f30;
padding-bottom:10px;
}

.form_cols_contact {
float:left;
display:table-cell;
width:100%;
border:0px solid #f30;
}

.clearfix {
float:none;
clear:both;
width:100%;
height:1px;
}

#content p a, a.bktop, #content ul li a {
color:#660033;
text-decoration:none;
}

#content p a:hover, a.bktop:hover, #content ul li a:hover {
text-decoration:underline;
}

div.align_center {
width:100%;
text-align:center;
}

/************************************************* 
FOOTER - copy right info positioned relative					
/*************************************************/ 
#footer{
float:none;
clear:both;
position:relative;
height:40px;
width:auto;
background:#fff;
color:#999;
}

p#copyright {
float:right;
padding:0 65px 4px 0;
margin-top:20px;
font-size:1.2em;
color:#999;
background-color:inherit;
}