/* ### Oi Oi! Having a look around are you? ### */
body {font-size: 76%; color:#000; font-family:"Helvetica", "Tahoma", Arial, Helvetica, sans-serif; background-color:#878f58;}

/* ---- Lees Clearer ---- */
.clearer {clear:both; line-height:1px; height:1px; font-size:1px;}


/* ---- Generic Link Styles ---- */
a, a:visited {color:#868F58; text-decoration:underline;}
a:hover, a:focus {color:#868F58; text-decoration:none;}
/*Green Blocked Link*/
a.greenblock, a.greenblock:visited {display:block; padding:6px; text-align:center; background-color:#666e44; color:#FFFFFF; text-decoration:none;}
a.greenblock:hover {background-color:#676e45;}

/* ---- Generic Heading Styles ---- */
h1 {font-size:1.6em; margin-bottom:13px; color:#868f58; border-bottom:1px #CCCCCC solid; padding:0 0 5px 0;}
h2 {font-size:1.2em; margin-bottom:13px; color:#868f58; border-bottom:1px #CCCCCC solid; padding:0 0 5px 0;}
h3 {font-size:1.3em; margin-bottom:8px;}
h4 {font-size:1.2em; margin-bottom:8px;}
h5 {font-size:1.1em; margin-bottom:8px;}


/* ---- Paragraph Styles ---- */
p {line-height:19px; margin-bottom:13px;}


/* ---- General classes ---- */
.orange{color:#DC5A15;}
.grey {color:#CCCCCC;}
.left {float:left; width:49%;}
.right {float:right; width:49%;}
.imgright {float:right; margin:0 0 5px 15px;}
.imgleft {float:left; margin:0 15px 5px 0;}


/* ---- Generic Form Styles ---- */
.inlineform {}
.inlineform li {display:inline;}
.normalform {width:100%; padding:0 !Important;}
.normalform li {width:100%; clear:both; float:left; padding:10px 0px; list-style:none !Important;}
.normalform label {display: inline-block; line-height: 1.5em; vertical-align: top; float:left; width: 18em; padding:0px 5px 0px 0px;}
.normalform label span {display: block; font-size:0.9em;}
.normalform em {font-weight: bold; font-style: normal; color: #f00;}
.forminput {width:220px}
.formselect {width:220px}
.forminputdate {width:190px;}


/* --------- FRAME HOLDER --------- */
#frame {width:820px; margin:auto; background-color:white; padding:15px 60px;}


/* --------- TOP SECTION --------- */
#top-section {position:relative; height:62px;}
.logo {}
.telephone {position:absolute; top:0; right:0; font-size:2em; color:#666e44;}

#stay-up-to-date{float:left; width:175px; border-right:1px solid #989898;}
#contact{float:right; width:180px;}

#stay-up-to-date a, #contact a{ color:#848c63; text-decoration:none;}
#stay-up-to-date a:hover, #contact a:hover{ color:#848c63; text-decoration:underline;}
#stay-up-to-date span, #contact span{ color:#848c63; }

#stay-up-to-date p, #contact p{ margin-bottom:5px; }

#logo-holder{float:left; width:400px;}
#header-links-holder{float:right; width:385px;}


/* --------- NAVI STYLES--------- */
#navigation {padding-top:12px;}
#navi {clear:both; width:565px; float:left;}
#navi li {float:left; line-height:41px; background-image:url(/img/navdivider.jpg); background-position:right center; background-repeat:no-repeat; margin-right:10px;}
#navi li a {display:block; padding-right:10px; font-size:1.2em; text-decoration:none; color:#868F58; }
#navi li a:hover { text-decoration:underline; color:#868F58;}
* html #navi li a {width: 1%;}
#navi li a.no-border {}
#navi li a.no-border:hover {}
.subscribe {display:block; float:right; width:153px; padding:11px 0 0 0;}

/*--- TOP SLIDER ---*/
#slider {padding:15px 0;}
#slider ul {list-style:none; margin:0; padding:0; width:820px;}
#slider ul li {float: left; display:block; overflow:hidden; height:251px; width: 29px;}
#slider li#a1 {width: 733px;}
#slider ul li img {position: absolute;}
#slider ul li p {margin:0 0 10px 40px; padding:0; display:block;}
#slider ul li a {color:#FFFFFF; background-image:url(/media/1759/slider-arrow.png); padding-left:20px; background-repeat:no-repeat; background-position:left center; font-size:14px; text-decoration:none;}
#slider ul li a:hover{text-decoration:underline;}

.sliderinner {height:251px; display:block;}
.slidertextholder {display:block; width:250px; background-image:url(/img/topslider/trans.png); color:#FFFFFF; height:221px; padding:15px;}

/* --------- CONTENT STYLES --------- */
#content {}
#content ol, #content ul {margin:5px 0 15px 10px;}
#content ul li {list-style:none; list-style-position:outside; background-image:url(/media/1764/content-list.png); background-position:left center; padding:4px 0 4px 15px; background-repeat:no-repeat;} 
#content ol li {list-style:decimal; list-style-position:inside;}
#contentmain {float:left; width:542px;}
#contentsidebar {float:right; width:241px; padding-top:5px;}
#innercontentholder {min-height:400px; height:auto !important; height:400px;}
  
  
  
/* ---------GALLERY GRID--------- */
.galleryGrid {}
.galleryGrid .item {width:268px; margin:0 0 15px 20px;}
.galleryGrid .item.first {margin-left:0;}
.galleryGrid .item a {background:url(/img/arrow_right.gif) no-repeat center right; padding:0 7px 0 0;}
.galleryGrid .item img {display:block;}
.galleryGrid .item span {display:block;}

.photoGrid {width:100%;}
.photoGrid .item {width:195px; margin:0 0 15px 20px;}
.photoGrid .item.first {margin-left:0;}
.photoGrid .item a {background:url(/img/arrow_right.gif) no-repeat center right; padding:0 7px 0 0;}
.photoGrid .item img {display:block;}
.photoGrid .item span {display:block;}

.photo {}
.photo .pager {display:block; margin:0 0 10px 0;}
.photo a.prev {background:url(/img/arrow_left.gif) no-repeat center left; padding:0 0 0 7px;}
.photo a.next {background:url(/img/arrow_right.gif) no-repeat center right; padding:0 7px 0 0;}
.photo .item {position:relative; overflow:hidden;}
.photo .item span {display:none; position:absolute; left:0; bottom:0; background:url(/img/white_60_bg.png) repeat top left; color:#000; width:100%; padding:10px 5px 10px 5px;}


/* ---------NEWS / EVENTS--------- */
.newsList {margin:15px 0 0 0;}
.newsList div {width:49%; margin:0 0 0 14px; display:inline;}
.newsList div.first {margin-left:0;}
.newsList div span {font-weight:bold;}
/* CSS if sIFR not enabled START */
.newsList div h4 {line-height:1em; padding-top:5px;}
.newsList div h4 a {font-weight:bold; color:#868F58;}
.newsList div h4 a:hover {}
/* CSS if sIFR not enabled END */       
.newsItem img {margin:0 0 15px 0;}
#parentpagenav {padding:6px; width:250px; color:#fff; background-color:#333; font-weight:bold; text-align:centre; margin:0 0 15px 0;}
#parentpagenav a, #parentpagenav a:hover {display:block; color:#fff; font-weight:bold; text-decoration:none;}

/* ---------FOOTER STYLES--------- */
#footer {margin:15px 0 0 0; padding:12px 0; clear:both; color:#FFFFFF; font-size:0.9em; margin:10px auto; width:940px;}
#footer-inner {}
#footer-left {float:left; width:49%;}
#footer-right {float:right; width:49%; text-align:right;}
#footer-left li {display:inline; padding:0 5px; border-right:1px #FFFFFF solid;}
#footer-left li a{color:white; text-decoration:none;}
#footer-left li a:hover{color:white; text-decoration:underline;}

/*--- HOME PAGE ---*/
#maintext {}
#accreds {padding:10px 0; border-top:1px #CCCCCC solid; margin-top:10px; clear:both;}

/*--- PROJECTS SNIPPETS ---*/
#featuredproject {padding-top:15px; border-top:1px #CCCCCC solid;}
#featuredproject h4 {color:#868F58;}
.featprojimg {width:210px; float:left;}
.projimg {}
.featprojsnippet {width:325px; float:right;}
.projsnippet {}

/*-- Projects Pages --*/
#projectimages {float:left; width:484px;}
#projectimages img {border:4px #a4b16c solid;}
#projectfeatimg {padding:0 0 15px 0;}
#projectimgtwo {float:left;}
#projectimgthree {float:left; padding:0 10px;}
#projectimgfour {float:left;}
#projectnav {clear:both; padding:10px 0 0 0;}
#projectnav ul {margin:0;}
#projectnav .previous {display:block; float:left; width:35%;}
#projectnav .next {display:block; float:right; width:35%; text-align:center; background-image:none;}
#projectnav .previous {background-image:none; padding-left:0px;}
#projectnav a, #projectnav a:visited {padding:5px 10px; background-color:#848c59; color:#FFFFFF; text-decoration:none;}
#projectnav a:hover {background-color:#676e45;}
#projecttext {float:right; width:317px;}
#projecttext h4 {font-weight:normal; color:#848c59;}
#projectkeyfeatures {margin:0 !important; padding:15px 0; clear:both; float:left; width:100%;}
#projectkeyfeatures li {display:block; list-style:none; margin:0; float:left; line-height:25px; width:45%; padding:0 0 0 11px; background-image:url(/img/projects/arrows.jpg); background-position:left center; background-repeat:no-repeat;}
/*Project Snippet*/
.projectsnippethp {clear:both; padding:5px 0;}
.projectsnippetimage {float:left; width:85px;}
.projectsnippettitle {float:right; width:150px; padding:5px 0 0 0;}
.projectsnippettitle h5 {font-size:15px;}

.left-project{float:left; width:261px; padding-bottom:0px;}
.right-project{float:right; width:261px; padding-bottom:0px;}
.left-project img, .right-project img{border:2px solid #545c37;}
.left-project a, .right-project a{text-decoration:none;}
.left-project a:hover, .right-project a:hover{text-decoration:underline;}
.left-project p, .right-project p{font-size:14px; font-weight:bold;}

#projectsections {}
.projectsectionthumb img {border:2px #a4b16c solid;}
.projectsectionthumb a p, .projectsectionthumb a:visited p {color:#000000; font-size:1.1em;}
.projectsectionthumb a:hover p {color:#868F58;}

#projectslist {}
.indproject {clear:both; padding:0 0 11px 0; margin:11px 0 0 0;}
.indprojectimage {float:left; width:204px;}
.indprojectimage img {border:2px solid #A4B16C;}
.indprojecttitle {float:right; width:320px;}
.indprojecttitle h2 {font-size:1.2em; border-bottom:1px #CCCCCC dotted;}


/*--- Text pages ---*/
#sidenavigation {clear:both; padding:0 0 18px 0;}
#sidenavigation h3 {display:block; padding:10px; background-color:#878e58; color:#FFFFFF; font-weight:normal; font-size:1.4em; margin:0;}
#sidenavigation ul {margin:0; padding:0;}
div#sidenavigation ul li {background-color:#ededed; border-bottom:1px #CCC solid; padding:10px; background-image:none !important; }
#sidenavigation li a, #sidenavigation li a:visited {background-image:url(/media/1764/content-list.png); background-repeat:no-repeat; padding-left:20px; background-position:left center; text-decoration:none;}
#sidenavigation li a:hover {text-decoration:underline;}
.photoGrid img{border:1px solid #868F58; float:left; margin-bottom:10px;}
.middle-photo{margin-left:10px; margin-right:10px;}

/* --- Header Image --- */

#headerimage {height:266px; position:relative; color:#FFFFFF; font-size:1.1em; padding:0 0 12px 0; clear:both; background-repeat:no-repeat;}
#headertextholder {width:554px; position:absolute; left:0; bottom:22px; height:80px; background-image:url(/img/transbg.png); z-index:10;}
#headerimageheading {position:absolute; left:12px; bottom:50px; font-size:140%; z-index:50;}
#headerimagesubheading {position:absolute; left:12px; bottom:25px; z-index:50;}

/*------------Sid Links-------------------*/

.side-link{background-color:#868F58; width:241px; height:20px; text-align:center;}
a.side-link{color:white; display:block; padding-top:5px; text-decoration:none;}
#proj-link{padding-top:8px; padding-bottom:20px;}

/*--- Skills Page ---*/
ul.skillslist {}
ul.skillslist li {font-size:1.4em; padding:5px 0;}
ul.skillslist li p {font-size:65%; margin:0; padding:3px 0;}

/* --- Blog / News Styles --- */
.blogsnippethp {}
.blogsnippethp h5 {}
.blogsnippethp p {font-size:0.9em;}
.blogsnippethp .readmore {}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */