@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif;
margin:0;
/*background:url(../images/bg.jpg) repeat-x #4f9d8d;*/
background:#fff;}

a { color:#000;
text-decoration:none;
border:none;}

a:hover { color:#116352;
text-decoration:underline;}

/* specific styles */

.clear { clear:both;}

#container { width:960px;
margin:0 auto 0 auto;}

/* content, left and right columns */

#left { float:left;
width:220px;
margin:20px 0 0 0;
padding:0;}

#left .logo { margin:25px 0 0 8px;
_margin:28px 0 0 0;}

#left #quote { border-bottom:2px solid #0d3428;
border-top:2px solid #0d3428;
margin:20px 0 0 0;
/*padding:25px 0 25px 35px;*/}

#left #quote p { background:url(../images/quote.jpg) no-repeat;
width:138px;
height:100px;}

#left #quote p span { display:none;}

#left img.map { margin:15px 0 0 0;}

/* right column */

#right { float:right;
margin:15px 0 0 10px;
width:720px;
_margin:15px 0 0 5px;
_width:718px;
_overflow:hidden;}

/* nav */

#nav { float:left;
margin:0;
width:739px;
z-index:10;
font-size:74%;
position:relative;}

#nav, #nav ul { padding: 0;
margin: 0;
list-style: none;
color:#3a5049;
text-transform:uppercase;}

#nav li { float: left;
padding-right:18px;
padding-left:18px;
font-weight: bold;}

#nav li ul { padding:12px 12px;
margin: 0px 0px 0px -20px;}

#nav li ul li { float: left;
font-weight: normal;
background-color: #fff;
padding:5px 10px 5px 10px;
width:120px;
font-size:95%;
border-bottom:1px dotted #0d3428;
text-transform:none;
position:relative;
z-index:100;}

#nav li ul { position: absolute;
width: 10em;
left: -999em;}

#nav a { display: block;
color:#3a5049;
text-decoration: none;}

#nav a:hover { display: block;
color:#8ba099;
text-decoration:none;}

#nav a:active { display: block;;
color:#3a5049;
text-decoration: none;}

#nav li:hover ul { left: auto;}

#nav li:hover ul, #nav li.sfhover ul { left: auto;}

/* nav end */

/* main image */

#right #main-img { border-bottom:1px solid #0d3428;
border-top:1px solid #0d3428;
margin:30px 0 0 0;
padding:5px 0 5px 0;}

#right img.main-image { margin:15px 0 0 0;
padding:5px 0;
border-bottom:1px solid #0d3428;
border-top:1px solid #0d3428;}

#right #internal-img { border-top:1px solid #0d3428;
margin:30px 0 0 0;
padding:5px 0 5px 0;
height:200px;
width: 719px;
overflow:hidden;}

.line { border-top:1px solid #0d3428;
margin-top:5px;}


/* flash content */

#flashcontent { border-bottom:1px solid #0d3428;
border-top:1px solid #0d3428;
margin:30px 0 0 0;
padding:5px 0 5px 0;
position:relative;
z-index:0;}

/* content */

#right #content { width:739px;
padding:0 0 10px 0;
margin:10px 0 0 20px;
_margin:10px 0 0 10px;}

#right #content #content-left { float:left;
width:450px;}

#right #content #content-left ul { font-size:74%;
color:#2f3f3a;}

#right #content h1 { font-size:100%;
color:#131c19;
font-weight:bold;}

#right #content h2 { font-size:90%;
color:#131c19;
font-weight:bold;}

#right #content p { font-size:74%;
color:#2f3f3a;
margin-right:20px;}

ul.norm { font-size:74%;
list-style:none;}

ul.norm li { background:url(../images/tick.png) no-repeat center left;
padding:0 0 0 20px;
line-height:20px;}

ul.normal { font-size:74%;
list-style:none;
margin-bottom:20px;}

ul.normal li { background:url(../images/roller.png) no-repeat center left;
padding:0 0 0 20px;
line-height:20px;}

.list { font-size:74%;}

.list ul { list-style:none;
padding:0;}

.list li { margin:0;
padding:0;}

ul.opp { font-size:74%;
line-height:18px;}

#right #content #content-right { float:right;
width:250px;
margin:0 20px 0 0;}

#right #content p a.download { background:url(../images/a-bg.jpg) repeat-x;
display:block;
padding:5px 20px;
font-weight:bold;
border:1px solid #219f85;
margin:0;
width:208px;}

