/* Website template by freewebsitetemplates.com */
/*------------------------- Fonts ---------------------------*/
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}



@font-face {
	font-family: 'ralewaythin';
	src: url('../fonts/raleway-thin-webfont-webfont.eot');
	src: url('../fonts/raleway-thin-webfont-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/raleway-thin-webfont-webfont.woff') format('woff'),  url('../fonts/raleway-thin-webfont-webfont.ttf') format('truetype'),  url('../fonts/raleway-thin-webfont-webfont.svg#ralewaythin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'pt_serif_captionitalic';
	src: url('../fonts/pt_serif-caption-web-italic-webfont-webfont.eot');
	src: url('../fonts/pt_serif-caption-web-italic-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pt_serif-caption-web-italic-webfont-webfont.woff') format('woff'), url('../fonts/pt_serif-caption-web-italic-webfont-webfont.ttf') format('truetype'), url('../fonts/pt_serif-caption-web-italic-webfont-webfont.svg#pt_serif_captionitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'pt_serif_captionregular';
	src: url('../fonts/pt_serif-caption-web-regular-webfont.eot');
	src: url('../fonts/pt_serif-caption-web-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pt_serif-caption-web-regular-webfont.woff') format('woff'), url('../fonts/pt_serif-caption-web-regular-webfont.ttf') format('truetype'), url('../fonts/pt_serif-caption-web-regular-webfont.svg#pt_serif_captionregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*------------------------- Layout styles ------------------------*/
body {
	margin:0;
	font-family:"Arial", Gadget, sans-serif;
	background:url(../image/bg-body.jpg);
}
a {
	outline:none;
	color:#165208;
}
a img {
	border:0;
	display:block;
}
.page {
	width:960px;
	margin:0 auto 53px;
	background:url(../image/bg-bottom.png) no-repeat left bottom;
	padding:0 0 14px 0;
}
/*------------------------- Header -------------------------*/
.header {
	height:131px;
	overflow:hidden;
	position:relative;
}
.header a#logo {
	left:0;
	position:absolute;
	top:0;
}
.header div {
	float:right;
	margin:0;
	overflow:hidden;
	width:816px;
}
.header div div:first-child {
	background:none;
	float:right;
	height:auto;
	padding:13px 48px 10px 0;
	width:auto;
}
.header div div:first-child a {
	color:#134067;
	font-size:12px;
	line-height:24px;
	text-decoration:none;
	text-shadow:0 1px 0 #fde9c3;
}
.header div div:first-child span {
	color:#134067;
	display:inline-block;
	font-size:12px;
	line-height:24px;
	padding:0 8px;
	text-shadow:0 1px 0 #fde9c3;
}
.header div div {
	margin-top:20px;
	background:url(../image/bg-nav.png) no-repeat;
	float:none;
	height:63px;
	overflow:hidden;
}
.header div div ul {
	float:left;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:12px 0 0 10px;
}
.header div div ul li:first-child {
	margin:0;
}
.header div div ul li {
	float:left;
	height:24px;
	margin:0 0 0 5px;
	
}
.header div div ul li.selected {
	background:url(../image/bg-nav-left.jpg) no-repeat left top;
}
.header div div ul li a {
	color:#725a2b;
	display:block;
	font-size:14px;
	height:24px;
	line-height:24px;
	padding:0 2px 0 0;
	text-decoration:none;
}
.header div div ul li a span {
	display:block;
	padding:0 22px;
}
.header div div ul li.selected a span {
	background:url(../image/bg-nav-mid.jpg) repeat-x left top;
}
.header div div ul li.selected a {
	background:url(../image/bg-nav-right.jpg) no-repeat right top;
	color:#165208;
	text-shadow:0 1px 0 #fff;
}
.header div div ul li a:hover {
	color:#165208;
	text-shadow:0 1px 0 #fff;
}
.header div div form {
	float:left;
	margin:0 0 0 36px;
	overflow:hidden;
	padding:12px 0 0;
}
.header div div form input:first-child {
	background:url(../image/bg-search.jpg) no-repeat;
	border:0;
	color:#165208;
	float:left;
	font-family:inherit;
	font-size:12px;
	height:22px;
	line-height:21px;
	margin:0 12px 0 0;
	padding:2px 5px 0;
	width:158px;
	cursor:text;
}
.header div div form input:first-child:hover {
	background:url(../image/bg-search.jpg) no-repeat;
}
.header div div form input {
	background:url(../image/buttons.png) no-repeat;
	border:0;
	cursor:pointer;
	float:left;
	height:24px;
	padding:0;
	width:72px;
}
.header div div form input:hover {
	background:url(../image/buttons.png) no-repeat 0 -134px;
}
/*------------------------- Body ---------------------------*/
.body {
	background:url(../image/bg-top.png) no-repeat left top;
	padding:19px 0 0;
}
.body .home {
	background:url(../image/bg-mid.png) repeat-y left top;
	overflow:hidden;
}
.body .home div.featured {
	
	height:300px;
	margin:0;
	overflow:hidden;
	padding:0 0 16px;
	position:relative;
}
.body .home div.featured div {
	background:url(../image/clip-right.png) no-repeat right top;
	margin:0;
	position:relative;
	z-index:1000;
}
.body .home div.featured div div {
	background:url(../image/clip-left.png) no-repeat left top;
	height:378px;
	margin:0;
}
.body .home div.featured img {
	border:9px solid #FFF;
	left:38px;
	position:absolute;
}
.body .home div.featured div div p {
	color:#416277;
	font-size:12px;
	left:98px;
	line-height:24px;
	margin:0;
	position:absolute;
	top:175px;
	width:415px;
}
.body .home div.featured div div p a {
	background:none;
	color:#a98b52;
	display:inline;
	height:auto;
	margin:0;
	padding:0;
	position:static;
	text-decoration:none;
	width:auto;
}
.body .home div.featured div div a {
	background:url(../image/buttons.png) no-repeat 0 -71px;
	display:block;
	height:61px;
	left:180px;
	position:relative;
	text-indent:-9999px;
	top:270px;
	width:186px;
}
.body .home div.featured div div a:hover {
	background:url(../image/buttons.png) no-repeat 0 -199px;
}

.body .home div.section {
	background:url(../image/border.png) repeat-x left bottom;
	margin:0px 47px 30px;
	overflow:hidden;
	padding:0 0 23px;
}
.body .home div.section div:first-child {
	background:none;
	float:left;
	width:500px;
}
.body .home div.section div:first-child h4 {
	color:#bac3cb;
	font-family: 'pt_serif_captionitalic';
	font-size:30px;
	font-weight:400;
	margin:17px 0 0;
	text-shadow:0 1px 0 #fdfbfb;
}
.body .home div.section div:first-child p {
	color:#848a8f;
	font-size:12px;
	line-height:24px;
	margin:10px 0 0;
}
.body .home div.section div:first-child p a {
	color:#165208;
	display:inline;
	text-decoration:none;
}
.body .home div.section div:first-child ul {
	background-color:#d1d6db;
	list-style:none;
	width:150px;
	margin:17px 0 0;
	overflow:hidden;
	padding:7px 16px 12px;
}
.body .home div.section div:first-child ul li {
	float:left;
	margin:0 0 0 36px;
	width:156px;
}
.body .home div.section div:first-child ul ul {
	margin:0;
	padding:0;
}
.body .home div.section div:first-child ul li li:first-child {
	padding:0 0 4px 18px;
}
.body .home div.section div:first-child ul li li {
	background:url(../image/arrow-right.png) no-repeat left 9px;
	border-bottom:1px solid #c0c8cf;
	display:inline-block;
	margin:18px 0 0;
	padding:0 0 5px 18px;
	width:156px;
}
.body .home div.section div:first-child ul li a {
	background:none;
	color:#165208;
	font-size:12px;
	line-height:24px;
	margin:0;
	padding:0;
	text-decoration:none;
}
.body .home div.section div:first-child ul li a:hover {
	text-decoration:none!important;
	color:#fff;
}
.body .home div.section div {
	float:left;
	margin:0;
	padding:0 0 9px;
	width:auto;
}

.body .home div.section div.content {
	width:80%;
}


.body .home div.section div a {

	margin:8px 0 0;
}
.body .home div {
	background:none;
	margin:28px 47px 0;
	padding:0 0 36px;
}
.body .home div ul {
	background:none #d1d6db;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:18px 18px 8px;
}
.body .home div ul li {
	float:left;
	margin:0 0 0 37px;
	width:252px;
}
.body .home div ul li h3 {
	background:url(../image/bg-title.jpg) no-repeat;
	height:24px;
	margin:0 auto 18px;
	text-align:center;
	width:239px;
	color:#2c88c4;
	display:block;
	font-family: 'pt_serif_captionitalic';
	font-size:12px;
	font-weight:400;
	line-height:26px;
}
.body .home div ul li a {
	background:url(../image/bg-shadow3.png) no-repeat left bottom;
	display:block;
	padding:0 0 9px;
}
.body .home div ul li p {
	color:#848A8F;
	font-size:11px;
	line-height:24px;
	margin:5px 0 16px;
}
.body .home div ul li p a {
	background:none;
	color:#A98B52;
	display:inline;
	padding:0;
	text-decoration:none;
}
.body .home div ul li a.click-here {
	background:url(../image/buttons.png) no-repeat -55px -32px;
	height:37px;
	margin:0 auto 9px;
	padding:0;
	width:145px;
}
.body .home div ul li a.click-here:hover {
	background:url(../image/buttons.png) no-repeat 0 -160px;
}
.body .about div p {
	color:#416277;
	font-size:12px;
	line-height:24px;
	margin:15px 0 24px;
}
.body .about-where div p {
	color:#416277;
	font-size:12px;
	line-height:24px;
	margin:25px 0 26px;
}
.body .about-how div p {
	color:#416277;
	font-size:12px;
	line-height:24px;
	margin:25px 0 24px;
}
.body .blog {
	background:url(../image/bg-mid.png) repeat-y scroll left top transparent;
	padding:0 48px 0 0;
}
.body .blog ul {
	list-style:none;
	margin:0;
	padding:0;
}
.body .blog ul li {
	margin:38px 0 0;
	overflow:hidden;
	padding:24px 0 0;
}
.body .blog ul li div:first-child {
	background:url(../image/bg-shadow3.png) no-repeat right bottom;
	float:left;
	height:auto;
	padding:0 0 9px;
	position:relative;
	width:314px;
}
.body .blog ul li div:first-child a {
	background:none;
	display:block;
	height:auto;
	margin:0 0 0 38px;
	width:276px;
}
.body .blog ul li div:first-child a:hover {
	background:none;
}
.body .blog ul li div:first-child span {
	background:url(../image/clip-left.png) no-repeat scroll left top transparent;
	display:block;
	height:59px;
	left:0;
	position:absolute;
	top:0;
	width:65px;
}
.body .blog ul li div {
	background:url(../image/bg-shadow2.png) no-repeat right 42px;
	float:right;
	height:auto;
	padding:0 0 16px 30px;
	width:568px;
}
.body .blog ul li div div:first-child {
	background:none #fff;
	float:none;
	height:42px;
	padding:0;
	width:568px;
}
.body .blog ul li div div h3 {
	color:#0d314f;
	float:left;
	font-family: 'ralewaythin';
	font-size:24px;
	font-weight:400;
	line-height:24px;
	margin:8px 0 0 10px;
}
.body .blog ul li div div div {
	background:none;
	float:right;
	height:auto;
	padding:9px 20px 0 0;
	width:auto;
}
.body .blog ul li div div div span:first-child {
	background:none;
	color:#9da3a8;
	display:block;
	font-family: 'ralewaythin';
	font-size:12px;
	height:auto;
	line-height:24px;
	position:static;
	width:auto;
}
.body .blog ul li div p {
	color:#416277;
	font-size:12px;
	line-height:24px;
	margin:13px 0 24px;
}
.body .blog ul li div p a {
	background:none;
	color:#A98B52;
	display:inline;
	text-decoration:none;
}
.body .blog ul li div a {
	background:url(../image/buttons.png) no-repeat -110px 0;
	display:block;
	height:30px;
	text-indent:-99999px;
	width:90px;
}
.body .blog ul li div a:hover {
	background:url(../image/buttons.png) no-repeat 0 -262px;
}
.body .blog ul.paging {
	list-style:none;
	margin:120px 0 0;
	overflow:hidden;
	padding:0 0 68px;
	text-align:center;
}
.body .blog ul.paging li {
	display:inline;
	margin:0;
	padding:0;
}
.body .blog ul.paging li a {
	color:#979ea5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:30px;
	margin:0 3px;
	text-decoration:none;
}
.body .blog ul.paging li a:hover {
	color:#606971;
}
.body .contact {
	background:url(../image/bg-mid.png) repeat-y scroll left top transparent;
	min-height:1255px;
	overflow:hidden;
	padding:0;
}
.body .contact div {
	float:right;
	padding:0 36px 0 0;
	width:580px;
}
.body .contact h2 {
	background:url(../image/border.png) repeat-x scroll left bottom transparent;
	color:#84909C;
	display:inline-block;
	float:left;
	font-family: 'ralewaythin';
	font-size:30px;
	font-weight:400;
	line-height:48px;
	margin:32px 98px 0 74px;
	padding:0 20px 0 0;
	text-decoration:none;
	text-shadow:0 1px 0 #FDFBFB;
}
.body .contact div h3 {
	color:#416277;
	font-size:14px;
	font-style:italic;
	line-height:24px;
}
.body .contact div p {
	color:#416277;
	font-size:12px;
	line-height:24px;
	margin:15px 0 24px;
	padding:0 15px 0 0;
	text-align:justify;
}
.body .contact div p a {
	color:#416277!important;
	text-decoration:underline!important;
}
.body .contact div p a:hover {
	color:#42a3e4!important;
}
.body .home div.featured div div p a:hover, .body .home div.section div:first-child p a:hover, .body .home div.section div ul li a:hover, .body .home div ul li h3 a:hover, .body .home div ul li p a:hover, .body .about div p a:hover, .body .about-where div p a:hover, .body .about-how div p a:hover, .body .blog ul li div p a:hover, .body .contact div p a:hover {
	text-decoration:underline;
}
.body .home div.section div:first-child ul li:first-child, .body .home div ul li:first-child, .body .about ul li:first-child a, .body .about-where ul li:first-child a, .body .about-how ul li:first-child a, .body .blog ul li:first-child {
	margin:0;
}
.body .home div.section div a img, .body .home div ul li a img {
	border:12px solid #F9F9F9;
}
.body .home div.section div a img:hover, .body .home div ul li a img:hover, .body .blog ul li div:first-child a img:hover {
	filter:alpha(opacity=80);/* Needed for IE8 and old versions */
	opacity:0.8;
}
.body .about, .body .about-where, .body .about-how {
	background:url(../image/bg-mid.png) repeat-y left top;
	min-height:1255px;
	overflow:hidden;
	padding:0;
}
.body .about ul, .body .about-where ul, .body .about-how ul {
	float:left;
	list-style:none;
	margin:32px 54px 0 74px;
	padding:0;
	width:216px;
}
.body .about ul li, .body .about-where ul li, .body .about-how ul li {
	background:url(../image/border.png) repeat-x left bottom;
}
.body .about ul li.selected a, .body .about-where ul li.selected a, .body .about-how ul li.selected a {
	background:url(../image/arrow-right2.png) no-repeat right center;
}
.body .about ul li a, .body .about-where ul li a, .body .about-how ul li a {
	color:#84909c;
	display:block;
	font-family: 'ralewaythin';
	font-size:30px;
	line-height:48px;
	margin:12px 0 6px;
	text-decoration:none;
	text-shadow:0 1px 0 #fdfbfb;
}
.body .about div, .body .about-where div, .body .about-how div {
	float:left;
	padding:0 36px 0 0;
	width:580px;
}
.body .about div div, .body .about-where div div, .body .about-how div div, .body .contact div div {
	background:url(../image/bg-shadow2.png) no-repeat 7px bottom;
	display:block;
	float:none;
	position:relative;
	width:inherit;
}
.body .about div div span, .body .about-where div div span, .body .about-how div div span, .body .contact div div span {
	background:url(../image/clip-right.png) no-repeat right top;
	display:block;
	height:59px;
	position:absolute;
	right:0;
	top:0;
	width:65px;
}
.body .about div div img, .body .about-where div div img, .body .about-how div div img, .body .blog ul li div:first-child a img, .body .contact div div img {
	border:12px solid #F9F9F9;
	display:block;
}
.body .about div p a, .body .about-where div p a, .body .about-how div p a, .body .contact div p a {
	color:#a98b52;
	text-decoration:none;
}
/*------------------------- Footer -------------------------*/
.footer {
	background:url(../image/bg-mid.png) repeat-y left top;
	padding:0 0 16px;
}
.footer div {
	background:url(../image/bg-shadow.png) no-repeat center bottom;
	padding:0 0 8px;
}
.footer div div {
	background:none #fff;
	height:47px;
	padding:0;
}
.footer div div ul {
	float:left;
	list-style:none;
	margin:10px 135px 0 35px;
	overflow:hidden;
	padding:0;
}
.footer div div ul li:first-child {
	background:none;
	margin:0;
	padding:0 8px 0 0;
}
.footer div div ul li {
	background:url(../image/border-footer-nav.png) no-repeat left 8px;
	float:left;
	padding:0 8px;
}
.footer div div ul li a {
	color:#246ea5;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.footer div div ul li a:hover {
	text-decoration:none;
}
.footer div div p {
	color:#09F;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	margin:15px 0 0;
}
.footer div div div.connect {
	float:left;
	height:auto;
	margin:13px 0 0 65px;
	overflow:hidden;
}

.footer div div div.connect a#fb {
	background:url(../image/icons.png) no-repeat 0 -48px;
	display:block;
	float:left;
	height:30px;
	margin:0 10px 0 44px;
	text-indent:-99999px;
	width:25px;
}
.footer div div div.connect a#youtube {
	background:url(../image/icons.png) no-repeat 0 -25px;
	display:block;
	float:left;
	height:21px;
	margin:0 37px 0 10px;
	text-indent:-99999px;
	width:25px;
}

