@charset "utf-8";
/* CSS Document */
html,body{
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#324833;
	background-color: #e0e0e0;
	background-image: url(../img/bg-body.jpg);
	background-repeat: repeat;
	background-position: center top;
}
img{border:0;}
a, a:hover{text-decoration:none;}
h1,h2,h3,h4,h5 {padding:0px;margin:0;line-height:16px;color:#000;}
p {line-height:16px;padding:0px;margin:0px;}
.clear{clear:both;font-size:0;line-height:0px;}
ul,ol,li {line-height:16px;margin:0px;padding:0px;list-style:none;}
form {padding:0px !important;margin:0px !important;}
hr {font-size:0px;line-height:0px;padding:0px;margin:20px 0px 20px 0px;height:1px;background:#d4d4d4;border:0px;color:#d4d4d3;}
blockquote {background:url(../img/blockquote-open.jpg) no-repeat top left;margin:20px 0px 20px 0px;padding:20px 0px 0px 60px;line-height:18px;font-style:italic;font-size:14px;}
blockquote div {background:url(../img/blockquote-closed.jpg) no-repeat bottom right;padding:0px 60px 20px 0px;}
.iefix {float:left;height:1px;font-size:0px;}

/* page with & position */
#page {width:982px;margin:0 auto;}

/* main container & elements */
#container {padding:0px;background:#fff;margin:0px;border:20px solid #fffffe;float:left;}
#logo {float:left;}

/* First slider (left) */
#first {float:left;}
#first ul, #first li, #first2 ul, #first2 li{margin:0; padding:0;list-style:none;}
#first li, #first2 li {width:235px;height:510px;overflow:hidden;}	
#prevBtn, #nextBtn,	#first1next, #first1prev{display:none;visibility:hidden;}	

/* Second slider (second left) */
#second {float:left;}
#second ul, #second li, #second2 ul, #second2 li{margin:0; padding:0;list-style:none;}
#second li, #second2 li {width:235px;height:510px;overflow:hidden;}	
#prevBtn, #nextBtn,	#second1next, #second1prev{display:none;visibility:hidden;}	

#first a, #second a {display:block;}
#first img, #second img, #third img {display:block;float:left;}

/* Third slider (right) */
#third {float:left;width:468px;height:510px; background-color:#6fa400;}

/* Alternate slider*/
ul.slideshow {list-style:none;width:936px;height:510px;overflow:hidden;position:relative;margin-left:2px;padding:0;}	
ul.slideshow li {position:absolute;left:0;right:0;}
ul.slideshow li.show {z-index:500;}
ul img {border:none;}
#slideshow-caption {width:936px;height:100px;position:absolute;bottom:0;left:0;color:#fff;background:url(../img/captionbg.jpg);z-index:500;}
#slideshow-caption .slideshow-caption-container {padding:10px 10px;z-index:1000;}
#slideshow-caption h6 {margin:10px;padding:0;font-size:18px;}
#slideshow-caption p {margin:10px;padding:0;}

/* flash slider */
#flashcontent { margin-left:2px;}

/* Main page boxes - check jworkarounds.js - jquery removes padding-right on every third box (3n) */
#main-boxes {
	background-color: #f1f1f1;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 15px;
	padding-left: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#main-boxes h3 {
	font-size:36px;
	padding:0px 0px 10px 0px;
}
#main-boxes li {
	width:290px;
	float:left;
	padding:0px 20px 0px 0px;
}
#main-boxes .remove {padding-right:0px;}
#main-boxes li img {
	padding:7px;
}
#main-boxes li strong {color:#6fa400;}
#main-boxes li a {color:#6fa400;text-decoration:underline;}
#main-boxes li a:hover {text-decoration:none;}
#main-boxes li p {padding:0px 0px 10px 0px;}

/* Main page featured boxes */
#featured-boxes {background:#f1f1f1;padding:10px 20px 20px 20px;margin:0px 0px 0px 0px;}
#featured-boxes h3 {font-size:28px;padding-top:10px;margin:0px;}
#featured-boxes li {width:430px;padding:15px 20px 0px 0px;margin:0px;float:left; }
#featured-boxes li strong {color:#6fa400;}
#featured-boxes li a {color:#6fa400;text-decoration:underline;}
#featured-boxes li a:hover {text-decoration:none;}
#featured-boxes li img {padding:7px;border:1px solid #d0d0d0;background:#fff;float:left;margin:0px 10px 0px 0px;}

/* Content section - visible on subpages like works, about etc. */
#content {
	width:620px;
	float:left;
	padding-right: 20px;
}
#content h1 {font-size:36px;padding:10px 0px 10px 0px;}
#content p img {padding:7px;border:1px solid #c9c9c9;margin:10px 0px 0px 0px;}
#content h3 {font-size:24px;}
#content ol {list-style:decimal;padding:5px 0px 0px 0px;}
#content ol li {list-style:decimal inside;border-bottom:1px solid #e9e9e9;padding:4px 0px 4px 0px;}


