/*************** EXTERNAL FILES **********************/

/* reset file
	
	Purpose: undo some of the default styling of common (X)HTML browsers
	More info: http://tantek.com/log/2004/09.html#d06t2354
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/*************** GLOBAL **********************/

h1,h2,h3,h4,h5,h6,p,.bullet li {
 padding-bottom: 10px;
}

h2.green-bold{
	font-size: 20px;
	color: #83B81A;
	font-weight: bold !important;
	padding-bottom: 2px;
	padding-top: 5px;
	line-height: 40px;
	margin-bottom: 0px;	
}

/* clears all floating divs */
.clear {
 display:block;
 clear:both;
}



/* floats a div left */
.floatleft {
 float:left;
}

/* floats a div right */
.floatright {
 float:right;
}

/* re-creation of default hr tag to overcome multibrowser issues */
.hr {
 background-image: url("../images/hr.gif");
 background-repeat: repeat-x;
 height: 11px;
 width: 100%;
}

/* re-creation of default bullet list (un-ordered) to overcome multibrowser issues */
.bullet {
 list-style-position: outside;
 list-style-type: none;
}

.bullet li {
    background: url("../images/bullet.png") no-repeat scroll 0 4px transparent;
    padding-left: 15px;
}


.vgreen {
    color: #83B81A;
}

/******* Font *******/

/* first for IE 6/7/8 */
@font-face {
  font-family: DINWebRegular;
  src: url(DINWeb.eot);
}

/* then for Mozilla browsers -> Firefox */
@font-face {
    font-family: 'DINWebRegular';
    src: url('DINWeb.woff') format('woff'),
         url('dinweb-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/******* Structure *******/
body {
	background:url('../images/white-bg.jpg') #f2f2f2 repeat-x;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	text-align:center;background-position: 0 9px;
}

#wrapper {
	 text-align:left;
	 margin:0 auto; /* bottom/top, left,right */
	 width: 858px;
}

/******* Typrography *******/

strong {
	font-weight:bold;
}

h1 {
	font-size:22px;
	color:#83B81A;
	
	line-height: 22px;
}

h2 {
	font-size:17px;
	color:#00782D;
	padding-bottom:2px;
	padding-top:5px;
	line-height:22px;
	margin-bottom:5px;
}

h3 {
	color: #83B81A;
	font-size:16px;
	font-weight:bold;
}

h4 {
	font-size:14px;
	color:#83B81A;
	font-weight:bold;
}

a {
	color:#83B81A;
	
}

/******* Forms *******/

.empFormsTextLine {
	width:380px;
	background-color:#F2F2F2;
	margin-bottom:10px;
	border:0;
	padding:7px;
	float:right;
}

.formlabel {
	color:#B3B3B3;
	float:left;
	clear:both;
}

.empFormsSubmit {
	display:block;
	clear:both;
}

#col23 {
	width:503px;
	float:left;
}

.errorMessage {
	color:#F00;
	margin-bottom:10px;
	font-weight:bold;
}

.errorMessage ul {
	font-weight:normal;
	margin-top:10px;
}

/******* Tables *******/
	
/*************** HEADER **********************/

#header {
	height:40px;
	padding:4px 0 19px 0;
}

#header #logo {
	float:left;
	padding:10px 0 0 0;
}

#slideArea {
	height:450px;
	width:858px;
	/* background:#7CAC19; */
	overflow:hidden;
	z-index:0;
}

/*************** NAVIGATION **********************/

#nav {
	padding:28px 0 0 0;
	font-size:15px;
	font-family:'DIN1451W01-Mittelschrif',Calibri,Arial;
	position: relative;
	z-index: 1;
	float:right;
}

#nav a {
	color:#4D4D4D;
	text-decoration:none;
	display:block;
	border-left:1px solid #B3B3B3;
	text-align:center;
	font-weight:normal;
	padding-left:15px;
	padding-right:15px;
}

#nav a:hover {
	color:#83B81A;
}