.contact-form {background:#e3efed;
margin:5px 0 0 0;
border:1px solid #219f85;}

#right #content .contact-form h2 { background:url(../images/a-bg.jpg) repeat-x;
color:#0d3428;
padding:6px 0 6px 15px;
font-weight:bold;
font-size:80%;
margin:0 0 10px 0;
border-bottom:1px solid #fff;}

/* homepage */

.contact-form.home {background:#80b5aa;
margin:5px 0 0 0;
border:1px solid #0c3527;
color:#000;}

#right #content .contact-form.home h2 { background:url(../images/title-bg.jpg) repeat-x;
color:#fff;
padding:6px 0 6px 15px;
font-weight:bold;
font-size:80%;
margin:0 0 10px 0;
border-bottom:1px solid #fff;}

#right #content .contact-form.home ul { list-style:disc;}

#right #content .contact-form.home ul li { background:none;
padding:0;}


.contact-form form { _width:240px;}

.contact-form ul { font-size:74%;
list-style:none;
margin:10px 0 10px 30px;
padding:0;}

.contact-form li { padding:0 0 0 20px;
margin:0;
background:url(../images/square.jpg) no-repeat left center;}

.contact-form .sm-img { float:right;
width:80px;
margin:0;
padding:5px 15px 0 5px;}

.contact-form h3 { color:#0d3428;
font-size:74%;
padding:0px 0 0px 15px;}

.contact-form p { margin-top:9px;
padding:0px 0 0px 15px;
font-size:72%;}

form { width:300px;
margin:0 0 5px 8px;}

label { font-size:74%;
float:left;
width:75px;}

input { font-size:74%;
float:left;
margin-bottom:5px;
width:150px;}

textarea { font-size:74%;
float:left;
margin-bottom:5px;
width:150px;}

.btn { background:url(../images/btn-bg.jpg) repeat-x;
color:#0d3428;
border:1px solid #54988a;}

/* footer */

#footer { margin:0;
padding:10px 0 0 0;
border-top:1px solid #0d3428;
.padding:20px 0 10px 0;}

ul#logos { margin:0;
padding:0;
list-style:none;}

ul#logos li { float:left;
margin:0 10px 10px 0;}

#footer p { float:right;
font-size:72%;
color:#0f261f;
padding:0 0 20px 0;}

#footer a { color:#0f261f;
text-decoration:none;
display:inline;}

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

/* sitemap */

.sitemap { font-size:74%;}

.sitemap ul { list-style:disc;
padding:0 0 0 15px;}

.sitemap li { padding:2px 0 2px 0;}

.sitemap a { color:#2f3f3a;
text-decoration:none;}

.sitemap a:hover { color:#0f3327;
text-decoration:underline;}

/* the team - individual profiles */

.profiles { border-top:1px dashed #0d3428;
margin:5px 20px 0 0;
padding:0 0 10px 0;}

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

.img1 { float:left;
width:160px;
margin:0 10px 0 0;}

.profiles h3 { font-size:78%;
font-weight:bold;}

.profiles p { }

.profiles a { color:#2f3f3a;
text-decoration:none;}

.profiles a:hover { color:#0f3327;
text-decoration:underline;}

/* apply now form */

.apply { width:400px;}

.apply .top { margin:10px 0 10px 0;
border-bottom:1px dashed #0c3527;
padding-bottom:5px;
padding-top:5px;}

.apply label.longlabel { width:170px;
margin-bottom:5px;}

.apply select { border:1px solid #0c3527;
width:200px;
font-size:74%;
margin-bottom:5px;}

.apply input.text_box { background-color:#fff !important;
border:1px solid #0c3527;
width:200px;}

.apply label.norm { width:170px;}

#contact_form label.norm { width:80px;}
#contact_form label.norm1 { width:130px;}

/* paging */

.pages { font-weight:bold;}

a.pageslink { text-align: center;
padding: 0 5px 0 5px;
border: 1px solid #417263;
margin-left: 3px;
font-weight: normal;
text-decoration: none;}

a.pageslink:hover { color: #6a6a6a;
background-color: #c5d5d2;}

p.link.apply { width:100px;}

p.link { background:url(/assets/images/new-btn.jpg) repeat-x;
padding:5px;
width:180px;
float:left;
text-align:center;
border:1px solid #436f67;}

p.link a { color:#17312c;
font-weight:bold;}

/* contact page - javascript map */

.location-map { background:url(/assets/images/contact-map.png) no-repeat right;
height:382px;
overflow:hidden;
width:450px;
position:relative;}

.location-map img.dot { position:relative; }

.location-map img.dot.liverpool { top:228px;
left:326px;}
.location-map img.dot.birmingham { top:263px;
left:348px;}
.location-map img.dot.manchester { top:228px;
left:310px;}
.location-map img.dot.leeds { top:210px;
left:317px;}
.location-map img.dot.newcastle { top:165px;
left:290px;}
.location-map img.dot.london { top:296px;
left:315px;}
.location-map img.dot.orpington { top:305px;
left:304px;}
.location-map img.dot.maidstone { top:305px;
left:304px;}
.location-map img.dot.cumbria { top:205px;
left:202px;}
.location-map img.dot.wirral { top:235px;
left:180px;}
.location-map img.dot.wales { top:246px;
left:168px;}


.location-map .bubble {padding:0 10px 0 0;}


#right #content .logo { float:left;
padding:5px;
border:1px solid #154d42;
margin:5px 10px; 
height:85px;
text-align:center;
width:60px;}

#right #content .logo img { display:block;}
#right #content .logo p { margin:5px 0 0 0;
padding:0;
font-size:68%;}


/* downloads page */

.download-section { margin:0 10px 0 0;
border-bottom:1px dashed #54988a;
padding:7px 0 7px 0;}

.download-section img { float:right;
height:30px;}

.download-section p.title { background:url(/assets/images/pdf.jpg) no-repeat center left;
padding:0 0 0 25px;
margin:0;
font-weight:bold;}

/* new layout for team page */

.person { border-top:1px solid #093622;
border-bottom:1px solid #093622;
background:#d3e4e0;
width:100px;
float:left;
text-align:center;
margin:0 10px 15px 0px;}

.directors .person h3{ height:auto;}

.directors { margin:0 110px;}

.person h3 { font-size:74%;
margin:0;
padding:5px 0;}

.person h3.job-title { height:30px;}

.person img { border:1px solid #80b6a9;
padding:2px;}