/* Start General Items and Classes */

body {
	background: #336600;
	font-size: 16px;
	font-family: 'Arial';
}

.hidden {
	display: none;
}

.clr {
	clear: both;
}

a:link, a:visited {
	color: #336600;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #000000;
}

.left {
	float: left;
}

.right {
	float: right;
}

p {
	line-height: 1.2em;
	font-size: 0.875em;
}

ul.list, ol.list {
	margin: 15px 5px 10px 15px;
}

ul.list li, ol.list li {
	color: #777;
	padding: 3px 0px 3px 12px;
	background: url("../images/list-bullet.png") left 0.5em no-repeat;
	line-height: 1.4em;
}

/* End General Items and Classes */

/* Start Items On All Pages */

#header-container {
	background: url("../images/header-bg.png") no-repeat;
	background-position:center;
	border-bottom: 1px solid #76b300;
}

#header {
	width: 960px;
	margin: 0px auto;
	background: url("../images/header-divide.png") 435px 11px no-repeat;
	height: 150px;
}

#logo {
	
	width: 489px;
	height: 77px;
	margin: 29px 15px 0px 27px;
	float: left;
}

#navigation {
	margin: 47px 15px;
	float: right;
}

#navigation li {
	float: left;
	display: block;
	height: 25px;
	padding-left: 3px;
	margin-right: 10px;
	font-family: 'Arial';
}

#navigation li a {
	padding: 135px 10px 8px 9px;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 1em;
}

#navigation li a:hover {
	text-decoration: underline;
}

#navigation li.active {
	background: url("../images/nav-active-left.png") left top no-repeat;
}

#navigation li.active a, #navigation li.active a:hover {
	background: url("../images/nav-active-right.png") right bottom no-repeat;
	color: #336600;
	padding-bottom: 5px;
}

#page-container {
	background: url("../images/top-fade.png") repeat-x top left;
}

#page {
	width: 970px;
	margin: 0px auto;
	padding: 80px 0px 0px 0px;
}

#lower-container {
	border-top: 1px solid #360;
	background: url("../images/top-fade.png") repeat-x;
}

#lower {
	width: 960px;
	margin: 85px auto;
}

#columns {
	width: 970px;
	margin: -45px -5px;
	padding: 30px 5px;
	background: url("../images/box-med-background-columns.png") top left no-repeat;
}

#columns .col {
	float: left;
	margin-left: 30px;
	width: 280px;
}

#columns .col h2 {
	color: #444;
	font-size: 1.5em;
	font-family: 'Arial';
	font-weight: normal;
	padding: 5px 0px 10px 5px;
	border-bottom: 1px solid #aeaeae;
	position: relative;
}

#columns .col h2 em {
	font-weight: bold;
	font-style: normal;
}

#we-offer ol li, #from-blog ol li, #they-say ol li {
	padding: 6px;
	border-bottom: 1px solid #aeaeae;
	position: relative;
}

#we-offer ol li div {
	margin-left: 50px;
}

#we-offer ol li div p, #from-blog ol li p {
	font-size: 0.75em;
	color: #003300;
}

#we-offer ol li h3, #from-blog ol li h3 {
	position: relative;
	font-size: 1em;
	font-family: 'Century Gothic';
	font-weight: normal;
	color: #333;
	padding: 5px 0px 10px;
}

#we-offer ol li .icon {
	position: absolute;
	top: 65%;
	left: 5px;
	height: 50px;
	width: 50px;
	margin: -25px 0px 0px 0px;
}

.more-link {
	display: block;
	width: 49px;
	height: 12px;
	text-indent: -9999px;
	background: url("../images/more-link.png");
}

#we-offer ol li h3 .more-link {
	position: absolute;
	top: 7px;
	right: 10px;
}

.blog-link {
	display: block;
	width: 49px;
	height: 12px;
	text-indent: -9999px;
	background: url("../images/blog-link.png");
}

#from-blog h2 .blog-link {
	position: absolute;
	top: 12px;
	right: 10px;
}

.read-link {
	display: block;
	width: 49px;
	height: 12px;
	text-indent: -9999px;
	background: url("../images/read-link.png");
}

#from-blog ol li h3 .read-link {
	position: absolute;
	top: 7px;
	right: 0px;
}

#they-say ol li blockquote {
	padding-left: 40px;
	background: url("../images/quote-open.png") top left no-repeat;
}

#they-say ol li blockquote p {
	color: #444;
	font-size: 0.75em;
	padding: 3px 30px 3px 0px;
	background: url("../images/quote-close.png") bottom right no-repeat;
}


#they-say ol li blockquote p span.by {
	color: #2e2e2e;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

#footer-container {
	background: url("../images/footer-bg.png") repeat-x;	
}

#footer {
	width: 960px;
	height: 150px;
	margin: 0px auto;
}

#footer .navigation {
	margin: 67px 0px 67px 15px;
	float: left;
}