/* Top path in content section */
#path {background:url(../img/bg-path.jpg) no-repeat top left;width:927px;height:27px;color:#fffffe;font-size:11px;padding:13px 0px 0px 13px;margin:0px 0px 20px 0px;}
#path a {color:#fffffe;}

/* Boxes in content section - like "Unordered list example" on subpage about.html */
#content .box {width:300px;padding:0px 0px 30px 0px;}
#content .float-left {float:left;}
#content .float-right {float:right;}
#content .box h2 {font-size:30px;padding:0px 0px 10px 0px;}
#content .box li {background:url(../img/box-arrow.jpg) no-repeat 5px center;padding:0px 0px 0px 20px;}
#content .box a {color:#6fa400;text-decoration:underline;}
#content .box a:hover {text-decoration:none;}

/* sub menu with links visible on the right */
#sub {width:300px;float:right;}
#menu {font-size:11px;padding:0px 0px 20px 0px;}
#menu li a {background:#f1f1f1;display:block;color:#000;padding:13px 10px 13px 12px;text-transform:uppercase;height:15px;}
#menu li a:hover, #menu li a.active {
	color:#fff;
	background-color: #e5b72d;
}


/* information boxes visible below the submenu with links */
#info-boxes {background:#f1f1f1;padding:15px;}
#info-boxes h3 {font-size:24px;padding:0px 0px 2px 0px;}
#info-boxes li {padding:10px 0px 20px 0px;}
#info-boxes li img {background:#fff;border:1px solid #c9c9c9;padding:7px;margin:10px 0px 0px 0px;}
#info-boxes .remove {padding-bottom:0px;}
#info-boxes span a {color:#6fa400;text-decoration:none;}
#info-boxes span a:hover {text-decoration:none;}

/* portfolio section on works subpage - formatting the portfolio items */
#portfolio ul {padding:0px 0px 0px 0px;float:left;}
#portfolio li {
	float:left;
	width:140px;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 30px;
	padding-left: 7px;
}
#portfolio li img {padding:7px;border:1px solid #c9c9c9;}
#portfolio li h3 {font-size:24px;padding:15px 0px 0px 0px;}
#portfolio .remove {padding-right:0px;}
#portfolio li a {color:#6fa400;text-decoration:underline;}
#portfolio li a:hover {text-decoration:none;}
#portfolio .next a, #portfolio .prev a {background:#f1f1f1;display:block;color:#000;padding:13px 10px 13px 12px;text-transform:uppercase;}
#portfolio .next a:hover, #portfolio .prev a:hover {background:#6fa400;color:#fffffe;}
#portfolio .next {float:right;}
#portfolio .prev {float:left;}

/* blog subpage format */
#blog h2 {font-size:36px;}
#blog span {font-size:11px;display:block;padding:5px 0px 10px 0px;}
#blog span a {font-weight:bold;color:#545454 !important;margin:0px 0px 0px 10px; text-decoration:none !important;}
#blog img {border:1px solid #c9c9c9;padding:7px;}
#blog p {padding:5px 0px 0px 0px;}
#blog li a {color:#6fa400;text-decoration:underline;}
#blog li a:hover {text-decoration:none;}
#blog li {border-bottom:1px solid #d4d4d4;padding:10px 0px 20px 0px;margin:0px 0px 15px 0px;}
#blog .remove {border-bottom:0px;margin-bottom:0px;}
#blog .next a, #blog .prev a {background:#f1f1f1;display:block;color:#000;padding:13px 10px 13px 12px;text-transform:uppercase;}
#blog .next a:hover, #blog .prev a:hover {background:#6fa400;color:#fffffe;}
#blog .next {float:right;}
#blog .prev {float:left;}

/* style for contact form visible on contact subpage - please checkout the js/sendmail.php for more configuration */
.message {background:#eee; color:#000;display:none;padding:10px;margin:15px 0px 0px 0px;}
#alert {padding:0px;margin:0px;}
#alert ul {padding:0px;margin:0px;}

#contact ul {list-style-type:none;width:470px;}
#contact li {list-style-type:none;}
#contact li.special {display:none;}
#contact .input-textarea {width:460px;height:100px;background:#f7f7f7;border:1px solid #c5c5c5;font-size:11px;padding:4px;color:#545454;font-family:Arial, Helvetica, sans-serif;}
#contact .input-text {width:292px;background:#f7f7f7;border:1px solid #c5c5c5;font-size:11px;padding:4px;color:#545454;}
#contact label {display:block;padding:15px 0px 5px 0px;}
#contact .submitbutton {text-align:right;padding:10px 0px 0px 0px;}
#contact .input-submit {background:#6fa400;display:block;color:#fffffe;padding:10px;text-transform:uppercase;border:0px;float:right;font-size:12px;cursor:pointer;}


/* Footer section */
#footer {
	float:left;
	width: 100%;
	background-color: #FFF;
}
#footer p {font-size:11px;}