/* CSS Document */

p {
	margin:0 0 15px 0;
	}
h1 {
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:20px;
	color:#0f6938;
	}
h2 {
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:16px;
	color:#8cc641;
	}
h3 {
	margin:0 0 10px 0;
	font-size:11px;
	color:#8cc641;
	font-weight:bold;
	}
/* Layout Begin */

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
/* CLEAR FIX*/
.clearfix:after 
	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body
	{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	line-height:18px;
	background:#fff;
	text-align:center;
	margin:0;
	padding:0;
	background:url(../images/bg_body02.gif) repeat-x #e5e5e5;
	}
body.home
	{
	background:url(../images/bg_body.gif) repeat-x #fff;
	}
div#content
	{
	padding-top:550px;
	margin:0 0 0 50px;
	}
div#contentmain
	{
	padding-top:150px;
	margin:0 50px 0 0;
	float:right;
	width:576px;
	}
div#footer
	{
	position: relative;
	margin-top: -140px; /* negative value of footer height */
	height: 140px;
	clear:both;
	text-align:left;
	background:#8cc641;
	}
div#footercontent
	{
	width:900px;
	height:140px;
	margin:0 auto;
	background:url(../images/bg_footer.gif) no-repeat;
	}
div#footercontent p
	{
	color:#fff;
	padding:93px 0 0 0;
	}
div#footercontent a
	{
	color:#fff;
	text-decoration:none;
	}
div#footercontent a:hover
	{
	color:#0F6938;
	}
div#header
	{
	position:absolute;
	top:0;
	left:0;
	width:950px;
	height:120px;
	padding:0 25px;
	}
div#headerhome
	{
	position:absolute;
	top:0;
	left:0;
	width:950px;
	height:550px;
	background:url(../images/bg_header_home.jpg) no-repeat;
	padding:0 25px;
	}
div.homecolumn
	{
	width:240px;
	height:244px;
	float:left;
	background:url(../images/bg_homecolumn.gif) no-repeat;
	margin:0 15px 15px 0;
	padding:18px 25px;
	color:#fff;
	}
div.homecolumn h1
	{
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#fff;
	}
div.homecolumn a { color:#8CC641; text-decoration:none; }
div.homecolumn a:hover { color:#a6ff32; }
div.homecolumn ul li
	{
	padding:0 0 0 15px;
	background:url(../images/arrow_green.png) no-repeat left center;
	}
div.homecolumn ul li a
	{
	padding:6px 0;
	border-bottom:1px dotted #8CC641;
	display:block;
	color:#fff;
	}
div.leftcolumn
	{
	width:240px;
	height:380px;
	float:left;
	background:url(../images/bg_leftcolumn.gif) no-repeat;
	margin:0 15px 15px 0;
	padding:18px 25px;
	color:#fff;
	}
div.leftcolumn h1
	{
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#fff;
	}
div.leftcolumn a { color:#8CC641; text-decoration:none; }
div.leftcolumn a:hover { color:#a6ff32; }
div.leftcolumn ul li
	{
	padding:0 0 0 15px;
	background:url(../images/arrow_green.png) no-repeat left center;
	}
div.leftcolumn ul li a
	{
	padding:6px 0;
	border-bottom:1px dotted #8CC641;
	display:block;
	color:#fff;
	}
div#left
	{
	padding:150px 0 0 50px;
	width:290px;
	float:left;
	background:left;
	}
div#main
	{
	padding-bottom:150px;
	width:1000px;
	}
div#middle
	{
	width:460px;
	float:left;
	}
div#right
	{
	width:200px;
	float:right;
	}
div#showcase
	{
	width:800px;
	height:300px;
	position:absolute;
	top:150px;
	left:125px;
	}
div#screen h1
	{
	margin:0 0 5px 0;
	font-weight:bold;
	font-size:20px;
	color:#0f6938;
	}
div#screen h2
	{
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:16px;
	color:#8cc641;
	}
div#screen p
	{
	margin:0 0 15px 0;
	}
div#screen p.testimonial span
	{
	color:#0f6938;
	font-style:italic;
	}
p.testimonial span
	{
	font-style:italic;
	}	
div.showcaseleft
	{
	width:300px;
	float:left;
	margin:0 112px 0 0;
	}
div.showcaseright
	{
	width:335px;
	float:left;
	margin:0;
	}
div#wrap
	{
	position:relative;
	width:1000px;
	margin:0 auto;
	text-align:left;
	}
	
/* Layout End */

p
	{
	margin:0 0 10px 0;
	}
p.contact
	{
	padding:0 0 0 30px;
	}
p.contact a
	{
	color:#fff;
	text-decoration:none;
	}
p.contact a:hover
	{
	color:#8CC641;
	}

ul#topnav
	{
	height:32px;
	float:right;
	margin:60px 25px 0 0;
	}
ul#topnav li
	{
	display:inline;
	width:74px;
	height:32px;
	}
ul#topnav li a
	{
	height:32px;
	width:74px;
	margin:0 0 0 10px;
	display:block;
	float:left;
	text-indent:-9000px;
	background:url(../images/topnav.gif) no-repeat;
	}
ul#topnav li#link01 a { background-position: 0 -32px; }
ul#topnav li#link01 a:hover { background-position: 0 0; }
ul#topnav li#link02 a { background-position: -84px -32px; }
ul#topnav li#link02 a:hover { background-position: -84px 0; }
ul#topnav li#link03 a { background-position: -168px -32px; }
ul#topnav li#link03 a:hover { background-position: -168px 0; }
ul#topnav li#link04 a { background-position: -252px -32px; }
ul#topnav li#link04 a:hover { background-position: -252px 0; }
ul#topnav li#link05 a { background-position: -336px -32px; }
ul#topnav li#link05 a:hover { background-position: -336px 0; }

body.home ul#topnav li#link01 a { background-position: 0 0; }
body.work ul#topnav li#link02 a { background-position: -84px 0; }
body.services ul#topnav li#link03 a { background-position: -168px 0; }
body.about ul#topnav li#link04 a { background-position: -252px 0; }
body.contact ul#topnav li#link05 a { background-position: -336px 0; }

div#toppage{
	bottom:5px;
	display:block;
	font-family:Arial;
	font-size:11px;
	padding:7px 7px 7px 10px;
	position:fixed;
	text-decoration:none;
	cursor: pointer;
	width:90px;
}

div.workitem
	{
	overflow:hidden;
	margin:0 0 30px 0;
	clear:both;
	}
div.workitem div
	{
	padding:10px;
	border-top:1px solid #ddedc6;
	border-bottom:1px solid #ddedc6;
	height:106px;
	width:380px;
	float:right;
	}
div.workitem img
	{
	float:left;
	margin:0;
	border:1px solid #8CC641;
	padding:3px;
	}
div.workitem img:hover
	{
	border:1px solid #0F6938;
	}
div.workitem h2
	{
	margin:2px 0 3px 0;
	font-size:12px;
	}
div.workitem p
	{
	margin:0;
	}
div.workitem p b
	{
	color:#0F6938;
	}
div.workitem p a
	{
	color:#8CC641;
	text-decoration:underline;
	font-weight:bold;
	}
div.workitem p a:hover
	{
	color:#0F6938;
	}
.contacttab td {
	padding:5px;
	}
.contacttab textarea {
	border:none;
	}
.contacttab input {
	border:none;
	}
.contacttab #button {
	border:1px #333 solid;
	}