#footer .navigation li {
	float: left;
	display: block;
	margin-right: 30px;
}

#footer .navigation li a:link, #footer .navigation li a:visited {
	color: #003300;
	text-decoration: none;
}

#footer .navigation li a:focus, #footer .navigation li a:hover, #footer .navigation li a:active {
	outline: 0px;
	color: #66ff00;
	text-decoration: underline !important;
}

#footer .navigation li.active a {
	outline: 0px;
	color: #003300;
	text-decoration: underline !important;
}

#contact-details {
	margin: 28px 20px 28px 0px;
	float: right;
	font-family: 'Arial';
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
}

#contact-details address {
	color: #fff;
	font-style: normal;
}

#contact-details span {
	display: block;
	margin-top: 10px;
	color: #b2b2b2;
}

#footer .logo {
	float: right;
	margin: 37px 30px;
}

/* End Items on all pages */

/* Start Box Styling */

.boxy h1 {
	color: #67903d;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 24px;
/*	border-bottom: 1px solid #0099CC;*/
	position: relative;
}

.box {
	padding: 35px;
	background: url("../images/box-med-background.png") no-repeat top left;
	margin: 15px 0px;
}

.box h1 {
	color: #000;
	font-family: 'Century Gothic';
	font-weight: bold;
	font-size: 2em;
	padding-bottom: 20px;
/*	border-bottom: 1px solid #ccc;*/
	margin-bottom: 35px;
	position: relative;
}

.box h2 {
	color: #67903d;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 24px;
	padding-bottom: 20px;
	line-height:1.5;
/*	border-bottom: 1px solid #ccc;*/
/*	margin-bottom: 10px;*/
	position: relative;
}

/*.box {
	padding: 35px;
	background: url("../images/box-med-background.png") no-repeat top left;
	margin: -20px 0px;
}

.box h1 {
	color: #67903d;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 24px;
	padding-bottom: 10px;
	border-bottom: 2px solid #669900;
	margin-bottom: 16px;
	position: relative;
}*/

.box .content {
	color: #444;
	font-size: 0.875em;
	line-height: 1.2em;
}

/* End Box Styling */

/* Start Homepage */

.box-illustration {
	margin-top: -40px;
}

#portfolio {
	position: relative;
}

#portfolio .current-item {
	position: relative;
	display: block;
	float: left;
	border: 1px solid #ccc;
	background: #fff;
	height: 400px;
	width: 550px;
	padding: 5px;
	margin-right: 20px;
}

#portfolio .current-item img {
	position: absolute;
	top: 5px;
	left: 5px;
}

#portfolio .desc {
	float: right;
	width: 318px;
	height: 410px;
	position: relative;
}

#portfolio .desc .item {
	position: absolute;
	top: 0px;
	left: 0px;
}

#portfolio .desc h2 {
	color: #595959;
	padding: 7px;
	font-size: 1.875em;
	border-bottom: 1px solid #ccc;
	position: relative;
}

#portfolio .desc h2 .visit-link {
	display: block;
	height: 16px;
	width: 51px;
	position: absolute;
	top: 15px;
	right: 7px;
	text-indent: -9999px;
	background: url("../images/visit-link.png");
}

#portfolio .desc p {
	color: #444;
	padding: 15px 7px;
	font-size: 0.875em;
}

#portfolio .nav {
	width: 306px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0px 10px 0px;
	border-top: 1px solid #ccc;
}

#portfolio .nav a {
	display: block;
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	height: 48px;
	width: 48px;
	float: left;
	margin: 10px 10px 0px 0px;
	font-size: 0.7em;
}

#portfolio .nav a.active {
	border-color: #6a9db7;
	background: #d3d3d3;
}

/* End Homepage */

/* Start Services Page */

.box.service h1 .icon {
	position: absolute;
	top: -10px;
	right: 0px;
}

.box.service .content {
	position: relative;
}

.box.service .content p {
	font-size: 0.875em;
	color: #444;
}

.box.service .preview {
	float: right;
	margin-left: 30px;
}

.quote-link {
	display: block;
	width: 113px;
	height: 28px;
	text-indent: -9999px;
	background: url("../images/quote-link.png") no-repeat;
}

.box.service .quote-link {
	position: absolute;
	bottom: 30px;
	right: 330px;
}

.submit-job-link {
	display: block;
	width: 163px;
	height: 28px;
	text-indent: -9999px;
	background: url("../images/submit-job-link.png") no-repeat;
}

.box.service .submit-job-link {
	position: absolute;
	bottom: 30px;
	right: 330px;
}

/* End Services Page */

/* Start Gallery Stuff */

#gallery {
	position: relative;
}

#gallery .tabs {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#gallery .tabs li {
	width: 120px;
	height: 14px;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 0.875em;
	padding: 10px 15px;
	margin: 10px 0px;
	color: #fff;
	background: url("../images/gallery-tab-inactive.png") left top repeat-x;
	cursor: pointer;
}

