/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#707071;
	min-width:960px;
	background: #e0e0e0;
}


.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.692em;
}

a {color:#747475; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2, .col-3 {
	float:left;
	color:#39393a;
}

.col-1 {width:302px;}
.col-2 {width:323px;}
.col-3 {width:310px;}

.col-1 img, .col-2 img, .col-3 img {
	float:left;
	padding-right:12px;
}
.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p0 {margin-bottom:0;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:60px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}
.bo {font-weight:bold;}
.bl {display:block;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#39393a;}
.color-3 {color:#5f9e28;}
.color-4 {color:#8fbb68;}
.color-5 {color:#b0d486;}
.color-6 {color:#928f8f;}

.bg-none {background-image:none !important;}
/*********************************boxes**********************************/

.indent {padding:9px 0 7px 0px;}
.indent2 {padding:512px 0 0;}

	#page5 .indent2 {padding:488px 0 0;}
	
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:25px;}
.indent-bot3 {margin-bottom:55px;}
.indent-bot4 {margin-bottom:45px;}

.img-indent {float:left; margin:4px 4px 0px 0;}	
.img-indent2 {float:left; margin:5px 20px 0px 0;}	
.img-indent3 {float:left; margin:5px 48px 0px 0;}	
.bot-pad {padding-bottom:37px;}
.indent-r {padding-right:40px;}
.indent-r2 {margin-right:17px;}
.indent-r3 {float:left; margin-right:57px;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

.index-1 {z-index:1;position:relative;}
.index-2 {z-index:2;position:relative;}
.index-3 {z-index:3;position:relative;}
/*********************************header*************************************/
header {
	width:100%;
	margin-bottom:0px;
	background:url(../images/header-bg.png) center top no-repeat #e0e0e0;
	z-index:3;
}
.header-indent {padding:0 0 63px;}

	#page1 .header-indent {padding:0px;}

.header-indent-projects {padding:0 0 10px;}

	#page1 .header-indent {padding:0px;}

h1 {
	padding:0px 0 0; 
	position:relative;
	float:left;
}
h1 a {
	font-family: 'Oswald', sans-serif;
	font-size:60px;
	line-height:1.5em;
	color:#272727;
	display:inline-block;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:-3px;
}
.support {
	font-family: 'Oswald', sans-serif;
	font-size:25px;
	line-height:1.5em;
	color:#bababa;
	float:right;
	text-align:right;
	padding:11px 0 0;
	letter-spacing:-1px;
}
.support span {
	color:#39393a;
	display:block;
	margin-top:-7px;
}

/*********************************menu**********************************/

.bot-menu {
	box-shadow: 0px 2px 5px #333;
	-webkit-box-shadow: 0px 2px 5px #333;
	-moz-box-shadow: 0px 2px 5px #333;
}
.menu {
	padding:0 0 0px;
	width:100%;
}
.menu > li {
	float:left; 
	position:relative;
	padding:0 0 0px;
	border-left:1px solid #4c4c4c;
	border-right:1px solid #232323;
	width:187.6px;
}
.menu li:first-child {
	width:188px;
}
.menu li.last {
	width:189px;
}
.menu > li > a {
	display:block; 
	font-family: 'Oswald', sans-serif;
	font-size:14px; 
	line-height:1.5em; 
	padding:31px 0px 32px;
	text-align:center;
	color:#fff; 
	text-transform:uppercase;
	background:url(../images/menu-bg.gif) 0 0 repeat-x #353535;

}
.menu > li > a:hover, .menu > li > a.active, .menu > li.sfHover > a {background:url(../images/menu-hover.gif) 0 0 repeat-x #272727;}

.menu ul {
	position:		absolute;
	padding:		21px 0 22px 0px;
	top:			-999em;
	width:			189px;
	background:#1f1f1f;
}
.menu ul ul {background:#2d2d2d;}

.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {padding:0px 0 6px; background:none;}
.menu li li a {
	display:block;
	padding:		6px 0 6px 20px;
	text-align:		left;
	background:url(../images/hover-1.png) 0 bottom no-repeat;
}
.menu li li a:hover, .menu li li.sfHover > a {
	color:#fffefe;
	background-position:0 top;
}
.menu li li li a {background:url(../images/hover-2.png) 0 bottom no-repeat;}
.menu li li li a:hover {background-position: 0 top;}

.menu li:hover ul, .menu li.sfHover ul {
	left:			-1px;
	top:			83px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			159px;
	top:			40px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}

/*********************************slider**********************************/
.slider-wrapper {
	overflow: hidden;
	position: relative;
	width: 1180px;
	left: 50%;
	margin-left: -596px;
	height: 498px;
	z-index: 1;
}
.slider {
	width: 540px;
	height: 498px;
	position: relative;
	padding: 0px;
}

.items {display:none;}
.slider-padding {padding-left:547px;}

.pagination {
	position:absolute;
	left:459px;
	top:416px;
	z-index:999;
}
.pagination li {
	float:left;
	margin-left:3px;
}
.pagination li a {
	display:block;
	width:19px;
	height:19px;
	text-indent:-5000px;
	background:url(../images/pagination.png) right top no-repeat;
}
.pagination li.current a, 
.pagination li a:hover {background-position:left top;}

.banner {
	position:absolute;
	left:-430px;
	top:66px;
	overflow:hidden;
	color:#1e1e1e;
	z-index:1;
	height:350px;
	background:url(../images/banner-bg.jpg) left top no-repeat;
	width:431px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	color:#727273;
}

.banner-title {
	font-family: 'Oswald', sans-serif;
	font-size:80px;
	line-height:1.5em;
	color:#98c75b;
	text-transform:uppercase;
	letter-spacing:-4px;
}

.banner strong {
	font-family: 'Oswald', sans-serif;
	font-size:25px;
	line-height:1.5em;
	color:#39393a;
	letter-spacing:-1px;
	margin:20px 0 22px 4px;
	display:inline-block;
	font-weight:normal;
}
.banner p {
	margin-left:6px;
	width:390px;
	margin-bottom:40px;
}
.banner span {
	margin-left:5px;
}

.pic {width:641px !important;}

/*********************************content*************************************/
#content {
	width:100%; 
	padding: 0 0 0px;
	z-index:1;
	background:#FFF;
	position:relative;
}
#page2 #content {padding:0 0 55px;}
#page4 #content {padding:0 0 80px;}
#page7 #content {padding:55px 0 55px;}

h3 {
	font-family: 'Oswald', sans-serif;
	font-size:25px; 
	line-height:1.5em; 
	color:#39393a;
	font-weight:normal;
	letter-spacing:-1px;
}
h3 em {
	text-transform:uppercase;
	color:#8fc253;
	font-style:normal;
}

h3 span {
	display:block;
	margin-top:-10px;
}
.h3-pad {margin-bottom:23px;}

h5, h5 a {color:#8dba67;}

h5.style {
	width:175px;
	float:left;
	margin-right:26px;
}

.button {
	background:url(../images/button-bottom.png) 0 bottom repeat-x;
	padding-bottom:8px;
	display:inline-block;
}
.button a {
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	line-height:1.5em;
	color:#fff;
	text-transform:uppercase;
	background:url(../images/button-bg.gif) 0 bottom repeat;
	text-decoration:none;
	padding:11px 24px 9px;
	display:inline-block;
}
.button a:hover {
	background-position: 0 top;
}
.boxes-bg {
	z-index:2;
	position:relative;
	margin-top:-3px;
	overflow:hidden;
	margin-bottom:54px;
	min-height:500px;
}

#page5 .boxes-bg {margin-bottom:30px;}

.boxes {background:url(../images/boxes-bg.png) 0 0 repeat-x;}
.boxes2 {background:url(../images/boxes-bg.png) 0 0 repeat-x; width:637px;}

.box-1, .box-2, .box-3 {float:left;}

.box-bg {background:url(../images/box-bg.png) 0 0 repeat-x #ececec;border-bottom:3px solid #e1e1e1; min-height:113px;}

	#page4 .box-bg {min-height:167px;}

.box-1 {width:317px;}
.box-2 {width:320px;}
.box-3 {width:313px;}

.box-title {
	font-family: 'Oswald', sans-serif;
	font-size:25px;
	line-height:2em;
	color:#FFF;
	padding:1px 26px 1px;
	border-bottom:3px solid #5fa028;
}

.top-box-bg {
	background:url(../images/boxes-bg.png) 0 top repeat-x #8ec252;
}

.border-tail {
	background:url(../images/border-tail.gif) right 0 repeat-y
}

.box-1 .box-indent {
	padding: 29px 32px 36px 26px;
	background:url(../images/border-2.gif) right 0 no-repeat;
}
#page2 .box-1 .box-indent {padding: 29px 32px 31px 26px;}
#page3 .box-1 .box-indent {padding: 29px 32px 36px 26px;}

.box-2 .box-indent {
	padding: 29px 29px 36px;
	background:url(../images/border-2.gif) right 0 no-repeat;
}

.box-3 .box-indent {padding: 29px 26px 36px 29px;}

.box-indent figure {margin-bottom:23px;}

#page4 .box-indent {padding: 24px 26px 39px 25px;}

.box-indent p {margin-bottom:27px;}

.box-indent2 {
	padding: 23px 27px 37px 29px;
	background:url(../images/border-2.gif) right 0 no-repeat;
}
.box-indent3 {
	padding: 23px 27px 37px 29px;
}

.border-1 {background:url(../images/border-1.gif) right 0 repeat-y;}
.border-3 {background:url(../images/border-3.gif) right 0 repeat-y;}
.border-4 {border-bottom:1px solid #eee;}

.list-1 li {
	padding: 2px 0 16px 2px;
}
.list-1 li.last {
	padding-bottom:0;
}
	.list-1 li a {
		display:inline-block;
		background:url(../images/marker-1.gif) 0 4px no-repeat;
		color:#747475;
		padding-left:24px;
	}
		.list-1 li a:hover {
			color:#5f9e28;
			background-position:0 -16px;
		}

.list-2 li {
	padding: 4px 0 21px 31px;
	background:url(../images/ico1.png) 3px 3px no-repeat;
	font-size:12px;
	line-height:1.25em;
}
.list-2 li.item-2 {background-image:url(../images/ico2.png);}
.list-2 li.item-3 {background-image:url(../images/ico3.png);}
.list-2 li.item-4 {background-image:url(../images/ico4.png);}
.list-2 li.item-5 {background-image:url(../images/ico5.png);}
.list-2 li.item-6 {background-image:url(../images/ico6.png);}

.list-2 li.last {
	background-image:url(../images/ico7.png);
	padding-bottom:0;
}
	.list-2 li a {
		display:inline-block;
		color:#2a2a2a;
	}
		.list-2 li a:hover {
			color:#5f9e28;
			background-position:0 bottom;
		}

.circle {
	background:url(../images/circle.png) 0 0 no-repeat;
	font-family: 'Oswald', sans-serif;
	font-size:36px;
	line-height:1.5em;
	color:#FFF;
	text-transform:uppercase;
	float:left;
	padding: 0 20px 2px 16px;
	margin:7px 15px 0 2px;
	
}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-family: 'Oswald', sans-serif;
	font-size:14px; 
	line-height:1.5em;
	color:#bababa;
	background:url(../images/marker-3.gif) 0 4px no-repeat;
	padding-left:24px;
	text-transform:uppercase;
	text-decoration:none;
}
.link-1:hover {
	color:#5f9e28;
	background-position:0 bottom;

} 

.text-1 {
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	line-height:1.5em;
	color:#39393a;
	text-transform:uppercase;
} 

dl span {float:left;width:108px;display:inline-block;}

dd {font-size:13px;line-height:22px;}

dt {color:#8bb865;}

/***** Contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {
				display:block;
				min-height:71px;
			}
			#contact-form label.message {
				min-height:227px;
			}
			#contact-form input {
				width:362px;
				padding:16px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:1.23em;
				color:#747475; 
				border:1px solid #e7e7e7;
				background:none;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				height:175px;
				margin:0;
				width:487px;
				padding:8px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:1.23em;
				color:#747475; 
				border:1px solid #e7e7e7;
				background:none;
				overflow:auto;
			}
			#contact-form a {cursor:pointer;}
				#contact-form .success {display:none; margin-bottom:20px;}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:13px;
					line-height:2em;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper { text-align:right;}
		.buttons-wrapper span { margin-left:20px;}
		
/****************************footer************************/
footer {
	width:100%; 
	background:#e0e0e0;
	padding:17px 0 10px;
}

.footer-text {
	padding-top:7px;
	font-size:13px;
	line-height:1.5em;
	display:inline-block;
	font-weight:normal;
}

footer span {
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	line-height:1.5em;
	color:#39393a;
	text-transform:uppercase;
	display:inline-block;
}

footer .fleft span {
	padding-top:5px;
}

.list-services {
	padding:0;
	
}
	.list-services li {
		float:left; 
		padding:0;
		margin-left:5px;
		background:url(../images/social-buttons.png) 0 0 no-repeat;	
	}

.list-services li:first-child {
	padding:6px 10px 0 0;
	background:none;
}
.list-services .item-3 {background-position: -37px 0px;}
.list-services .item-4 {background-position: -74px 0px;}

.list-services .item-2 a,
.list-services .item-3 a,
.list-services .item-4 a
{
	width:32px;
	height:35px;
	display:block;	
}

#easyTooltip{
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 11px;
	border:1px solid #3f3f3f;
	background:#333;
	color:#fff;
	font-size:12px;
}

/*----- forms -----*/
form.jqtransformdone {
	padding-top:2px;
	margin-bottom:33px;
}
form.jqtransformdone label{
	display: block;
	float:left;
	width:46px;
	padding-top:3px;
}
form.jqtransformdone div.rowElem{
	clear:both;
	height:40px;
	position:relative;
	z-index:10;
}
form.jqtransformdone div.rowElem2{
	clear:both;
	height:55px;
	position:relative;
}

/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(images/input_text_left.gif) no-repeat left top;
	height: 25px;
	padding: 0px;
	float:left;
	width:178px !important;
}

.jqTransformInputInner {
	background: transparent url(images/input_text_right.gif) no-repeat top right;
	padding: 0px;
	margin: 0px;
}

.jqTransformInputInner div {
	height: 25px;
	margin:0px 0px 0px 0;
	overflow:hidden;
}

.jqTransformInputInner div input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align: middle;
	color:#787866;	
	border: none;
	padding: 3px 0px 3px 6px;
	margin: 0px;
	background:transparent;
	float:left;
}

/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -25px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -25px ;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -50px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -50px ;}



.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}

/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}
.jqTransformRadio {
	background: transparent url(images/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(images/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width:268px !important;
	position:relative;
	height: 31px;
	float:left;
	border:1px solid #f1f1f1;
	background:#f7f7f7;
	margin-bottom:5px;
	padding-bottom:2px;
}

.jqTransformSelectWrapper div span {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:1.23em;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 25px;
	padding: 8px 0 0px 12px;
	overflow: hidden;
	cursor:pointer;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 4px;
	top:4px;
	width: 21px;
	height: 23px;
	background: url(../images/marker-2.gif) no-repeat right 2px;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen:hover  {
	background-position: right bottom;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 34px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	z-index:10;
	width:267px !important;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 3px 3px;
	text-decoration: none;
	height:25px;
	color:#333;
	background-color: #FFF;
	padding-left:10px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #f7f7f7;
	color: #333;
	padding-left:10px;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#5f9e28;
	color: #fff;
}

.inner {
	padding:0px 0 31px 3px;
	border-bottom:1px solid #eee;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

a.adv-link {
	background:url(images/arrow1.gif) no-repeat left 6px;
	font-size:10px;
	color:#7e8783;
	text-transform:uppercase;
	float:left;
	padding:0 0 0 10px;
	margin:8px 0 0 0;
}

/***** Lightbox image *****/
.lightbox-image {
	position:relative;
	z-index:1;
	overflow:hidden;
	display:inline-block;
	cursor:pointer;
	}
	.lightbox-image img {
		position:relative;
		z-index:1;
	}
	.lightbox-image span {
		display:inline-block;
		position:absolute;
		left:0px;
		top:-120px;
		width:100%;
		height:100%;
		background:url(../images/magnify.png) no-repeat 50% 0;
		z-index:2;
		padding:0;
	}

/** My Custom **/
.list {
	padding: 0 0 17px 0;
	font-size: 12px;
}
.list li {
	background: url(../imagescustom/marker.gif) no-repeat 1px 7px;
	padding: 0 0 0 22px;
	line-height: 1.786em;
	font-size: 1.167em;
	color: #5e991a;
}
.list li a {
	color: #5e991a;
}