/* Sort padding & margins out */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td { margin: 0; padding: 0; }
/* Remove list styles from lists */
ol, ul { list-style:none; }
/* Normalise font style & weight */
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
/* Set tables to have a default of nothing */
table { border-collapse:collapse; border-spacing:0; }
/* Remove border from Fieldset and images */
fieldset, img { border:0; }
/* Left align text etc... */
caption, th { text-align:left; }
/* Removes quotation marks from q */
q:before, q:after { content:''; }
/* Create a consistent font size through all browsers */
body { font-size: 76%; color:#3A3A3A; border-top:7px solid #79addc; background-image:url(/img/bg/bg-grad.jpg); background-repeat:repeat-x; background-color:#f8fcfd; }
textarea { font-family:Verdana, Arial, Helvetica, sans-serif; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, blockquote, textarea { font-size:1em; }
/*----------------*/
/* Styles for Editor in admin section  */
.syserror { display:block; width:auto; padding:4px; background-color:#FF0000; color:#FFFFFF; font-weight:bold; }
.syssuccess { display:block; width:auto; padding:4px; background-color:#009933; color:#FFFFFF; font-weight:bold; }
.clearer { clear:both; line-height:1px; font-size:1px; height:1px; }
.imgleft15 { margin:0px 15px 15px 0px; float:left; }
.imgright15 { margin:0px 0px 15px 15px; float:right; }
.imgleft20 { margin:0px 20px 20px 0px; float:left; }
.imgright20 { margin:0px 0px 20px 20px; float:right; }
.imgleftmargin15 { border:6px #FFFFFF solid; margin:0px 15px 15px 0px; float:left; }
.imgrightmargin15 { border:6px #FFFFFF solid; margin:0px 0px 15px 15px; float:right; }
.workimageleft { border:6px solid #FFFFFF; margin:10px 10px 5px 0; }
.workimageright { border:6px solid #FFFFFF; margin:10px 0 5px; }
ul { padding:5px 0px; }
li { padding:2px 0px; }
ol { padding:8px 0px 8px 20px; }
a, a:visited { text-decoration:none; color:#9b7a48; font-weight:normal; }
a:hover, a:focus { color:#9b7a48; }
p a, p a:visited { border-bottom:1px #9b7a48 solid; font-weight:bold; }
p a:hover, p a:focus { border-bottom:1px #000 solid; }
p { margin-bottom:0.6em; line-height:1.45em; }
fieldset { padding:15px; margin:10px 0px 10px 0px; border:2px #828388 solid; }
legend { padding:8px; font-weight: bold; font-size: 1em; }
acronym { border-bottom:1px #666666 dashed; }
blockquote { background-color:#FFFFFF; padding:0px; border-top:0px #D7D6D2 solid; min-height:110px; height:auto !important; height:110px; width:304px; }
blockquote p { margin:0; padding:20px 14px; color:#666; background-image:url(/img/bg/quote-top.jpg); background-position:top; }
cite { padding:20px 0 5px 50px; display:block; text-align:right; color:#78AEDD; font-style:italic; background-image:url(/img/bg/quote-bottom.jpg); background-repeat:no-repeat; background-color:white; }
cite span { color:#bb9b74; font-weight:bold; }
img { border:0; }
strong { color:#78AEDD; }
/* ----------------- used as main heading ---------------- */

h1 { font-size: 1.8em; font-weight:normal; padding:0 0 12px; }
#blogpostholder h1 { padding:0 0 10px; }
h2 { font-weight: normal; font-size: 1.5em; padding:12px 0 10px; }
h3 { font-size: 1.3em; font-weight:normal; }
h4 { font-size:1em; }
/*  -------------------- GENERIC FORM & BUTTON STYLES  -------------------- */


input[type="text"], input[type="password"], textarea { padding:0.6em; border:2px #666666 solid; color:#666666; }
.textfield { padding:0.6em; border:2px #666666 solid; color:#666666; }
input[type="text"]:focus, input[type="text"]:hover, input[type="password"]:focus, input[type="password"]:hover, textarea:hover, textarea:focus { border:2px #000000 solid; background-color:#FFFFF0; }
/*  These styles are for the form buttons  
	They are seperate as IE doesn;t like mixing the class with the CSS2 styles
*/

input.formbutton { border:2px #115525 solid; background-color:#176F31; color:#FFFFFF; cursor:pointer; padding:0.6em 1.5em; font-weight:bold; }
input[type="submit"], input[type="button"] { border:2px #115525 solid; background-color:#176F31; color:#FFFFFF; cursor:pointer; padding:0.6em 1.5em; font-weight:bold; }
input[type="submit"]:hover, input[type="button"]:hover { border:2px #000 solid; }
span.tickbox { padding:4px 0 0 0; display:block; }
.textbox { width:220px; }
/* --------------------------------------------------------------- */

.innerfive { padding:5px; }
.innerten { padding:10px; }
.innerfifteen { padding:15px; }
/* #####################  CMS SPECIFIC STYLES  ###################### */

/* Details View */
.detailsviewstyles { width:90%; }
.detailsviewstyles td { padding:3px; }
.detailsviewstyles th { padding:3px; font-weight:bold; }
.altrowdetailsviewstyles { }
/* Grid View */
.gridviewstyles { width:90%; }
.gridviewstyles td { padding:3px; }
.gridviewstyles th { padding:3px; font-weight:bold; }
.altrowgridviewstyles { }
.selectedgridviewrow { }
/* ##### SUB NAV #### */
.subnav { clear:both; background-color:#FEE7E8; padding:8px; font-size:0.9em; margin:0 0 8px 0; }
.subnav h3 { padding:0; margin:0; color:#F5464B; }
.subnav ul { }
.subnav li { display:inline; padding:2px 8px; }
/*  BLOG THINGS ####################  */

.blogsnippets { padding:18px 0px 18px 0px; border-bottom:3px #CCC solid; }
.blogsnippets h2 { font-size:1.6em; color:#00529B; }
.blogsnippets h2 a, .blogsnippets h2 a:visited { color:#00529B; text-decoration:none; }
.blogsnippets h2 a:hover { text-decoration:underline; }
.blogsnippets img { float:left; margin:0px 15px 15px 0px; }
.blogsnippets p { }
.postdetails { display:block; font-size:0.8em; padding:2px 0px 4px; }
.categorisedin { display:block; text-align:right; font-size:0.9em; padding:6px 0px 0px 0px; }
.loggedintext { display:block; padding:15px 0px 15px 0px; }
.mceContentBody ul, #blogpostholder ul { padding:8px 0px 8px 15px !Important; list-style-position:outside !Important; list-style-type:disc !Important; }
#singlelisting { padding:30px; }
.postdetails { font-size:0.9em; color:#999999; }
#commentsholder { padding:10px 0px; clear:both; }
#leavecomment { }
#leavecomment ul { }
#leavecomment li { padding:3px 0px; }
#leavecomment li label { display:block; }
.comments_ind, .comments_ind_admin { padding:10px; border-bottom:1px #CCCCCC solid; margin:4px 0; }
.comments_ind_admin { background-color:#EBEEE7; }
.comments_ind h4, .comments_ind_admin h4 { padding:2px 0px; }
span.postDate { display:block; font-size:0.9em; color:#999999; padding:0px 0px 10px 0px; }
.categorisedin { color:#999; font-weight:bold; text-align:right; font-size:0.9em; }
.blogthumb { border:1px #BC0176 solid; }
#blogcatpager { padding:12px 0px; font-weight:bold; font-size:0.9em; text-align:right; }
#blognavigationholder { font-size:1.1em; padding:0 0 15px 0; float:right; width:200px; margin:0 0 15px 20px; padding:12px; background-color:#FEE7E8; }
#blognavigationholder li { padding:4px 0 !Important; }
#blognavigationholder li a, #blognavigation li a:visited { display:block; padding:7px; }
#blognavigationholder li a:hover { background-color:#ffffff; }
/* ################  FORMS ############### */
.myforms { width:100%; padding:0 !Important; }
.myforms li { width:100%; clear:both; float:left; padding:10px 0px; list-style:none !Important; }
.myforms label { display: inline-block; line-height: 1.5em; vertical-align: top; float:left; width: 18em; /* Width of labels */ padding:0px 5px 0px 0px; }
.myforms label span { display: block; font-size:0.9em; }
.myforms em { font-weight: bold; font-style: normal; color: #f00; }
.myforms .mysubmit { margin: 0px 0px 0px 0em; /* This line can be used the button with the inputs */ }
/* ####################################### */


/* External Content Plugin */

.externalcontent { display:block; width:100%; padding:12px 0; }
/* ####################################################################################################################################### */
/* ####################################################################################################################################### */
/* ------------------------------------------- START SITE SPECIFIC STYLES ---------------------------------------------------------------- */
/* ####################################################################################################################################### */
/* ####################################################################################################################################### */


/* Create a consistent font size through all browsers */
body { color:#333; font-family:"Tahoma", Arial, Helvetica, sans-serif; }
h1 { font-size: 1.9em; font-weight:normal; clear:both; padding:0 0 12px 0; color:#00529b; font-family:"Georgia", Tahoma, Arial, Helvetica, sans-serif; font-style:italic; }
#blogpostholder h1 { padding:20px 0 10px; font-size: 1.8em; }
h2 { font-weight: normal; font-size: 1.7em; color:#762123; clear:both; padding:10px 0 8px; color:#00529b; font-family:"Georgia", Tahoma, Arial, Helvetica, sans-serif; font-style:italic; }
#blogpostholder h2 { padding:32px 0 8px; }
h1 span, h2 span { color:#762123; }
h3 { font-size: 1.4em; font-weight:normal; color:#000; padding:0 0 12px 0; font-family:"Georgia", Tahoma, Arial, Helvetica, sans-serif; font-style:italic; }
h4 { font-size:1.9em; color:#bbc4ca; font-weight:normal; font-family:"Georgia", Tahoma, Arial, Helvetica, sans-serif; font-style:italic; }
/*  -------------------- GENERIC FORM & BUTTON STYLES  -------------------- */


input[type="text"], input[type="password"], textarea { padding:0.6em; border:2px #666666 solid; color:#666666; }
.textfield { padding:0.6em; border:2px #666666 solid; color:#666666; }
input[type="text"]:focus, input[type="text"]:hover, input[type="password"]:focus, input[type="password"]:hover, textarea:hover, textarea:focus { border:2px #000000 solid; background-color:#FFFFF0; }
/*  These styles are for the form buttons  
	They are seperate as IE doesn;t like mixing the class with the CSS2 styles
*/

input.formbutton { border:2px #68686A solid; background-color:#878789; background-image:url(/img/nav/bg.jpg); background-position:center bottom; background-repeat:repeat-x; color:#FFFFFF; cursor:pointer; padding:0.6em 1.5em; }
input[type="submit"], input[type="button"] { border:2px #68686A solid; background-color:#878789; background-image:url(/img/nav/bg.jpg); background-position:center bottom; background-repeat:repeat-x; color:#FFFFFF; cursor:pointer; padding:0.6em 1.5em; }
input[type="submit"]:hover, input[type="button"]:hover { border:2px #000 solid; }
/* --------------------------------------------------------------- */

.innerfive { padding:5px; }
.innerten { padding:10px; }
.innerfifteen { padding:15px; }
/*  ############################  END GENERIC STUFF  ############################  */
/*  #############################################################################  */

#frame { width:960px; margin:0 auto; border:1px solid #cccccc; border-top:1px solid white; background-color:#ffffff; padding-left:10px; padding-right:10px; }
/*  ############################  END FRAMES  ############################  */
/*  #############################################################################  */

#header { height:85px; position:relative; margin:15px 0 0 0; border-bottom:1px #78AEDD solid; }
.logo { position:absolute; left:0; top:10px; width:auto; }
/*  ############################  END HEADER ITEMS ############################  */
/*  #############################################################################  */

#mainnav { position:absolute; width:600px; top:15px; right:0; text-align:right; }
#mainnav ul { }
#mainnav li { display:inline; }
#mainnav li a, #mainnav li a:visited { font-size:1.3em; color:#78AEDD; float:left; display:block; line-height:44px; height:44px; width:auto; margin:0 5px 0 0; }
#mainnav li a strong { display:block; line-height:44px; height:44px; padding:0 14px; font-weight:normal; position:relative; cursor:pointer; }
#mainnav li a strong span { position:absolute; }
#mainnav li a:hover { background-image:url(/img/nav/navleftside.jpg); background-position:left; background-repeat:no-repeat; }
#mainnav li a:hover strong { display:block; line-height:44px; height:44px; background-image:url(/img/nav/navrightside.jpg); background-position:right; background-repeat:no-repeat; position:relative; }
#mainnav li a:hover strong span { display:block; position:absolute; left:47%; bottom:-20px; width:12px; height:12px; background-image:url(/img/nav/arrow.jpg); }
.endnav { }
/*  ############################  END MAIN NAV  ############################  */
/*  #############################################################################  */

#headerimage { text-align:center; }
#toptext p { line-height:1.3em; font-size:1.1em; padding:15px 0; margin:0 0 0 0; color:#444444; }
#toptext strong { color:#78AEDD; font-weight:normal; }
#content { padding:7px 0 15px; }
.contentleft { width:280px; float:left; clear:left; }
.contentright { width:635px; float:right; clear:right; font-size:1.1em; padding:15px 0; }
.fulldivider { background-image:url(/img/long-divider.jpg); background-position:center center; background-repeat:no-repeat; height:40px; clear:both; }
#bottombox { border:1px #EEEDE9 solid; border-bottom:1px #D6D7D2 solid; background-image:url(/img/bg/bottomboxbg.jpg); background-position:bottom left; background-repeat:repeat-x; padding:15px; color:#85929C; }
#bottombox p { line-height:1.6em; }
#bottombox p span { color:#ccb181; }
#footer { clear:both; background-color:#78AEDD; color:#6DB4ED; font-size:1.1em; min-height:35px; height:auto !important; height:35px; }
#footerinner { width:940px; margin:0 auto; color:#fff; padding-top:5px; padding-left:10px; padding-right:10px; }
#footer ul { float:left; width:500px; }
#footer li { display:inline; }
#footer li a, #footer li a:visited { color:#fff; }
#footer li a:hover { text-decoration:underline; }
#poweredby { }
/*  ############################  END FOOTER  ############################  */
/*  #############################################################################  */

/* Latest News List */

#latestnews { border-top:3px #D7D6D3 double; }
#latestnews li { border-bottom:1px #D7D6D3 solid; }
#latestnews li a, #latestnews li a:visited { display:block; padding:10px 0; }
#latestnews li a:hover { background-color:#F4EED5; }
#ourwork { border-top:1px #D7D6D3 solid; }
ul#ourwork { padding:0px; margin:0px; }
#ourwork li { border-bottom:1px #D7D6D3 solid; }
#ourwork li a, #ourwork li a:visited { display:block; padding:10px 0 10px 30px; background-image:url(/img/ourworkarrow.jpg); background-position:left center; background-repeat:no-repeat; }
#ourwork li a:hover { background-color:#cbe6f9; background-image:none; }
.contentleft h2 { background-image:url(/img/our-work-header.jpg); color:#ffffff; padding-top:7px; padding-left:8px; }
/* Contact */

#contactleft { float:left; width:500px; }
#contactright { float:right; width:280px; height:400px; border:4px #666 solid; }
.mainpagecontent { padding:25px 0 25px 0; min-height:500px; height:auto !important; height:500px; }
.mainpagecontent ul { padding:3px 0 3px 20px; }
.mainpagecontent li { list-style:disc; list-style:inside; }
#map { height:230px !Important; clear:both !Important; position:relative !Important; border:3px #999 solid; margin:0 0 15px 0; }
#ourwork .menuitem .submenu { background-color:#FFFFFF; margin-bottom:-3px; }
#ourwork .menuitem .submenu a, #ourwork .menuitem .submenu a:visited { color:#a49f8f; background-image:url(/img/ourworkarrowsubmenu.jpg); padding-left:45px; }
#ourwork .menuitem .submenu a:hover { background-image:none; }
#siteby { float:right; text-align:right; color:#3384CC; padding:0 0 0 0; margin-top:4px; }
#siteby a { color:#3384CC; }
#sustain, #enviromental, #healthsafety, #quality { margin:10px 0 0 0; height:155px; width:280px; color:#FFFFFF; display:block; font-size:1.15em; }
#sustain span, #enviromental span, #healthsafety span, #quality span { padding:134px 10px 0 10px; display:block; text-align:left; }
#sustain { background-image:url(/img/sustainability-box.jpg); background-position:left top; background-repeat:no-repeat; }
#enviromental { background-image:url(/img/enviromental-box.jpg); background-position:left top; background-repeat:no-repeat; }
#healthsafety { background-image:url(/img/healthsafety-box.jpg); background-position:left top; background-repeat:no-repeat; }
#quality { background-image:url(/img/quality.jpg); background-position:left top; background-repeat:no-repeat; }
a#sustain, a#enviromental, a#healthsafety, a#quality {border:0;}
a#sustain:hover, a#enviromental:hover, a#healthsafety:hover, a#quality:hover { background-position:right top; text-decoration:none; border:0;}

#homepagequotes { padding:20px 0 0 0; width:304px; float:left; }
#latest-news { width:48%; float:right; padding-top:20px; }
#latest-news ul { border-top:1px dotted #cccccc; }
#latest-news h5 { margin-bottom:6px; }
#latest-news h5 a { font-weight:bold; border-bottom:1px solid #9B7A48; }
a.readmore { color:#78AEDD; background-image:url(/img/read-more-icon.gif); background-repeat:no-repeat; padding-left:10px; background-position:left center; }
#latest-news h5 a:hover { font-weight:bold; border-bottom:1px solid #000000; }
#latest-news li { background-color:white; border-bottom:1px dotted #cccccc; margin-bottom:5px; padding-bottom:5px; }
#latest-news p { margin-bottom:0.4em; }
#full-quote blockquote { width:304px; }
#full-quote blockquote p { background-image:url(/img/full-quote-top.jpg); background-position:center top; background-repeat:no-repeat; width:608px; }
#full-quote cite { background-image:url(/img/full-quote-bottom.jpg); padding-right:10px; width:575px; }
#pp { width:50px; height:46px; float:right; padding:15px 0 0 0; }
#mainside { padding:20px 0 20px 0; }



/* ####################################################################################################################################### */
/* ####################################################################################################################################### */