#gallery .tabs li.active { /* 54px */
	position: relative;
	left: -3px;
	z-index: 1;
	background: url("../images/gallery-tab-active.png") left top;
	width: 145px;
	height: 15px;
	padding: 13px 15px;
	margin: 6px 0px 7px;
}

#gallery-main {
	position: absolute;
	top: 0px;
	left: 150px;
	width: 738px;
	padding: 10px;
	background: #e0e0e0 url("../images/gallery-bg.png") top left repeat-x;
	position: relative;
	border: 1px solid #ccc;
}

#gallery-items {
	width: 128px;
	padding: 0px 28px;
	float: left;
}

#gallery-items h2 {
	color: #444;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

#gallery-items .items li {
	width: 48px;
	height: 48px;
	background: #ddd url('../images/gallery-load-thumb-inactive.gif') center center no-repeat;
	border: 3px solid #666;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}

#gallery-items .items li.active {
	background: #fff url('../images/gallery-load-thumb-active.gif') center center no-repeat;
	border-color: #6197a9;
}

#gallery-item {
	float: right;
}

#gallery-items .pagination {
	position: absolute;
	bottom: 10px;
	left: 25px;
	width: 128px;
	text-align: center;
}

#gallery-items .pagination li {
	background: #a9a9a9;
	color: #1d1d1d;
	float: left;
	margin-right: 10px;
	padding: 3px 6px;
}

#gallery-items .pagination li.active {
	background: #595959;
	color: #fff;
}

#gallery-item .desc .left {
	font-size: 1em;
	font-weight: bold;
	background: url("../images/gallery-desc-left.png") no-repeat;
	width: 130px;
	padding: 17px 20px 18px;
	text-align: center;
}

#gallery-item .desc .right {
	font-size: 1em;
	background: url("../images/gallery-desc-right.png") no-repeat;
	width: 340px;
	padding: 17px 20px 18px 20px;
	color: #fff;
}

#gallery-item-img-container {
	width: 550px;
	height: 400px;
	background: url("../images/gallery-load-full.gif") center center no-repeat;
}

/* End Gallery Stuff */

/* Start ABout Page */

#team.box .content {
	margin-right: -55px;
	margin-bottom: 60px;
}

#team .member {
	width: 280px;
	float: left;
	margin-right: 30px;
}

#team .member .avatar {
	float: left;
	margin-right: 15px;
}

#team .member .details {
	font-family: 'Arial';
}

#team .member .details h2 {
	padding: 4px 0px;
	font-size: 1.2em;
	font-weight: bold;
}

#team .member .details .role {
	display: block;
	padding-top: 30px;
}

#team .member .bio {
	clear: both;
	margin-top: 25px;
	font-size: 1em;
}

/* End About Page */

/* Start Contact Page */

#contact {
	position: relative;
}

#contact .field {
	position: relative;
	height: 30px;
	width: 60%;
	background: url("../images/contact-field-bg.png") repeat-x top left;
	border: 2px solid #bbb;
	margin-bottom: 15px;
	font-size: 1.15em;
	padding: 0px 15px;
}

#contact .field.message {
	height: 300px;
	background: #e2e2e2 url("../images/contact-message-bg.png") repeat-x top left;
}

#contact .field.message span {
	display: block;
	padding: 7px 0px;
}

#contact .field.message textarea {
	margin-bottom: 15px;
	border: none;
	background: transparent;
	width: 545px;
	height: 250px;
	position: absolute;
	top: 40px;
	left: 15px;
	font-family: 'Arial';
	font-size: 0.9em;
}

#contact .field span {
	color: #707070;
	position: absolute;
	top: 7px;
	left: 15px;
	cursor: default;
}

#contact .field input {
	position: absolute;
	top: 0px;
	left: 70px;
	height: 16px;
	padding: 7px 15px;
	border: none;
	background: transparent;
	width: 475px;
}

#contact-form-working {
	position: absolute;
	top: 50%;
	left: 300px;
	margin: -31px 0px 0px -31px;
	border: 1px solid #bbb;
	width: 50px;
	height: 50px;
	padding: 10px;
	background: #e0e0e0 url("../images/contact-form-working.gif") center center no-repeat;
}

#contact-form-success {
	position: absolute;
	top: 50%;
	left: 300px;
	width: 150px;
	height: 100px;
	margin: -75px 0px 0px -50px;
	background: url("../images/contact-form-messages.png") 0px -100px no-repeat;
}

#contact-form-error {
	position: absolute;
	top: 50%;
	left: 300px;
	width: 150px;
	height: 100px;
	margin: -75px 0px 0px -50px;
	background: url("../images/contact-form-messages.png") 0px 0px no-repeat;
}

#contact-form-submit {
	display: block;
	text-indent: -9999px;
	height: 28px;
	width: 163px;
	background: url("../images/send-message.png") top left no-repeat;
}

.contactForm p {
	padding:0 0 1.6em;
}
/* End Contact Page */