body 
{
    font-family:Arial;
    background-color:#fff;
    margin:0;
}
h1
{ 
    position:absolute;
    top:150px;
    left:205px;
    font-size:1.2em;
    color:#6a6e6d;
}
.bright { color:#fff; }
h1.selected-letter 
{
    top:130px;
    color:#4a94b7;
    font-size:9em;
    left:780px; 
}
h1, h2, h3, p { margin:0px; }
p { margin-bottom:0.8em;}
a img { border:none; }
a { text-decoration:none; }

.hidden
{
    position:absolute;
    top:-1000px;
}
#logo 
{
    margin:15px 360px 0px 18px;
    float:left;
}
#quote-banner 
{
    height:96px;
}
#quote-banner h2 
{
    padding:33px 0px 0px 0px;
    color:#f46432;
    font-weight:normal;
    font-size:1.4em;
}
#quote-banner img { margin:18px 2px -10px 2px; }
#main 
{
    background-color:#FFFFFF;
    margin:auto;
    position:relative;
    text-align:left;
    width:980px;
}
#main-a  {  }
#main-b 
{
    background-color:#b7d0bd;
    padding-left:20px;
    padding-top:20px;
}
#header 
{
    margin: 0px;
    background-color:#55aa80;
}

/* Navigation  Bar*/
ul
{
    padding:0px;
    margin:0px;
    list-style-type:none;
}
#header li 
{
    float:left;
    font-size:0.75em;
    font-weight:bold;
    padding:2px 20px 2px 0px;
    text-align:center;
    list-style-image:url(../images/divider.gif);
    list-style-position:inside;
}
#header li a 
{ 
    color:#fff; 
    margin-left:14px;
}
#header .header-selected 
{ 
    margin:0px;
    height:5px; 
    clear:both;
    background-color:#26668c;
}
#header li#residential, #header li#commercial { background-color:#8098b4; }
#header li#residential.selected, #header li#commercial.selected, #header li.selected { background-color:#26668c; }
#header #bar-residential    { width:980px;  }
#header #bar-commercial     { margin-left:106px; width:874px; }
#header #bar-gallery        { margin-left:218px; width:762px; }
#header #bar-further-help   { margin-left:300px; width:680px; }
#header #bar-testimonials   { margin-left:412px; width:568px; }
#header #bar-about-us       { margin-left:528px; width:452px; }
#header #bar-contact-us     { margin-left:622px; width:358px; }
#header #bar-default        { margin-left:978px; width:0px; }
#bar-base                   { clear:both; background-color:#B7D0BD; }

#header #residential a:hover   { color:#aac0ce; }
#header #commercial a:hover    { color:#dae2ea; }
#header a:hover                { color:#c7e5d5; }

/* Second Nav Bar*/
#second-nav
{
    float:left;
    width:160px;
    
} 
#second-nav-a 
{
    background-color:#fff;
}
#second-nav h3
{ 
    font-size:0.75em; 
    color:#fff;
    padding:3px 5px;
    border-top:solid 3px #fff;
}
#second-nav li
{
    padding:2px 5px;
    font-size:0.75em;
    border-top:solid 1px #fff;
}
#second-nav li a { color:#fff ;}
#second-nav li a span { display:block; font-size:0.85em;}
#second-nav .style-a h3, #second-nav .style-g h3 { border:none;}


#second-nav li.selected { background-color:#fff; font-weight:bold; }
#second-nav .style-a .selected a, #main-a #second-nav .style-a .selected a:hover { color:#626866; }
#second-nav .style-b .selected a, #main-a #second-nav .style-b .selected a:hover  { color:#5161ac;}
#second-nav .style-c .selected a, #main-a #second-nav .style-c .selected a:hover  { color:#186088 ;}
#second-nav .style-d .selected a, #main-a #second-nav .style-d .selected a:hover  { color:#62896e;}
#second-nav .style-e .selected a, #main-a #second-nav .style-e .selected a:hover  { color:#4488a8;}
#second-nav .style-g .selected a, #main-a #second-nav .style-g .selected a:hover  { color:#52a57b;}

#second-nav .style-a a { color:#d6d6d6; }
#second-nav .style-b a { color:#d1d5e9; }
#second-nav .style-c a { color:#b3cedd; }
#second-nav .style-d a { color:#ccdad0; }
#second-nav .style-e a { color:#bfdae7; }
#second-nav .style-g a { color:#c5e1d3; }

#main-a #second-nav a:hover { color:#fff;}

#main-content 
{
    float:left;
    margin-left:15px;
    width:763px;
    min-height:400px;
}
#top 
{
    padding-top:40px ;
}
#box-a { height: 135px; }
#box-b { height:322px; }
#box-b-short { height:161px; }
.box-full 
{
    margin-bottom:15px;
    border:solid 2px #fff;
}

.box 
{
    width:518px;
    margin:0px 15px 15px 0px;
    float:left;
    border:solid 2px #fff;
}
.box-side, .box-pic-landscape, .box-pic-portrait
{
    background-color:#fff;
    float:left;
    border:solid 2px #fff;
}
.box-pic-portrait { width:242px; margin-bottom:15px; }
.box-pic-landscape { margin:0px 15px 15px 0px; width:496px; }
#switched.box-pic-landscape { margin:0px 0px 15px 15px; }
#fixed.box-pic-portrait, #faq { height:476px ; }
#alphabet.box-pic-portrait { clear:left;}
.box-side
{
    width:222px;
    margin-bottom:15px;
}
.box-header
{
    padding:5px;
    color:#fff;
}
.box-header h2
{
    font-weight:normal;
    font-size:1.2em;
}
.box-header h2 a, .landing-a h2 a { color:#fff; }
.box-inner  { padding:10px; }
.box-inner.header-text 
{ 
    width:480px; 
    float:left;
}
.box-inner.landing-header-text 
{
    height:117px;
}
.box-inner ul 
{ 
    list-style-type:disc; 
    margin-left:15px;
}
.box-inner li
{ 
    
}
.box-inner h2 { margin-top:1.2em; font-size:1.1em; }
.box-inner .gallery-text h2, .box-inner .gallery-text p
{ 
    font-size:0.8em;
    margin-top:5px;
    font-weight:normal;
    color:#8c8c8c;
    height:30px;
}
.landing-a .box-inner 
{ 
    float:left; 
    width:249px;
    height:118px;
}
.landing-a .box-inner h2 
{
    font-size:1.2em;
    font-weight:normal; 
    margin-top:0px;
}
#box-multiple { float:left; }
#gallery-box-multiple { float:left; }
#footer { margin-top:20px; }
#footer ul 
{
    margin:0px;
    text-align:center;
    padding:0px;
}
#footer li 
{ 
    display:inline; 
    padding:5px;
    font-size:0.65em;
}
#footer li a { color:#26668c;}
#footer li a:hover { color:#3a8fc0;}
#blank-nav 
{
    width:160px;
    float:left;
}
.clear 
{
    clear:both;
}
#glossary li 
{
    display:inline;
    padding:2px ;
    font-size:1.2em;
    color:#b0cce1;
}
#glossary li a { color:#4a94b7; }
#glossary li.selected 
{
    border:solid 2px #f99561;
}
#glossary-list { font-size:0.8em;  }
#glossary-list h2 
{ 
    margin:0px ; 
    font-weight:normal;
    color:#bdd6e7;
    float:left;
    width:150px;
}
#glossary-list p { width:320px; float:left; }
#selected-letter { height:150px ; }
#gallery-nav 
{ 
    color:#fff;
    font-size:0.9em;
    margin-top:10px;
}

#second-nav .style-a a { color:#d6d6d6; }
#second-nav .style-b a { color:#d1d5e9; }
#second-nav .style-c a { color:#b3cedd; }
#second-nav .style-d a { color:#ccdad0; }
#second-nav .style-e a { color:#bfdae7; }
#second-nav .style-g a { color:#c5e1d3; }



.style-a { background-color:#626866; color:#fff; }
.style-b { background-color:#5161ac; color:#fff;}
.style-c { background-color:#186088 ; color:#fff;}
.style-d { background-color:#62896e; color:#fff;}
.style-e { background-color:#4488a8; color:#fff;}
.style-f { background-color:#fff; color:#6b6b6b;}
.style-g { background-color:#52a57b; color:#9ad8b7;}


#main-content .style-a a { color:#eee; }
#main-content .style-b a { color:#d1d5e9; }
#main-content .style-c a { color:#b3cedd; }
#main-content .style-d a { color:#e9f1eb; }
#main-content .style-e a { color:#bfdae7; }
#main-content .style-f a { color:#969799; }
#main-content .style-g a { color:#c5e1d3; }

.style-a .dimmer, #main-content .style-a a:hover { color:#cfcfcf; }
.style-b .dimmer, #main-content .style-b a:hover { color:#b4b8dd;}
.style-c .dimmer, #main-content .style-c a:hover { color:#d1e3ed; }
.style-d .dimmer, #main-content .style-d a:hover { color:#ccdad0 ;}
.style-e .dimmer, #main-content .style-e a:hover { color:#a3c4d8 ;}
.style-f .dimmer, #main-content .style-f a:hover { color:#6b6b6b;}
.style-g .dimmer, #main-content .style-g a:hover { color:#c5e1d3;}

.column-a, .column-b
{ 
    width:48%; 
    float:left; 
}
.column-a { margin-right:10px;}
.box-full .column-a, .box-full .column-b { width:32%; }

.smaller { font-size:0.85em; }
.landing-main-image 
{ 
    width:249px; 
    height:138px;
    float:left;
}
.landing-header-image
{ 
    width:222px; 
    height:104px;
}
.header-image 
{ 
    width:259px; 
    height:149px;
    float:left;
}
.long-header-image 
{ 
    width:222px; 
    height:476px;
    float:left;
}
.medium-header-image 
{ 
    width:222px; 
    height:316px;
    float:left;
}
.wide-header-image 
{
    width:496px; 
    height:476px;
    float:left;
}
#residential-buying-a-property { background-image:url(../images/residential-buying-a-property.jpg); }
#residential-other-property-issues { background-image:url(../images/residential-other-property-issues.jpg); }
#residential-building-issues { background-image:url(../images/residential-building-issues.jpg); }
#residential-having-disputes { background-image:url(../images/residential-having-disputes.jpg); }
#residential-leasehold-specialities { background-image:url(../images/residential-leasehold-specialities.jpg); }
#residential-purchase-freehold { background-image:url(../images/residential-purchase-freehold.jpg); }
#residential-lease-renewal { background-image:url(../images/residential-lease-renewal.jpg); }
#residential-expert-witness { background-image:url(../images/residential-expert-witness.jpg); }
#residential-boundary-report { background-image:url(../images/residential-boundary-report.jpg); }
#residential-party-wall-awards { background-image:url(../images/residential-party-wall-awards.jpg); }
#residential-insurance-claims-report { background-image:url(../images/residential-insurance-claims-report.jpg); }
#residential-specific-defect-report { background-image:url(../images/residential-specific-defect-report.jpg); }
#residential-insurance { background-image:url(../images/residential-insurance.jpg); }
#commercial-expert-witness { background-image:url(../images/commercial-expert-witness.jpg); }
#commercial-insurance-valuation { background-image:url(../images/commercial-insurance-valuation.jpg); }
#commercial-market-valuation { background-image:url(../images/commercial-market-valuation.jpg); }
#commercial-lease-review { background-image:url(../images/commercial-lease-review.jpg); }
#commercial-property-maintenance { background-image:url(../images/commercial-property-maintenance.jpg); }
#commercial-schedule-of-condition { background-image:url(../images/commercial-schedule-of-condition.jpg); }
#commercial-specialist-reports { background-image:url(../images/commercial-specialist-reports.jpg); }
#commercial-expert-witness-home { background-image:url(../images/commercial-expert-witness-home.jpg); }
#commercial-building-control-awards { background-image:url(../images/commercial-building-control-awards.jpg); }
#commercial-landlord-review { background-image:url(../images/commercial-landlord-review.jpg); }
#commercial-valuation { background-image:url(../images/commercial-valuation.jpg); }
#commercial-rent-review { background-image:url(../images/commercial-rent-review.jpg); }
#commercial-schedule-of-delapidation { background-image:url(../images/commercial-schedule-of-delapidation.jpg); }
#commercial-survey-reports { background-image:url(../images/commercial-survey-reports.jpg); }
#commercial-party-wall-awards { background-image:url(../images/commercial-party-wall-awards.jpg); }

#contact-us-complaints { background-image:url(../images/complaints.jpg); }
#contact-us-feedback { background-image:url(../images/feedback.jpg); }
#contact-us-email { background-image:url(../images/contact-us-email.jpg); }
#contact-us-online-quote { background-image:url(../images/contact-us-online-quote.jpg); }
#contact-us-acorn { background-image:url(../images/contact-us-acorn.jpg); }

#further-help-faq { background-image:url(../images/further-help-faq.jpg); }
#further-help-useful-links { background-image:url(../images/further-help-useful-links.jpg); }
#further-help-glossary { background-image:url(../images/further-help-glossary.jpg); }

#market-valuation  { background-image:url(../images/market-valuation.jpg); }
#homebuyers-report { background-image:url(../images/homebuyers-report.jpg); }
#building-survey  { background-image:url(../images/building-survey.jpg); }


#which-survey 
{ 
    border-style:none; 
    border-collapse:collapse;
    text-align:center;
    font-size:0.85em;
}
#which-survey .col1 { width:40%; text-align:left; }
#which-survey #col2, #which-survey #col3, #which-survey #col4 { width:20%; }
#which-survey th { font-weight:bold; }
#which-survey th, #which-survey .underline { border-bottom:solid 1px #f99561; }
#which-survey td  
{
    border-bottom:solid 1px #fcc6a4; 
    padding:5px 0px ;
}
#useful-links li { list-style-type:none; }
#useful-links li a { color:#bcd6dc;}
#surveyors-team-photo 
{ 
    width:234px;
    float:left; 
}
#location-list h2 { font-size:0.8em; font-weight: bold; }
#location-list h3 { font-size:0.8em; font-weight: normal ; }
#epc-example { float:right ; }
#testimonials ul { list-style-type:none; margin:0px;}
#testimonials ul li { margin-bottom:20px;}