/*------------------------------------------------ HTML ----------------------------------------------------*/

html { padding:0; margin:0; }
body { background:#262626; padding:0; margin:0;  }
h1, h2, h3 { color:#FFF; font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; text-transform:uppercase; font-weight:normal;}
h1 { font-size:26px; margin:0; }
h2 { margin:0; }
h3 { font-size:20px; }

p { color:#FFF; font-size:14px;}
a { color:#FFF; }
ul li, ol li { margin:0;  font-size:14px;}
sup { font-size:10px;}


.PFDinTextPro-Regular { font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; font-weight: normal; font-style:normal; }
.clear { clear: both; }
.button { font-size: 0.8em; }
.line { border-bottom: 1px solid #999999; margin-bottom: 5px; }






/*---------------------------------------------- TEMPLATE ----------------------------------------------------*/

section#header, section#adminHeader { height:120px; position:relative; width:970px; margin:0 auto; z-index: 999; }
section#header #logo { position:absolute; top:10px; left:0px; width:125px; height:95px; background:url(../Images/Template/Logo.gif); }
section#header nav, section#adminHeader nav {  position:absolute; top:50px; right:-5px; }

#logo a { width:125px; height:95px; display:block; text-decoration:none; }
#logo a span { visibility:hidden; }

#tabs { position:absolute; top:0px; right:0px;}
#tabs ul { list-style:none; margin:0;}
#tabs ul li { float:left; margin: 3px 0 0 10px;}
#tabs ul li a { text-transform:uppercase; font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; font-size:16px; background:#FFF; padding:5px 10px 5px 10px; text-decoration:none; font-size:13px; color:#000; }
#tabs ul li:hover { margin-top:4px; }



nav#subNav { width:100%; border-bottom:1px solid #FFF; height:30px; }
nav#subNav ul { list-style:none; margin:0; padding:0; width:970px; margin:0 auto; }
nav#subNav ul li { float:left; margin: 0 0 0 0; padding:0;}
nav#subNav ul li a { font-size:14px; font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; line-height:30px; text-transform:uppercase;  padding:7px 15px 7px 15px;  }
nav#subNav ul li a:hover { background-color:#666; }
nav#subNav ul li a.selected { color:#000; background:#FFF; }

#adminNav {  border-bottom:1px solid #FFF; height:30px; float: right; width: 100%; top: 150px; position: relative; z-index: 1000; }
#adminNav ul { list-style:none; margin:0; padding:0; margin:0 auto; }
#adminNav ul li { float:right; margin: 0 0px 0 0; }
#adminNav ul li a { font-size:16px; font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; line-height:30px; text-transform:uppercase;  padding:6px 10px 6px 10px;  }
#adminNav ul li a.selected { color:#000; background:#FFF; }

#content {  width:970px; margin:20px auto 0; position:relative; z-index:100; padding:0 0 50px 0; }
#content section#main { width:600px; float:left; top:0px; color:#FFF; padding:0 0 50px 0; min-height:400px;}
#content aside { width:260px; float:right; background:#FFF; padding:20px; }
#content aside p { color:#000;}
#content aside hr { height:3px; background-color:#666; border:none;}
#content aside header h2 { font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; text-transform:uppercase; background:#262626; margin:0; padding:0.3em 0.5em 0.3em 0.5em; font-size:16px; color:#FFF; font-weight:normal; font-style:normal; }
#content aside #latestNews { padding:10px 0 10px 0;}

.latestNewsHeadline { padding:5px 0 5px 0; border-bottom:1px solid #CCC;}
.latestNewsHeadline a { color:Black;}
.latestNewsHeadline h4 { margin:0 0 5px 0; font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; text-transform:uppercase; font-weight:normal; font-size:22px;  }
.latestNewsHeadline p { margin:0 0 5px 0; }




footer { position:relative; width:100%; background:#3d3d3d; font-size:0.9em;  color:#FFF; z-index:9999999; margin:0; }
footer header { width:100%; border-top:1px solid #565656; border-bottom:1px solid #565656; height:30px; line-height:30px;  }
footer header .inner { margin:0 auto; width:970px; left:-20px; position:relative; padding:0 0 20px 0;  }
footer header .inner #certificates { position:absolute; right:-20px; top:2px; width:150px; height:25px; background:url(../Images/Template/Certificates.gif) right no-repeat; }
footer header .inner ul { width:600px; position:absolute; list-style:none; margin:0; padding:0; }
footer header .inner ul li { float:left; }
footer header a { color:#FFF; padding:0 20px 0 20px; }
footer section { width:970px; margin:0 auto; }

footer #addressWrapper { padding:10px 0 10px 0; height:85px; width:970px; position:relative; margin:0 }
footer .address { position:absolute; width:400px; left:0;}
footer .certificates { position:absolute; width:350px; right:0; }
footer .certificates ul  { list-style:none; padding:0; margin:0;}
footer .certificates ul li { float:left;}

.colspan1 { width:300px; float:left; }
.colspan2 { width:630px; float:left; }
.colspan3 { width:960px; float:left; }
.coldiv { width:30px; float:left; }

.txt-small { font-size:11px; margin:0; clear: both; }



/*---------------------------------------------- NAVIGATION ----------------------------------------------------*/



/*Root*/
#nav { margin: 0; padding: 0; list-style: none; position:relative; }
#nav li { float: left; display: block; width: 110px;  position: relative; z-index: 500; margin: 0 5px 0 0; padding:0; }
#nav li a { font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; font-size:20px; display: block; padding: 8px 5px 8px 5px; height: 45px; text-decoration: none; color: #FFF; text-align: center; text-transform:uppercase; }
#nav li a span { display:block; font-size:11px; text-transform:uppercase; }
#nav li.selected a { color: #000; background:#FFF; }
#nav li a.selected span { color: #FFF; }
#nav li a.selected:hover, #nav li a.selected:hover span, #nav li.selected a span { color:#000; }




/*Sub*/
#nav ul { position: absolute; left: 0; display: none; margin: 0; padding:10px; list-style: none; background:#FFF; width:200px; }
#nav ul li { width: 200px; float: left; display:block; border-bottom:1px solid #CCC; padding:0; margin:0;   }
#nav ul li a { display: block; padding: 8px 5px 8px 25px; color: #666; font-size:14px; text-align:left; margin:0; height:auto; }
#nav li.selected ul li a { background:url(../Images/Template/NavBullet.png) no-repeat 5px center;}
#nav li.selected ul li a:hover { color: #FFF; text-decoration: none; background-color:#262626;}


/* fix ie6 small issue */
*html #nav ul { margin: 0 0 0 -2px; }




/*---------------------------------------------- COLOURS ----------------------------------------------------*/

/*Orange*/
#pageWrapper.home #banner .inner #mainBlock01 #headlineText,
#pageWrapper.about #banner .inner #mainBlock01 #headlineText,
#pageWrapper.quality #banner .inner #mainBlock01 #headlineText, 
#pageWrapper.contact #banner .inner #mainBlock01 #headlineText,
#pageWrapper.portfolio #banner .inner #mainBlock01 #headlineText  { background:#F8A63C url(../Images/Banner/Arrows.png)  460px 20px no-repeat; }

#pageWrapper.home #main h1,
#pageWrapper.about #main h1,
#pageWrapper.quality #main h1,
#pageWrapper.contact #main h1,
#pageWrapper.portfolio #main h1 { color:#f8a63c; }

#pageWrapper.home #nav li a.selected,
#pageWrapper.about #nav li a.selected,
#pageWrapper.quality #nav li a.selected,
#pageWrapper.contact #nav li a.selected,
#pageWrapper.portfolio #nav li a.selected { color: #f8a63c;  }


#pageWrapper #content aside header#top h2 { background-color: #F8A63C; color:#FFF; }


/*Green*/
#pageWrapper.before .inner #headlineText { background:#c8da30 url(../Images/Banner/Arrows.png)  460px 20px no-repeat;   }
#pageWrapper.before .inner #headlineText h1, #pageWrapper.before .inner #headlineText p { color:#000; }

#pageWrapper.before #main h1 { color:#c8da30; }
#pageWrapper.before #nav li a.selected { color: #c8da30;  }
#pageWrapper.before section#header #logo { background:url(../Images/Template/LogoBefore.gif); }
#pageWrapper.before #content aside header#top h2 { background-color: #c8da30; color:#000; }
#pageWrapper.before nav#subNav { border-color:#c8da30 }

/*Purple*/
#pageWrapper.beyond .inner #headlineText { background:#B14399 url(../Images/Banner/Arrows.png)  460px 20px no-repeat;   }
#pageWrapper.beyond .inner #headlineText h1 { color:#FFF; }
#pageWrapper.beyond #main h1 { color:#b14399; }
#pageWrapper.beyond #nav li a.selected { color: #b14399;  }
#pageWrapper.beyond section#header #logo { background:url(../Images/Template/LogoBeyond.gif); }
#pageWrapper.beyond #content aside header#top h2 { background-color: #b14399; color:#FFF; }
#pageWrapper.beyond nav#subNav { border-color:#b14399 }

/*Blue*/
#pageWrapper.how .inner #headlineText {  background:#5CA9DD url(../Images/Banner/Arrows.png)  460px 20px no-repeat;  }
#pageWrapper.how .inner #headlineText h1 { color:#FFF; }
#pageWrapper.how #main h1 { color:#5ca9dd; }
#pageWrapper.how #nav li a.selected { color: #5ca9dd;  }
#pageWrapper.how section#header #logo { background:url(../Images/Template/LogoHow.gif); }
#pageWrapper.how #content aside header#top h2 { background-color: #5ca9dd; color:#FFF; }
#pageWrapper.how nav#subNav { border-color:#5ca9dd }




/*------------------------------------------------- CONTACT ----------------------------------------------------*/



.contactWrapper { width:960px; }
.contactWrapper .paddingTop { height:50px;}

#contact-area {	width: 630px; margin-top: 25px;}
#contact-area input, #contact-area textarea {padding: 5px; width: 480px; font-family: Helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 1px solid #ccc;}
#contact-area textarea { height: 90px;}
#contact-area textarea:focus, #contact-area input:focus {border: 1px solid #f8a63c;}
#contact-area input.submit-button {width: 100px; float: right; margin:0 23px 0 0; background-color:#CCC; border:1px solid #FFF; font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size:16px; }
#contact-area label { float: left; text-align: right; margin-right: 15px; width: 100px; padding-top: 5px;}

.validationSummaryWrapper { color:#000; padding:10px; background:#CCC; margin: 0 20px 20px 0; font-weight:bold; }
.validationSummaryWrapper ul li { margin: 0 0 5px 0; font-weight:normal;}






/*------------------------------------------------ ADMIN ------------------------------------------------------*/


#adminMain, #jqTabs { width:100%;}
#jqTabs { margin:20px 0 10px 0;}
#jqTabs input, #jqTabs textarea { width:100%;  }
#jqTabs label { margin: 20px 0 0 0; display:block; }
#jqTabs textarea { height:300px; }




/*---------------------------------------------- TWITTER ----------------------------------------------------*/


.twtr-hd, .twtr-user, .twtr-timestamp { display:none; }
.twtr-tweet-text p, .twtr-reply, .twtr-rt, .twtr-fav { font-family:Arial; font-size:14px; padding:10px 0 0 0; display:inline-block;}




/*---------------------------------------------- GLOSSARY ----------------------------------------------------*/

#glossary td a, #glossary td span { padding:2px 0px 2px 0px;  border:1px solid #FFF; text-decoration:none; display:block; width:18px; float:left; text-align:center; margin:0 1px 0 1px; }
#glossary td a:hover { border-color:#f8a63c; color:#f8a63c; }
#glossary td span { border-color:#666; color:#666;}


/*---------------------------------------------- SOCIAL ICONS  ----------------------------------------------------*/

.social-icons {
    text-align: center;
}

.social-icons a{
    margin-right: 20px;
}

.social-icons a.no-margin{
    margin-right: 0!important;
}




/*---------------------------------------------- CHARITY ----------------------------------------------------*/

#charity a,#charity h2  { color:#262626}
#logos { text-align:center;}
#logos img { margin:0 20px 15px 0; float: left;}
#logos .kare img{margin-top: 15px;}
    #logos > a {
        display:inline-block;
        margin:0 0 0 15px;
    }


aside p.nomargin { margin:0;}

.downloadWrapper { background-color:#666; padding:25px;}
ul.download { list-style:none; padding:0; margin:0;}
ul.download li { border-bottom:1px solid #CCC;}
ul.download li a { text-decoration:none; display:block; font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; font-size:16px; text-transform:uppercase;}
ul.download li a:hover { color:#CCC;}


/*---------------------------------------------- HERITAGE ----------------------------------------------------*/

.heritage { margin:20px 0 0 0;}
.heritage ul, .heritage li { margin:0; }
.heritage .year  { font-weight:bold;  font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; font-size:22px; font-weight:normal; }
/*.heritage .white { color:#FFF; }
.heritage .black { color:#F8A63C; }
.heritage .alt { background:#333333;}*/


.heritage tr:nth-child(2n){
    background:#333333;
}

.heritage tr:nth-child(2n) td:first-child{
    color:#F8A63C;
}



/*---------------------------------------------- SITEMAP ----------------------------------------------------*/


#sitemap ul { list-style:circle }