/* ------------------------------------------------------------

	Style Reset
				
--------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, em, sub, sup, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white; 
}
ol, ul {
	list-style: none;
	margin:0; padding:0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strikethrough { text-decoration:line-through;}

a, a:link, a:active, a:visited { text-decoration:none;  color:#355d8e;  -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
a:hover {  color:#000;   }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {display:inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container12 .grid1 {width:60px;}
.container12 .grid2 {width:140px;}
.container12 .grid3 {width:220px;}
.container12 .grid4 {width:300px;}
.container12 .grid5 {width:380px;}
.container12 .grid6 {width:460px;}
.container12 .grid7 {width:540px;}
.container12 .grid8 {width:620px;}
.container12 .grid9 {width:700px;}
.container12 .grid10 {width:780px;}
.container12 .grid11 {width:860px;}
.container12 .grid12 {width:940px;}

/* ------------------------------------------------------------

	Generic Page Styling
				
--------------------------------------------------------------- */

body { font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#757575; line-height:1.5em;  background:url(../images/display-images/body-bg.gif) repeat; text-shadow:0 1px 0 #fff;  } 

.wrap { float:left; width:100%; padding:10px 0; }

#header { background:url(../images/display-images/nav-bg.gif) bottom repeat-x; padding:20px 0; height:91px;  }
.logo { float:left; }
.strapline { float:right; font-size:1.7em; margin:25px 0 5px 0; color:#7e9cab; }
.strapline em { color:#30a98e; }

ul#nav { float:right;  width:800px; margin:12px 0 0 0;  }
ul#nav li { float:left; background:url(../images/display-images/nav-divide.gif)  right no-repeat; padding:0 2px 0 0 ; }
ul#nav li a { float:left; padding:16px 20px 15px 20px;   font-weight:bold; background:url(../images/display-images/nav-highlight.gif) top; -webkit-transition:none; color:#787878; }

ul#nav li a.selected { float:left; padding:16px 20px 15px 20px;   font-weight:bold; background:url(../images/display-images/nav-highlight.gif) top; -webkit-transition:none; color:#787878; background-position:bottom;  font-weight:bold; color:#fff; text-shadow:0 -1px 0 #6d8bae; }
ul#nav li a:hover { background-position:bottom; color:#fff; text-shadow:0 -1px 0 #6d8bae;  }


ul#nav ul li a {  float:left; width:150px; padding:16px 20px 15px 20px;   font-weight:normal; background:url(../images/display-images/nav-highlight.gif) top; -webkit-transition:none; color:#787878; }
ul#nav ul { visibility:hidden; position:absolute; z-index:99; width:249px; margin:50px 0 0 0; height:0; }

ul#nav table { position:absolute;  border-collapse:collapse;  z-index:80; left:-1px; top:25px; }

ul#nav li:hover ul,
ul#nav a:hover ul{ visibility:visible;}


h1, h2, h3 { font-weight:normal; }
h1 { font-size:2em; line-height:1.2em;  text-align:center; padding:20px 0; color:#5382b9; }
h1 em {  color:#30a98e; font-style:normal; }
h2 { font-size:1.6em;   color:#5382b9; margin:0 0 10px 0; }
h2 em {  color:#30a98e; }

h3 { float:left; color:#aaaaaa; margin:10px 25px 10px 0; padding:0 25px 0 0; background:url(../images/display-images/arrow.png) no-repeat right; }

.col-header { background:url(../images/display-images/col-header-bg.gif) no-repeat; color:#fff;  text-shadow:0 -1px 0 #6d8bae;  width:210px; height:34px; padding:5px 0 0 10px;}

a.service { float:left; font-size:0.9em; width:140px; height:130px; background:#03C; margin:5px 5px 10px 5px; background:url(../images/display-images/service-tab-bg.gif) bottom no-repeat #fff; text-align:center;   color:#fff;  text-shadow:0 -1px 0 #6d8bae; -webkit-box-shadow:0px 0px 3px #dedede;   }
a.service:hover { -webkit-transform:scale(1.09); -webkit-box-shadow:0px 0px 10px #666; }

#accreditation { background:url(../images/display-images/accreditation-bg.gif) repeat-x ; height:38px; }
#accreditation h3 { margin:10px 0 0 100px; }
#text { font-size:1.1em; line-height:1.6em; padding:10px 0 20px 0; }
#text a { color:#6181a9; }

#inner-text  {   padding:20px 0 40px 0; }
.main-text {  font-size:1.1em; line-height:1.6em; margin:0 0 10px 0; }
.main-text a { color:#6181a9; }
.main-text ul { padding:10px 0 10px 20px; list-style:circle; }


#inner-text  h1 { text-align:left; margin:10px 0; padding:0; }
.main-text  strong { font-weight:bold; }


#clients { background:url(../images/display-images/clients-bg.gif) repeat-x; height:80px; overflow:hidden;  }
#clients h3 {  margin:25px 25px 10px 0; }
.client { float:left;  }

#footer { background:#232323; padding:20px 0; font-size:11px; text-shadow:none; }
#footer a { color:#5a5a5a; }
#footer a:hover { color:#fff; }
#footer h4 { font-size:1.2em; color:#fff; margin:0 0 5px 0; }

#footer ul { padding:0px; }
#footer ul li { float:left; width:140px; margin:0 6px 3px 0;  }

.footer-end { border-top:1px dotted #5f5f5f; padding:10px 0; clear:left; }
.footer-end a { float:left; }
.copyright { float:right; }
.clear { clear:both; height:0; }

.contact { float:left; background:url(../images/display-images/col-bg.gif); border:1px solid #e2e2e2; padding:15px 10px; }
.contact h2 { font-size:0.9em; margin:0; }

a.enquire-btn-grey { float:left; margin:10px 0 0 0; background:url(../images/display-images/enquire-btn-grey.gif); text-indent:-9999em; width:110px; height:31px; }
a.enquire-btn-blue { float:left;  margin:10px 0 0 0;  background:url(../images/display-images/enquire-btn-blue.gif); width:110px; height:30px; text-indent:-9999em; }

.action { float:left; margin:16px 0 0 7px; font-size:0.9em;} 

.map { float:right; margin:0 0 0 -30px; }

.grid3-wrap { float:left; width:220px; background:url(../images/display-images/col-bg.gif); padding:10px 0 20px 0; margin:0 0 20px 0;  } 

.quote { float:left; width:165px; background:url(../images/display-images/quote-bg.gif) no-repeat; padding:0 0 0 30px; }

.bpca { float:left; width:220px;  margin:20px 0 0 0; font-size:0.9em; line-height:1.3em; }
.bpca img { float:right; margin:0 0 0 10px;  }

.logo { float:left; height:35px; overflow:hidden; margin:0 20px; text-indent:-9999em; }
.logo:hover { background-position:bottom; }
.bpca-logo { background:url(../images/display-images/accreditation/bpca.png) top; width:39px; }
.cscs-logo { background:url(../images/display-images/accreditation/cscs.gif); width:75px; }
.think-wildlife-logo { background:url(../images/display-images/accreditation/think-wildlife.gif); width:86px; } 
.network-bird-logo { background:url(../images/display-images/accreditation/network-bird.gif); width:44px; }
.ipaf-logo { background:url(../images/display-images/accreditation/ipaf.gif); width:60px; }
.rsph-logo { background:url(../images/display-images/accreditation/rsph.gif); width:65px; }

.main-logo { float:left; }

.main-text { float:left; width:100%; }

.survey { float:right; background:url(../images/display-images/col-bg.gif); width:330px; padding:10px; margin:0px 20px 0 0; }

.req { color:#069; }
.survey  label { float:left; width:100%; margin:5px 0 0 0; }
.survey  input, .survey  textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; width:320px; padding:7px 5px; border-radius:4px; color:#999; border:1px solid #dedede; -webkit-transition:all 0.5s ease;  }
.survey  input:focus, .survey  textarea:focus { background:#dae8f8; border-color:#355d8e; color:#355d8e;  }

.survey  input.submit { cursor:pointer; float:left; width:120px; padding:10px 10px; border-color:#355d8e; text-shadow:0 -1px 0 #355d8e; text-align:center; background:#577fae; color:#fff;   }

.quote-list { float:left; width:264px; padding:10px 10px 10px 40px; background:url(../images/display-images/quote-bg.gif) 10px 10px no-repeat; margin:10px;  }

.quote-name { color:#355d8e; }
.clients-list { float:left; background:url(../images/display-images/col-bg.gif); width:648px; margin:10px 0 20px 0; padding:10px;  }

.large-quote { background:url(../images/display-images/quote-bg.gif) 0px 0px no-repeat; width:650px; padding:0 0 0 30px;  }

.content-image-right { float:right; width:228px; margin:0 0 10px 20px; }
.content-image-right img { float:left; width:226px; border:1px solid #dedede; }

.content-image-left { float:left; width:228px; margin:0 20px 10px 0; }
.content-image-left img { float:left; width:226px; border:1px solid #dedede; }
.alt { text-align:center; line-height:1.4em; font-size:0.9em; font-style:italic; }

.on { background-position:bottom; }
.related { float:left; margin:20px 0;}

.subholder { float:right; width:220px; margin:0 0 0 20px; }
ul.subnav { float:left;  background:url(../images/display-images/col-bg.gif); margin:0 0 20px 0px; padding:0px 0 0px 0px; list-style:none; }
ul.subnav li { float:left; }
ul.subnav li a { float:left; background:url(../images/display-images/col-bg.gif); width:200px; border-bottom:1px solid #e2e2e2;  border-top:1px solid #f4f4f4;  padding:7px 0 7px 20px; }
ul.subnav li a:hover { background:#9bb8d9; color:#fff; text-shadow:none;  }

.breadcrumb { float:left; color:#999; font-size:0.9em; width:100%; margin:0 0 10px 0; }
.breadcrumb a { color:#999; }
.breadcrumb a:hover { color:#618bbc; }

.news { float:left; width:670px;  padding:20px 0; line-height:1.6em;  border-bottom:1px solid #dedede; }
.news-image { float:left; width:180px; }
.news-text { float:left; width:400px; margin:0 0 0 20px; }
.news a { float:left; font-size:1.6em; width:100%; }
.news a.more { font-size:1em;  }

.date { float:left; width:50px; line-height:1.3em; }
.day { float:left;  font-size:2em; line-height:1.2em; } 
.sup { float:left; width:10px; font-size:0.9em;  overflow:hidden; }
.month { float:left; text-transform:uppercase; } 

.faq { float:left; width:670px; font-size:1.3em;   padding:10px 0;   border-bottom:1px solid #dedede; }


.service-holder{ float:left; width:460px; font-size:0.95em; margin:0 10px 0 0px;  }
.service-holder a { color:#fff; }

.contact-teaser { float:left;  margin:0 0 0 -9px; color:#fff; }

.contact-header { float:left; background:url(../images/display-images/contact-header-bg.png); width:195px; text-shadow:none; height:52px; padding:12px 20px; }
.contact-header h3 { float:left; width:100%; margin:0 ; font-size:1.2em; color:#fff; background:none; padding:0; text-shadow:0 -1px 0 #000;  }

form#contact-form { float:left; color:#676767;  background:url(../images/display-images/contact-bg.png) bottom; width:195px; padding:0 20px 25px 20px; margin:0 0 10px 0; }

form#contact-form legend { font-size:0.9em; color:#8e8e8e; }
form#contact-form label { float:left; width:100%; }
form#contact-form input { float:left; width:183px; padding:5px; border:1px solid #dedede; border-radius:3px; color:#666;  }
form#contact-form input:focus { background:#e0e9f4; border-color:#8caacb; color:#7290b6;  }
form#contact-form input.contact-submit { float:left; background:url(../images/display-images/submit-enquiry.gif); width:122px; height:38px; padding:0; margin:10px 0 0 0; border:none; border-radius:none; text-indent:-9999em;  }

.content-top { float:left; background:url(../images/display-images/content-top.gif); width:698px; height:6px; }
.content-mid { float:left; background:url(../images/display-images/content-mid.gif); width:668px; padding:15px;  }
.content-end { float:left; background:url(../images/display-images/content-end.gif); width:698px; height:6px; }

table.aplus  { border-top:1px solid #acacac; border-left:1px solid #acacac; margin:10px 0; }
table.aplus tr { }
table.aplus td { border-right:1px solid #acacac;   border-bottom:1px solid #acacac; padding:5px; }

.captcha { float:left; }

.mainContent p {margin:6px 0 8px;}
.mainContent ul {margin:12px 0 20px 30px; list-style-type:disc;}
.mainContent ul li {list-style-type:disc; list-style-position:outside; line-height:135%;}

div.local {margin-top:15px;}
#footer ul { padding:0px; }
#footer ul li { float:left; width:140px; margin:0 6px 3px 0;  }
#footer ul#localLinks li {width:auto;}

.services-side { margin: 44px 0 25px 0; }
.services-side.landing { margin: 0 0 25px 0; }
.services-side ul { margin-left: 30px; }
.services-side li { list-style: circle; }
