/* reset */
/* ----------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.35; padding : 0px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
html { height : 100.2%; }




/* general */
/* ----------------------------------------------------- */

body { font-family: Arial, Helvetica, sans-serif; color: #666; background: #fff url(../_images/design/body-bg.png) repeat-x; }

@font-face { font-family: Nevis; src: url(‘nevis.ttf’); }

	.floatLeft { float: left; }
	.floatRight { float: right; }
	.alignLeft { text-align: left; }
	.alignRight { text-align: right; }
	.alignCenter { text-align: center; }
	.hide { display: none; }

	h1 { font-size: 20px; font-weight: bold; padding: 20px 0 10px 0; color: #008E83; font-family: Nevis, Arial, Helvetica, sans-serif; }
	h2 { font-size: 16px; font-weight: bold; padding: 20px 0 10px 0; color: #5DB6B0; font-family: Nevis, Arial, Helvetica, sans-serif; }
	h3 { font-size: 14px; font-weight: bold; padding: 20px 0 10px 0; color: #333; font-family: Nevis, Arial, Helvetica, sans-serif; }
	
	p { font-size: 13px; line-height: 160%; padding-bottom: 15px; }
	p.intro { font-weight: bold; }

	a { color: #008E83; text-decoration: underline; outline: none; }
	a:hover { text-decoration: none; }
	
	ul, ol { font-size: 13px; }
	



/* form elements */
/* ----------------------------------------------------- */

.elementWrap { float: left; padding: 10px 0 20px 0; }
.buttonAlign { text-align: right; }
.buttonOther { float: left; }
.lineWrap { float: left; padding: 0 0 20px 0; }

label { margin: 0 0 6px 3px; display: block; font-weight: bold; font-size: 11px; }
	label span { color: #666; font-weight: normal; padding: 0 0 0 10px; }
input.textbox { padding: 6px 4px; color: #333; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 13px; border: 1px solid #ccc; border-top: 1px solid #999; border-left: 1px solid #999;  -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
input.button { background: #008E83; color: #fff; border: 1px solid #333; font-size: 11px; font-weight: bold; padding: 3px 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
input.checkbox { float: left; width: 20px; }
select { padding: 2px; color: #333; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 13px; border: 1px solid #ccc; border-top: 1px solid #999; border-left: 1px solid #999; }
textarea { padding: 6px 4px; color: #333; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 13px; border: 1px solid #ccc; border-top: 1px solid #999; border-left: 1px solid #999;  -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }

input.error, textarea.error, select.error { border: 2px solid #cc0000; }




/* header, content & footer */
/* ----------------------------------------------------- */

#headerWrap { background: url(/_images/design/header-bg.png) repeat-x; height: 121px; overflow: hidden; }
	#logo { padding: 26px 0 0 0; }
	#nav { padding: 56px 0 0 0; }
		#nav ul { list-style: none; float: right; }
		#nav li { float: left; padding: 0 7px; }
		#nav a { color: #999; font-size: 12px; text-decoration: none; padding: 4px 8px; font-weight: bold; }
			#nav a:hover { color: #008E83; }
			#nav li.on a { color: #fff; background: #008E83 url(/_images/design/side-box-green-bg.png) repeat-x center bottom; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }

#primaryWrap { }
	#primary { padding-bottom: 30px; }
		#homeIntro p { line-height: 175%; }
		a.button { float: left; background: url(/_images/design/button-bg.png) no-repeat center top; height: 23px; width: 150px; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 8px 0 0 0;  }
		a.firstButton { margin-left: -10px; }
		a.secondButton { margin-left: 10px; }
		
		#homeSlider { margin-top: 25px; }

		#homeSlide { overflow: hidden; height: 278px; background: #ededed;  }
			.slideWrap { }
			.slideDesc { position: absolute; z-index: 102; margin: 240px 5px 0; background: #fff; filter: alpha(opacity = 75); background: rgba(255, 255, 255, 0.75); display: block; width: 595px; padding: 10px 5px 8px 10px; font-size: 12px; border-top: 1px solid #fff; color: #333; font-weight: bold; }
			#slideNumber { position: absolute; z-index: 103; margin: 265px 820px 0; display: block; width: 120px; padding: 11px 5px 8px; font-size: 12px; color: #333; font-weight: bold; }
				#slideNumber a { padding: 2px 5px; background: #fff; border: 1px solid #999; margin: 0 2px; color: #008E83; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
				#slideNumber a.activeSlide { background: #008E83; border: 1px solid #fff; color: #fff; }
			.slidePic img { padding: 4px; border: 1px solid #ccc; }
		.innerPhoto { padding: 4px; border: 1px solid #ccc; height: 270px; margin-bottom: 20px; }
		
		#portfolioTOC { list-style: none; margin-bottom: 20px; font-size: 13px; overflow: hidden; }
			#portfolioTOC li { padding: 10px 0 10px 10px; float: left; width: 300px; }
			#portfolioTOC a { color: #666; background: #ededed; text-decoration: none; padding: 3px 8px; width: 284px; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
				#portfolioTOC a:hover { background: #008E83; color: #fff; }
			
		.portfolioWrap { overflow: hidden; margin-top: 80px; }
			.portfolioClient { background: #ededed; padding: 4px 8px; margin: 0 0 30px 0; font-weight: bold; font-family: Nevis, Arial, Helvetica, sans-serif; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
			.portfolioPhotos { width: 610px; float: left; }
				.portfolioLarge { border: 1px solid #ccc; background: #ededed; width: 600px; height: 400px; padding: 4px; overflow: hidden; text-align: center; }
				.portfolioLarge img { padding: 4px; }
				.portfolioThumbs { }
					.portfolioThumbs ul { list-style: none; text-align: center; padding: 10px 0 0 0; }
					.portfolioThumbs li { padding: 3px; display: inline; }
					.portfolioThumbs li img { padding: 3px; border: 1px solid #ccc; height: 67px; margin: 5px 0; }
			.portfolioDetails { float: left; width: 300px; padding: 0 10px 0 20px; }
				.portfolioDetails h3 { font-size: 13px; font-weight: bold; color: #008E83; border-bottom: 1px solid #ededed; padding: 10px 0 5px 0; margin-bottom: 5px;}
				.portfolioDetails p { font-size: 12px; }
				.portfolioDetails ul { font-size: 12px; padding: 0 0 15px 20px; }
				.portfolioTestimonial { padding: 20px; background: #ededed; font-size: 15px; line-height: 170%; float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
					.testimonialQuote { padding-bottom: 10px; }
			#projectList { font-size: 12px; margin-bottom: 80px; }
				#projectList .col1 { width: 220px; }
				#projectList .col2 { width: 160px; }
				#projectList .col3 { width: 420px; }
				#projectList .col4 { width: 100px; }
				#projectList tr { height: 34px; background: #f4f4f4; border-top: 1px solid #fff; }
					#projectList tr.alt { background: #fff; }
					#projectList tr.total td { background: #fff; font-weight: bold; color: #cc0000; }
					#projectList tr.hover { background: #ffffcc; }
				#projectList th { font-weight: bold; color: #008E83; background: #fff; font-size: 13px; padding: 0 5px; }
				#projectList td { padding: 0 5px; }
				#projectList .pence { color: #b3b3b3; }
				
		.list, .list ul  { padding: 5px 0 20px 30px; }
			.list li { padding: 5px 0 5px 10px; }
		
		ol.legal, ul.sitemap { padding: 5px 0 5px 30px; line-height: 175%; }
			ol.legal ul, ul.sitemap ul { padding: 5px 0 5px 30px; }
		 	ol.legal li, ul.sitemap li { padding: 5px 0 5px 10px; }
		
		.contactWrap { width: 305px; float: left; }	
		
		.testimonialWrap { padding-bottom: 30px; }
			.testimonialName { font-weight: bold; font-size: 11px; font-style: italic; }
			.testimonialCompany { font-weight: bold; font-size: 11px; font-style: italic; color: #999; }
			
		.messageError { border: 2px solid #cc0000; background: #ededed; width: 596px; padding: 10px; margin: 5px 0 30px; color: #cc0000; font-weight: bold; }
		.messageSuccess { border: 2px solid #008D83; background: #ededed; width: 596px; padding: 10px; margin: 5px 0 30px; color: #008D83; font-weight: bold; }
		

#secondaryWrap { border-top: 1px solid #ccc; background: #ededed; }
	#secondary { padding-bottom: 30px; }
		#secondary h2 { text-align: center; }
		#secondary p { padding: 10px 15px; font-size: 12px; }
		#panelWrap { border-bottom: 1px solid #e3e3e3; overflow: hidden; padding-bottom: 10px; }
		#componentServices { background: #fff; color: #666; text-align: center; margin-top: 30px; font-weight: bold; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
			#componentHeading { font-size: 17px; background: #008D83 url(/_images/design/side-box-green-bg.png) repeat-x center bottom; margin: 5px 5px 15px; padding: 5px 0; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
			#componentFooter { font-size: 13px; color: #999; padding: 15px 0;}
			.componentList { background: #ededed; font-size: 20px; color: #008D83; font-size: 15px; width: 225px; float: left; text-align: center; padding: 4px 0; margin: 0 5px; font-family: Nevis, Arial, Helvetica, sans-serif; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
			.componentList a { color: #008D83; text-decoration: none; font-weight: bold; }


#sideBar { padding: 62px 0 0 0; }
	.sideBoxGreen { background: #249083 url(/_images/design/side-box-green-bg.png) repeat-x; padding: 15px; font-size: 14px; color: #fff; text-align: center; margin-bottom: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
		.sideBoxGreen a { color: #fff; text-decoration: none; }
		.sideBoxGreen a { text-decoration: underline; }
	.sideBoxGrey { background: #ededed; padding: 15px; color: #666; font-style: italic; text-align: center; margin-bottom: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
		.sideBoxGrey .quote { font-size: 15px; display: block; margin-bottom: 5px; }
		.sideBoxGrey .name { font-size: 11px; display: block; color: #333; font-weight: bold; }
	#sideEnquiryWrap { background: #ededed; border: 1px solid #d8d8d8; padding: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
		#sideEnquiryWrap h4 { background: #249083 url(/_images/design/side-box-green-bg.png) repeat-x center bottom; border: 2px solid #fff; padding: 5px 6px; margin-bottom: 12px; color: #fff; font-weight: bold; font-family: Nevis, Arial, Helvetica, sans-serif; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
		#sideEnquiryWrap .lineWrap { padding-left: 9px; }
		#sideEnquiryWrap #emailWrap { padding-left: 10px; }
		#realname { visibility: hidden; display: none; }

#greenBar { background: #008e83; height: 5px; border-bottom: 2px solid #fff; }


#homeFooterWrap { background: #282828; }
	#homeFooterWrap h4 { color: #fff; font-size: 16px; font-weight: bold; border-bottom: 1px solid #666; padding: 20px 0 10px 0; margin-bottom: 15px; font-family: Nevis, Arial, Helvetica, sans-serif; }
	#homeFooterWrap p img { padding: 5px; background: #fff; }
	#homeFooterWrap p img.floatLeft { margin: 1px 10px 10px 0; }
	#homeFooterWrap p img.floatRight { margin: 1px 0 10px 10px; }
	#homeFooterWrap p a { text-decoration: none; color: #999; }
	#homeFooterWrap p a:hover { text-decoration: underline; }
	
	#contactInfo { border-top: 1px solid #333; font-size: 11px; color: #666; padding: 15px 0; margin-top: 30px; }
		#contactInfo a { color: #666; text-decoration: none; }
		#contactInfo a:hover { color: #999; text-decoration: none; }
		
	#homeFooterWrap #emailWrap { margin-left: 10px; }
		#homeFooterWrap input.textbox, #homeFooterWrap textarea { border: 1px solid #999; }
		#homeFooterWrap input.button { color: #fff; border: 1px solid #fff; }


#footerWrap { background: #1b1b1b; border-top: 1px solid #333; padding: 15px 0; color: #666; font-size: 11px; }
	#footerWrap a { color: #666; text-decoration: none; }
	#footerWrap a:hover { color: #999; text-decoration: none; }
	#footerRight ul { list-style: none; float: right; font-size: 11px; }
		#footerRight li { float: left; }
		#footerRight a { padding: 0 7px; }






/* widths and heights */
/* ----------------------------------------------------- */

.w50 { width: 50px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w125 { width: 125px; }
.w130 { width: 130px; }
.w135 { width: 135px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w350 { width: 350px; }
.w360 { width: 360px; }
.w370 { width: 370px; }
.w380 { width: 380px; }
.w390 { width: 390px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.w740 { width: 740px; }
.w750 { width: 750px; }
.w760 { width: 760px; }

.h100 { height: 100px; }