#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav li {
	display:inline;
	float:left;
	position:relative;
}


#nav.navGrey {
	color:#B3B3B3;
}

#nav.navGrey ul li ul li a{
	color:#4D4D4D;
}

#nav.navGrey ul li ul li ul li a{
	color:white;
}

#nav.navGrey a {
	color:#B3B3B3;
}


#nav.navGrey a:hover {
	color:white;
}

#nav.navDark a {
	color:#4D4D4D;
}

#nav.navDark a:hover {
	color:white;
}

#nav.navDark ul li ul li ul li a{
	color:white;
}

#nav .selected  a {
	color:#00782D;
}

#nav .first  a {
	border-left:0;
}

#nav .last  a {
	padding-right:0;
}

#nav .greenBg.first  a {
	border-left:0;
}

#nav .greenBg  a {
	border-left:1px solid #FFFFFF;
}

#nav.navDark .selected  a {
	color:#FFFFFF;
}

#nav.navGrey .selected  a {
	color:#FFFFFF;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	padding-top:10px;
}

#nav li ul li {
	float:none;
	position:relative;
}

#nav .selected ul li a {
	background:url(/style/images/navBg.png) no-repeat;
	border:0;
	width:auto;
	text-align:left;
	padding:5px 5px 9px 9px;
	color:#4D4D4D;
}

#nav li ul li a {
	background:url(/style/images/navBg.png) no-repeat;
	border:0;
	width:auto;
	text-align:left;
	padding:5px 5px 9px 9px;
	color:#4D4D4D;
}

#nav li ul li a:hover {
	background:url(/style/images/navBg_o.png) no-repeat;
	color:#FFFFFF
}



#nav li:hover ul {
	left: auto;
}

#nav li ul ul {
	margin: -39px 0 0 10em;
}


#nav, #nav ul {
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* sub / sub nav */
#nav .selected ul li ul li a {
	background:#82B81A;
	color:#FFFFFF;
	padding:5px 5px 5px 5px;
}

#nav .selected ul li ul li a:hover {
	background:url(/style/images/navBg_o.png) no-repeat;
	color:#FFF;
}

#nav li ul li ul li a {
	background:#82B81A;
	color:#FFFFFF;
	padding:5px 5px 5px 5px;
}

#nav li ul li ul li a:hover {
	background:url(/style/images/navBg_o.png) no-repeat;
	color:#FFF;
}


/*************** SLIDES **********************/

#slide-previous {
	cursor: pointer;
	float: left;
	height: 84px;
	margin-left: 0;
	margin-top: 210px;
	position: absolute;
	width: 84px;
	z-index: 999;
	display:none;
}

#slide-next {
	cursor: pointer;
	float: left;
	height: 84px;
	margin-left: 789px;
	margin-top: 210px;
	position: absolute;
	width: 84px;
	z-index: 999;
	display:none;
}

/*************** CONTENT **********************/
	
#content {
	background:url(../images/slideAreaShadow.jpg) repeat-x #FFFFFF;
	clear:both;
	padding:35px 27px 27px 27px;
}


#colgrid3.colgridDark {
background-image: url('/style/images/3colgrid-bg-green.gif');	
	
	
}

#colgrid3.colgridDark #colgrid2 {
	border:none;
}

#colgrid3.colgridDark #col2wrap { 
	border:none;
}

.colgridDark p {
	color: #CCCCCC;
}

.divide {
	border-bottom: 1px #E6E6E6 solid;
	margin-bottom: 10px;
}

.listCol1 {
	width:166px;
	margin:0 15px 0 0;
	float:left
}

.listCol2 {
	width:166px;
	margin:0 15px 0 0;
	float:left
}

/* bullet list */

#colgrid2span ul li{
	list-style:url('../images/bullet.gif') outside;
	margin-left:18px;
}

#colgrid2span ul {
	padding-left:0px;
	margin-left:0px;
}

/*** contact ****/

