@charset "utf-8";
/* CSS Document */

<!-->[if lt IE 7]>
<style>
#contentRight { background-color:#0b7548; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding:0px;
	margin:0px;
	background: #e4f0ea; /* Old browsers */
	width:100%;
	height:1250px;
	background-color:#000;
	
}
#contact {
	color:#ffc;	
}
#contentLeftToggle {
	height:295px;
	width:725px;
	float:left;	
	position:absolute;
	left:auto;
	top:525px;
	margin:75px 50px 15px 0px;
	padding:0px 10px 10px 10px;
	z-index:1;
	/*background-color:#e4f0ea;*/
	background-color:#e4f0ea;
}
#contentLeftToggle2 {
	height:295px;
	width:725px;
	float:left;	
	position:absolute;
	top:525px;
	margin:75px 50px 15px 0px;
	padding:0px 10px 10px 10px;
	z-index:1;
	/*background-color:#e4f0ea;*/
	background-color:#e4f0ea;
}
#contentLeftToggle3 {
	height:295px;
	width:725px;
	float:left;	
	position:absolute;
	top:525px;
	margin:75px 50px 15px 0px;
	padding:0px 10px 10px 10px;
	z-index:1;
	/*background-color:#e4f0ea;*/
	background-color:#e4f0ea;
}
#contentLeftToggle4 {
	height:295px;
	width:725px;
	float:left;	
	position:absolute;
	top:525px;
	margin:75px 50px 15px 0px;
	padding:0px 10px 10px 10px;
	z-index:1;
	/*background-color:#e4f0ea;*/
	background-color:#e4f0ea;
}
</style>
<![endif]-->

<!-->[if IE 7]>
<style>
#contentRight { background-color:#0b7548; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding:0px;
	margin:0px;
	background: #e4f0ea; /* Old browsers */
	width:100%;
	height:1250px;
	background-color:#000;
}
#contact {
	color:#ffc;	
}

</style>
<![endif]-->



<!-->[if IE 8]>
<style>
#contentRight { background-color:#0b7548; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding:0px;
	margin:0px;
	background: #e4f0ea; /* Old browsers */
	width:100%;
	height:1250px;
	background-color:#000;
}
#contact {
	color:#FFC;	
}
</style>
<![endif]-->
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding:0px;
	margin:0px;
	background: #e4f0ea; /* Old browsers */
	width:100%;
	height:1250px;
	
	background-color:#000;
background: rgb(58,58,58); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(58,58,58,1) 1%, rgba(14,14,14,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(58,58,58,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(58,58,58,1) 1%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(58,58,58,1) 1%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(58,58,58,1) 1%,rgba(14,14,14,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(58,58,58,1) 1%,rgba(14,14,14,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}



h1,h2,h3,h4 {
	line-height:100%;	
}
h1 {
	font-size: 30px;
	font-weight:bold;
	color:#000;
	line-height:59%;
}
h2 {
	font-size: 24px;
	color:#077244;
}
h2 < #contentRight {
	color:#e4f0c0;	
}
h3 {
	font-size: 18px;
	color:#000;
	margin-top:-15px;
}
h4 {
	font-size: 12px;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #e4f0c0;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color:e4f0c0;
}
p, li {
	line-height:20px;
	font-size:12px;
	color:#000;
}
#wrapper {
	background-color:#e4f0ea;
	width:1100px;
	height:915px;
	margin: 0px auto 0px auto;
	padding-bottom:20px;
	background-color:#e4f0ea;
	border-radius:5px;
	moz-border-radius:5px;
	webkit-border-radius:5px;
}
.shadowOut {
  -moz-box-shadow:    5px 0px 5px 5px #666;
  -webkit-box-shadow:  0px 0px 5px 5px #666;
  box-shadow:          0px 0px 5px 5px #666;
}
.shadowIn {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
/*Header*/

#header {
	width:100%;
	height:60px;
	background-color:#e4f0ea;
	
}
.logo {
	float:left;
	width:auto;
	height:auto;
	padding:15px;
}
.head_info {
	float:right;
	width:350px;
	height:auto;
	padding:15px;
	color:#077244;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.socialIcons {
	float:left;
}

/*Navigation*/

#nav {
	width:100%;
	height:25px;
	float:left;
	text-align:center;
	list-style-type: none;
	border-radius:10px;
	nav-border-radius:10px;
	z-index:9999;
	background: rgb(24,142,87); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(24,142,87,1) 0%, rgba(20,121,78,1) 50%, rgba(7,114,68,1) 51%, rgba(24,142,87,1) 51%, rgba(7,114,68,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,142,87,1)), color-stop(50%,rgba(20,121,78,1)), color-stop(51%,rgba(7,114,68,1)), color-stop(51%,rgba(24,142,87,1)), color-stop(100%,rgba(7,114,68,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(24,142,87,1) 0%,rgba(20,121,78,1) 50%,rgba(7,114,68,1) 51%,rgba(24,142,87,1) 51%,rgba(7,114,68,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(24,142,87,1) 0%,rgba(20,121,78,1) 50%,rgba(7,114,68,1) 51%,rgba(24,142,87,1) 51%,rgba(7,114,68,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(24,142,87,1) 0%,rgba(20,121,78,1) 50%,rgba(7,114,68,1) 51%,rgba(24,142,87,1) 51%,rgba(7,114,68,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(24,142,87,1) 0%,rgba(20,121,78,1) 50%,rgba(7,114,68,1) 51%,rgba(24,142,87,1) 51%,rgba(7,114,68,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#188e57', endColorstr='#077244',GradientType=0 ); /* IE6-9 */


}
.nav {
	float:left;
	display:inline;
	width:100px;
	height:15px;
	color:#fff;
	margin:2px 0px 0px 35px;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	z-index:9999;
}
.nav ul{
}
.nav li{
}

/*Page Content*/

#content {
}
#contentLeft {
	height:auto;
	width:625px;
	float:left;	
	margin:15px 50px 15px 0px;
	padding:10px 10px 10px 10px;
}
#contentRight {
	height:360px;
	width:175px;
	float:right;	
	margin: 10px 10px 0px 0px;
	padding:20px;
	padding-bottom:40px;
	background: rgba(11,116,71,1);
	border-radius:5px;
	moz-border-radius:5px;
	webkit-border-radius:5px;
	z-index:9999;
}
#contentRightTile {
	height:auto;
	width:auto;
	float:right;
	position:absolute;	
	margin-right:50px;
	padding:20px;
}
/*3 column divs*/
#column3 {
	float:left;
	width:40%;
	margin-left:35px;
	padding: 10px 10px 10px 10px;
}
///// slideshow ///////
body { 
	font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	letter-spacing:0;
	color:#434343;
	background:#efefef url(../img/background.png) repeat top center;
	padding:20px 0;
	position:relative;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;
}