#mailing {background-color:#F2F2F2;float:left;height:32px;width:153px;}
#mailing input {background-color:#F2F2F2;border:0;color:#B3B3B3;margin-left:7px;margin-top:7px;width:167px;}

.submit {
	background-color: inherit;
	background-image: url('../images/submit.gif');
	border: 0;
	cursor: pointer;
	height: 32px;
	width: 32px;
}

/*************** FOOTER **********************/
#footerwrapper {
	background: url("/style/images/footerBg.png") repeat-x scroll 0 0 transparent;
    height: 78px;
    margin: 0 auto;
    width: 858px;
}

#footer {
	height:60px;
	background:url(../images/footerShadow.jpg) repeat-x;
	color: gray;
	line-height: 20px;
	padding: 12px 10px;
	word-spacing: 1px;
	font-size: 12px;
}

#footer p {
	text-align: left;
}

#footer img {
	margin-right: 8px;
	position: relative;
	top: 3px;
}

#footer a {
    color: #808080;
    font-weight: normal;
}

.portfolio {cursor:pointer;float:left;height: 153px;margin-right:9px;margin-left:9px;margin-top:18px;overflow:hidden;position:relative;width:251px;}
/* get to the point vertical popup */
.gettothepoint {background-color:#000000;float:left;left:0;margin-top:130px;opacity:0.75;filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity:0.75;position:relative;text-align:left;top:0;width:100%;z-index:99;}
.gettothepoint a {color:#ffffff;text-decoration:none;}
.gettothepoint strong {color:#ffffff;font-size:15px;line-height:22px;margin: 12px;margin-bottom:0;}
.gettothepoint p {color:#ffffff;margin: 12px;margin-top:0;}

.gettothepoint strong a{
	display: block;
margin-left: 12px;
font-weight:bold;
}	

.pagination {width: 230px; float:left; margin-right:9px; font-size:16px;font-weight:bold;margin-left:9px;}
.pagination a.on {text-decoration:none;}




#contentwrapper {background:url('/style/images/contentwrapper-bg.jpg') repeat-x #ffffff;margin:0 auto;width:858px;}
#workcontentwrapper  {background:url('/style/images/work_bg.gif') repeat-x #ffffff;margin:0 auto;width:858px;}
.ltGrey {color:#B3B3B3}

#content {padding:35px 25px 20px;}
#content p {text-align:left;}

#contentwork {padding:21px 25px 20px;}
#contentwork p {text-align:left;}

#workheader h1 {height:50px;font-size:20px;color:#666}



#colgrid2 {float:left;width:540px;}
#colgrid2span  {background-color:#ffffff;float:left;width:520px;margin-right:20px;}


.floatimgleft {float:left;margin-right:8px;}

.contact {margin-left:10px;}

.socialfeed img {padding-bottom:5px;}

.blogpost {margin-bottom:17px;}

#mailing {background-color:#F2F2F2;float:left;height:32px;width:153px;}
#mailing input {background-color:#F2F2F2;border:0;color:#B3B3B3;margin-left:7px;margin-top:7px;width:167px;}

.hr {height:31px;width:100%;}

.submit {background-color:inherit;background-image:url('../images/submit.gif');border:0;cursor:pointer;height:32px;width:32px;}

#colgrid3 {background-image:url('../images/3colgrid-bg.gif');background-repeat:repeat-y;width:810px;}
#colgrid3colspan {background-image:url('../images/2colgrid-bg.gif');background-repeat:repeat-y;width:810px;}


#topWorkNavHolder { padding-bottom: 10px; }

#ourWork { padding-right: 10px; float:left; }
#topWorkNav { float:right; margin-top:40px; }
#topWorkNav ul {}
#topWorkNav li { display:inline; }

#topWorkNav a { color: #666666; font-size: 17px; padding: 0 10px 0 10px; text-decoration:none; border-left: #666666 1px solid; }

#topWorkNav a.on { color:#83B81A; }

.on {
	cursor:pointer;
}

/*border-bottom:1px solid #81B51B;*/



/* Testimonials */
#testimonials-container { overflow: hidden; }

.testimonial {width:255px; }
.testimonial-comment { font-family: 'DINWebRegular',Calibri,Arial; font-size:20px; color: #b2b2b2; font-size: 25px; line-height: 29px; padding-bottom:14px; }
.testimonial-name { color:#FFFFFF; font-size:16px; } 
.testimonial-company { color:#FFFFFF; font-size:16px; } 
.testimonials-next {cursor:pointer;}




#colgrid2 {
	width:543px;
}

#colgrid3 {
	background-image: url(/style/images/3colgrid-bg.gif); 
}



#col1wrap {float:left;width:265px;}
#col1wrap #col1 {margin-right:20px;}

#col2wrap {float:left;width:274px; }
#col2wrap #col2 {margin:0 20px;}

#col3wrap {float:left;width:265px;}
#col3wrap #col3 {margin-left:20px;}

#col1 h2, #col2 h2, #col3 h2 
{	
	font-size: 18px;
	font-weight: normal;
}


/* cookie notification */

#cookieNotification {
	min-width: 955px;
	height: 33px;
	z-index: 5000;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0;
	background: #2A3333;
	line-height: 25px;
	font-size: 14px;
	color:#FFFFFF;
	opacity:0.9;
}

#cookieNotification a{
	color:#FFFFFF;
	text-decoration:underline;
}

#cnContainer {
	margin:0 auto;width:808px;
	padding:4px 25px 0 25px;
}

#cookieNotifyHide {
	cursor:pointer;
}
/*home changes*/
.home-sidewrap{
	margin-bottom: 30px;
	width: 255px;
	margin-left: 17px;
}

.home-sidewrap h3{
	font-size: 20px;
	color: #83B81A;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 5px;
	line-height: 40px;
	margin-bottom: 0px;
}

.home-sidewrap td{
	padding-bottom: 12px;
}

div.home-odd{
	border-bottom: 1px solid #CCC;
margin-bottom: 0px;
padding-bottom: 18px;
}

div.home-odds {
border-bottom: 1px solid #CCC;
margin-bottom: 0px;
padding-bottom: 4px;
}

div.home-evens{
	margin-bottom: 15px;	
}



/*twitter*/
.tweet_text{
	display: block;
	clear: both;
	display: block;
	clear: both;
	padding-top: 12px;	
	overflow:hidden;
}

.tweet_list li{
	margin-bottom: 20px;	
}

.twitter-top-shadow{
	background: url(/style/images/twitter-top-shadow.png) no-repeat;
	width: 255px;
	height: 21px;
	margin-left: 17px;
}

.twitter-bottom-shadow{
	background: url(/style/images/twitter-bottom-shadow.png) no-repeat;
	width: 255px;
	height: 21px;
	margin-left: 17px;
	margin-bottom: 20px;
}

.tweet{
	width: 255px;
	margin-left: 17px;
	background-color: #F2F2F2;
}

.tweet_list{
	padding: 14px;	
}

.tweet_list .tweet_even{
	border-top: 1px solid #CCC;
	padding-top: 15px;
	margin-bottom: 0px;	
}

/*services*/

.service-section-holders{
	float: left;
	width: 227px;
	margin-bottom: 20px;
}

.service-section-holders p {
	padding-right: 43px;
}
	
	.service-section-holders-right{
		margin-right: 44px;
		border-right:1px solid #CCC;
		
	}
	
	.services-intro {
		color: #00782D;
		display: block;
		font-size: 21px;
		line-height: 134%;
		margin-bottom: 25px;
	}
	
	.service-heading-image{
		display: block;	
	}
	
	.service-section-holders-inner {
		
	}
	
	.service-section-holders-inner .image {
		
	}
	
	.service-section-holders-inner .content {
		height:146px;
	}

/*new service pages*/
.green-color{
	color: #00782C;
}

h3.larger {
	font-size: 19px;	
}


/*common*/

.left{
	float: left;	
}

.right{
	float: right;	
}