#example {
	width:600px;
	height:350px;
	position:relative;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}
#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:570px;
	height:270px;
	display:block;
}

/*Next/prev buttons*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*Pagination*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current  {
	background-position:0 -12px;
}

/*Caption*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
/*Slider End*/

#contentMid {
	width:100%;
	height:auto;
	float:left;
}
#contentWidth {
	max-width:auto;
	min-width:1000px;
	max-height:auto;
	min-height:450px;
	clear:both;
	padding:15px 0px 15px 0px;
	background-color:#999;
}
#widthInner {
	margin:15px 15px 15px 15px;
	max-width:auto;
	min-width:985px;
	height:auto;
}

/*Footer*/
#footer {

	width:auto;
	height:100px;
	color:#fff;
	padding-bottom:60px 0px 0px 20px;
	margin:20px auto 0px auto;
	clear:both;
	text-align:center;
}
.fnav {
	float:left;
	width:175px;
	margin-left:10px;
	text-align:center;
}
.copyInfo {
	float:left;
	width:300px;
	margin-left:10px;
	clear:both;
}
#contact {
	color:#FFC;
	font-weight:bold;
	font-size:14px;	
	margin-top:7px;
}
#contactTitle {
	color:#000;
	height:auto;
	padding-left:5px;
	margin:-25px 0px 7px 0px;
}
input {
	background-color:#74b081;
	color:#FFF;
	border-color:#fff;
	border-width:2px;
	border-radius:10px;
	moz-border-radius:20px;
	height:20px;
	margin:5px 0px 2px 0px;
	font-size:12px;
	width:175px;
}	
///// slideshow ///////
body { 
	font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	letter-spacing:0;
	color:#434343;
	background:#efefef url(../img/background.png) repeat top center;
	padding:20px 0;
	position:relative;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
	webkit-font-smoothing: subpixel-antialiased;
}


#example {
	width:1100px;
	height:400px;
	position:relative;
	border-radius:20px;
	moz-border-radius:20px;
	z-index:1;
	float:left;

}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
	border-radius:20px;
	moz-border-radius:20px;
	z-index:1;
}
#slides {
	position:absolute;
	top:0px;
	left:-1px;
	z-index:1;
	:400px;

}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:1100px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:1100px;
	height:400px;
	display:block;
	border-radius:20px;
	moz-border-radius:20px;
	z-index:1;
}

/*Next/prev buttons*/

#slides .next,#slides .prev {
	position:absolute;
	top:150px;
	left:-24px;
	width:24px;
	height:43px;
	display:block;
	
}

#slides .next {
	left:1100px;
}

/*Pagination*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current  {
	background-position:0 -12px;
}

/*Caption*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
/*Slider End*/

textarea:active {outline: 10px solid #000s;}

ol {padding-left:15px;}