* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html {
	min-width:940px;
}
body { 
	background:url(images/body-bg.gif) left top #324349; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#3e5d69;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

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

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

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

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}




/*==== GLOBAL =====*/
#main {
	width:940px; 
	margin:0 auto;
	font-size:.75em;
	position:relative;
}

#header {
	height:99px;
}
#content {
	padding:105px 0 0 7px;
}


/*---- tailings ----*/
.tail-top { 
	background:url(images/tail-top.gif) left top repeat-x;
}
.tail-bottom { 
	background:url(images/tail-bottom.gif) left bottom repeat-x;
}

.main-bg {
	background:url(images/main-bg.jpg) no-repeat center 99px;
}

/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:16px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:16px;
}
.p3 { 
	margin-bottom:24px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#3e5d69; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:48px;
	line-height:1em;
	font-weight:normal;
	color:#fff;
	text-transform:uppercase;
	border-left:3px solid #ff9600;
	padding:0 0 0 20px;
	margin:0 0 18px 603px;
	text-shadow:1px 1px 0 #000;
}
	h1 span {
		color:#ffc100;
	}
h2 {
	font-size:35px;
	line-height:1.2em;
	color:#fff;
	font-weight:normal;
	margin-bottom:16px;
}
h3 {
	
}
h4 {
	font-size:36px;
	line-height:1.2em;
	color:#cd2825;
	font-weight:normal;
	margin-bottom:7px;
	text-indent:8px;
}
h5 {
	font-size:16px;
	color:#fff;
	font-weight:normal;
	background:url(images/title-bg.png) no-repeat left top;
	padding:13px 0 20px 35px;
}
	h5.alt1 {
		background:url(images/title-bg1.png) no-repeat left top;
	}
h6 {
	
}


.txt1 {
}
.txt2 {
}

.link1 { 
	display:block;
	float:left;
	background:url(images/link1-bgd.gif) left top repeat-x; 
	color:#fff; 
	text-decoration:none;
}
.link1:hover { 
	text-decoration:underline;
}
	.link1 em {
		display:block;
		background:url(images/link1-left.gif) no-repeat left top;
	}
	.link1 b { 
		display:block;
		background:url(images/link1-right.gif) no-repeat right top; 
		padding:2px 15px 2px 15px; 
		font-weight:normal; font-style:normal;
	}
	

.button { 
	float:right;
}
	.button span { 
		display:block; 
		background:url(images/button-left.gif) no-repeat left top; 
		padding-left:3px;
	}
		.button span span { 
			background:url(images/button-right.gif) no-repeat right top;
			padding-right:4px;
			padding-left:0;
		}
			.button span span a { 
				display:block;
				background:#333743;
				padding:4px 5px 3px 5px;
				color:#fff;
				text-decoration:none;
				text-transform:uppercase;
			}
			.button span span a:hover { 
				text-decoration:underline;
			}

.button1 {
	background:url(images/button1-bg.gif) no-repeat left top;
	width:91px;
	height:26px;
	float:left;
	color:#fff1c3;
	font-weight:bold;
	text-decoration:none;
	text-indent:18px;
	line-height:22px;
}
.button1:hover {
	color:#000;
}

.button2 {
	background:url(images/button2-bg.gif) no-repeat left top;
	width:94px;
	height:27px;
	float:right;
	color:#fff1c3;
	font-weight:bold;
	text-decoration:none;
	text-indent:18px;
	line-height:22px;
	margin-top:15px;
	margin-right:10px;
}
.button2:hover {
	color:#000;
}

.button3 {
	background:url(images/button3.png) no-repeat left top;
	width:93px;
	height:27px;
	float:left;
	color:#fff1c3;
	font-weight:bold;
	text-decoration:none;
	text-indent:20px;
	line-height:22px;
	margin-right:10px;
}
.button3:hover {
	color:#000;
}


.button4 {
	background:url(images/button4.png) no-repeat left top;
	width:93px;
	height:27px;
	float:left;
	color:#fff1c3;
	font-weight:bold;
	text-decoration:none;
	text-indent:20px;
	line-height:22px;
	margin-right:10px;
}
.button4:hover {
	color:#000;
}



.button5 {
	background:url(images/button5.gif) no-repeat left top;
	width:68px;
	height:22px;
	color:#fff1c3;
	font-family:Tahoma, Geneva, sans-serif;
	float:right;
	text-align:center;
	text-decoration:none;
	line-height:22px;
}
.button5:hover {
	color:#000;
}

.line-hor { 
	background:#3a3c52;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}
.line-ver { 
	background-image:url(images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}
.line-ver1 { 
	background-image:url(images/line-ver1.gif); 
	background-repeat:repeat-y;
	width:100%;
}

.title { 
	margin-bottom:20px;
}


/*==================boxes====================*/
.box {
	background:url(images/box-bg.gif) left top repeat-x #95b2b1;
	width:100%;
}
.box.alt {
	background:url(images/box-bg1.gif) left top repeat-x #c2d2d2;
}
	.box .border-top {
		background:url(images/border-top.gif) repeat-x top;
	}
	.box .border-bot {
		background:url(images/border-bot.gif) repeat-x bottom;
	}
	.box.alt .border-bot {
		background:url(images/border-bot1-1.gif) repeat-x bottom;
	}
	.box .border-left {
		background:url(images/border-left.gif) repeat-y left;
	}
	.box .border-right {
		background:url(images/border-right.gif) repeat-y right;
	}
	.box .left-top-corner {
		background:url(images/left-top-corner.gif) no-repeat left top;
	}
	.box .right-top-corner {
		background:url(images/right-top-corner.gif) no-repeat right top;
	}
	.box .left-bot-corner {
		background:url(images/left-bot-corner.gif) no-repeat left bottom;
		}
	.box .right-bot-corner {
		background:url(images/right-bot-corner.gif) no-repeat right bottom;
		}
	
	.box.alt .left-top-corner {
		background:url(images/left-top-corner1-1.gif) no-repeat left top;
	}
	.box.alt .right-top-corner {
		background:url(images/right-top-corner1-1.gif) no-repeat right top;
	}
	.box.alt .left-bot-corner {
		background:url(images/left-bot-corner1-1.gif) no-repeat left bottom;
		}
	.box.alt .right-bot-corner {
		background:url(images/right-bot-corner1-1.gif) no-repeat right bottom;
		}
	.box .inner { 
		padding:7px 20px 0 8px;
	}
	.box .inner1 { 
		padding:7px 0 35px 8px;
	}
	.box .inner2 { 
		padding:7px 20px 26px 16px;
	}
	.box .inner3 { 
		padding:22px 20px 36px 42px;
	}
	.box .inner4 { 
		padding:32px 42px 36px 30px;
	}
		.box h2 {
			color:#10181a;
		}


.box1 {
	background:url(images/box1-bg.gif) left top repeat-x #101719;
	width:100%;
	color:#fff1c3;
}
	.box1 .border-top {
		background:url(images/border-top1.gif) repeat-x top;
	}
	.box1 .border-bot {
		background:url(images/border-bot1.gif) repeat-x bottom;
	}
	.box1 .border-left {
		background:url(images/border-left1.gif) repeat-y left;
	}
	.box1 .border-right {
		background:url(images/border-right1.gif) repeat-y right;
	}
	.box1 .left-top-corner {
		background:url(images/left-top-corner1.gif) no-repeat left top;
	}
	.box1 .right-top-corner {
		background:url(images/right-top-corner1.gif) no-repeat right top;
	}
	.box1 .left-bot-corner {
		background:url(images/left-bot-corner1.gif) no-repeat left bottom;
		}
	.box1 .right-bot-corner {
		background:url(images/right-bot-corner1.gif) no-repeat right bottom;
		}
	.box1 .inner { 
		padding:20px 20px 40px 42px;
	}

.address { 
	padding-bottom:10px;
}
	.address dt {
		padding-top:16px;
	}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:90px;
		}
		.address dd a {
			font-weight:bold;
		}



.links { padding:14px 0 0 0;}
.links dt {
	font-weight:bold;
}
	.links dt a {
		color:#66b000;
	}
.links dd {
	padding-bottom:16px;
}

/*===== header =====*/
#header .fleft {
	padding:27px 0 0 18px;
}
	
#header .nav {
	float:right;
	padding:35px 55px 0 0;
}
	#header .nav li {
		float:left;
		padding-left:27px;
	}
		#header .nav li a {
			display:block;
			float:left;
			color:#b7c9d2;
			text-decoration:none;
			font-size:20px;
			line-height:1.2em;
		}
			#header .nav li a em {
				display:block;
				float:left;
				font-style:normal;
			}
				#header .nav li a b {
					display:block;
					float:left;
					font-weight:normal;
					padding:5px 13px 13px 15px;
				}
				
				#header .nav li a:hover, #header .nav li a.current {
					background:url(images/nav-bg.gif) left top repeat-x;
					color:#fff;
				}
				#header .nav li a:hover em, #header .nav li a.current em {
					background:url(images/nav-left.gif) no-repeat left top;
				}
				#header .nav li a:hover b, #header .nav li a.current b {
					background:url(images/nav-right.gif) no-repeat right top;
				}

/*===== content =====*/
#content .indent {
	padding:0 0 0 12px;
}

/*--- carousel begin ---*/
.carousel-box {
	background:url(images/carousel-bg.png) no-repeat left top;
	width:656px;
	height:172px;
	float:right;
	overflow:hidden;
}
	.carousel-box .inner {
		padding:21px 0 0 56px;
		position:relative;
	}
		.carousel-box button {
			background:none;
			width:33px;
			height:33px;
			border:none;
			position:absolute;
			cursor:pointer;
			outline:none;
			z-index:10;
		}
		.carousel-box button.prev {
			left:20px;
			top:66px;
		}
		.carousel-box button.next {
			right:24px;
			top:66px;
		}
			.carousel-box ul li {
				padding-right:5px;
			}
/*--- carousel end ---*/

.main-text {
	font-size:26px;
	color:#fff;
	padding:0 0 23px 375px;
	line-height:1.2em;
}
	.main-text a {
		color:#ffca00;
		text-decoration:none;
	}
	.main-text a:hover {
		color:#ca2522;
	}


.listA li {
	background:url(images/arrow1.gif) no-repeat left 6px;
	padding:0 0 11px 13px; 
}


.list1 li {
	background:url(images/arrow1.gif) no-repeat left 6px;
	padding:0 0 11px 13px; 
}
	.list1 li a {
		color:#30464d;
		text-decoration:none;
	}
	.list1 li a:hover {
		text-decoration:none;
		background:#fff;
		background:#30464d;
		color:#fff;
	}

.list2 {
	float:left;
	margin-right:60px;
}

.list2 li {
	background:url(images/arrow2.gif) no-repeat left 6px;
	padding:0 0 11px 13px;
}
	.list2 li a {
		color:#fff1c3;
		text-decoration:none;
	}
	.list2 li a:hover {
		text-decoration:none;
		text-decoration:underline;
	}

/*--- slider begin ---*/
	.slides-box {
		background:url(images/slides-box.jpg) no-repeat left top;
		width:933px;
		height:315px;
	}
		.slides-box .inner {
			padding:5px 0 0 5px;
		}
	/*
	 * Required 
	*/
	.container { width:914px; height:295px; overflow:hidden; position:relative;}
	.slides { position:absolute; top:0; left:0; }
	.slides div { position:absolute; top:0; width:914px; display:none; }
	/*
	 * Optional
	*/
	#loopedSlider,#newsSlider { width:914px; position:relative; clear:both; }
	ul.pagination { list-style:none; padding:0; margin:0; position:absolute; left:617px; bottom:17px;}
	ul.pagination li  { float:left; padding-right:3px;}
	ul.pagination li a { color:#212f39; font-weight:bold; width:22px; line-height:22px; float:left; text-align:center; text-decoration:none;}
	ul.pagination li a:hover { background:url(images/pagination-bg.gif) no-repeat center top; color:#fff;}
	ul.pagination li.active a {background:url(images/pagination-bg.gif) no-repeat center top; color:#fff;}
	
	.slides dl {
		width:100%;
		overflow:hidden;
	}
		.slides dl dt {
			float:left;
			width:603px;
			position:relative;
			height:295px;
		}
		.slides dl dd {
			float:left;
			width:307px;
			padding-top:5px;
			position:relative;
		}
			.slides dl dd span.title {
				display:block;
				width:307px;
				height:50px;
				font-size:16px;
				color:#fff;
				background:url(images/title-bg.jpg) no-repeat left top;
				line-height:44px;
				text-indent:35px;
				margin-bottom:10px;
			}
			.slides dl dd h2 {
				padding:0 0 0 20px;
				color:#cd2825;
				margin-bottom:7px;
			}
			.slides dl dd p {
				padding:0 20px 0 20px;
			}
			.slides dl dd a.button2 {
				position:absolute;
				right:0;
				bottom:-40px;
			}
/*--- slider end ---*/




div.content-gallery {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 915px; 
}
div.content-gallery a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content-gallery a:focus, div.content-gallery a:hover, div.content-gallery a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: -35px;
	background:url(images/controls-bg.gif) no-repeat left top;
	width:907px;
	height:43px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	display:none;
}
div.nav-controls {
	display:inline;
}
	div.nav-controls a.prev {
		float:left;
		background:url(images/prev-bg.gif) no-repeat left top;
		width:84px;
		height:27px;
		color:#fff1c3;
		font-weight:bold;
		text-decoration:none;
		text-indent:20px;
		font-family:Tahoma, Geneva, sans-serif;
		padding:0;
		line-height:20px;
		margin-top:11px;
		margin-left:20px;
		position:relative;
	}
		div.nav-controls a.prev:hover {
			color:#000;
		}
	div.nav-controls a.next {
		float:right;
		background:url(images/next-bg.gif) no-repeat left top;
		width:61px;
		height:27px;
		color:#fff1c3;
		font-weight:bold;
		text-decoration:none;
		text-indent:22px;
		font-family:Tahoma, Geneva, sans-serif;
		padding:0;
		line-height:20px;
		margin-top:11px;
		margin-right:20px;
		position:relative;
		
	}
		div.nav-controls a.next:hover {
			color:#000;
		}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 428px; /* This should be set to be at least the height of the largest image in the slideshow */
	float:left;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
	
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 601px;
	height: 428px; /* This should be set to be at least the height of the largest image in the slideshow */
	/* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	position:absolute;
	top:0;
	left:0;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	height: 75px;
	float:left;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 601px;
	width:307px;
}
div.caption {
	padding:3px 0 0 0;
}
	div.caption h3 {
		font-size:36px;
		font-weight:normal;
		line-height:1.2em;
		color:#cd2825;
		padding:6px 0 0 20px;
		background:#e0e9e9;
	}
div.caption .work-caption {
	background:url(images/title-bg.jpg) no-repeat left top;
	width:310px;
	height:48px;
	font-size:16px;
	color:#fff;
	line-height:40px;
	text-indent:35px;
}
div.image-desc {
	padding:6px 14px 0 22px;
}
	div.image-desc a {
		color:#66b000;
		text-decoration:underline;
	}
	div.image-desc a:hover {
		text-decoration:none;
	}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	width:915px;
	overflow:hidden;
}
ul.thumbs li {
	float: left;
	padding: 0;
	width:183px;
	height:112px;
	list-style: none;
}
a.thumb {
	
}

ul.thumbs li.selected a.thumb {
	
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position:absolute;
	bottom:0;
	width:800px;
	text-align:center;
}
div.navigation {
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:45px;
}

div.navigation div.bottom {
	
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	margin-right: 2px;
	padding: 4px 8px 3px 7px;
	color:#212f39;
	font-weight:bold;
	display:inline-block;
	background:#aebebf;
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background:url(images/pagination-bg.gif) no-repeat left top;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
div.pagination.bottom {
	display:none;
}




/*--- tabs begin ---*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 52px; /*--Set height of tabs--*/
	width: 100%;
	position:relative;
}
ul.tabs li {
	float: left;
	overflow: hidden;
	position: relative;
	background:url(images/tab1.jpg) no-repeat left top;
	width:175px;
	height:52px;
	line-height:44px;
	font-size:15px;
	margin-right:1px;
	text-indent:33px;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	outline: none;
	padding-bottom:1px;
	height:52px;
}
ul.tabs li a:hover {
	
}
ul.tabs li.active, ul.tabs li a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background:url(images/tab2.jpg) no-repeat left top;
}
ul.tabs li.last {
	margin-right:0;
}


.tab_container {
	overflow: visible;
	width: 100%;
	color: #36500c;
	float: left;
	height: 320px;
}
.tab_content {
	padding: 16px 10px 25px 27px;
}

.tab_container ul.list1 {
	float:left;
	width:155px;
	margin-right:20px;
}
	.tab_container ul.last {
		margin-right:0 !important;
	}
/*--- tabs end---*/


/*===== footer =====*/
#footer {
	color:#778d8a;
	padding:12px 0 17px 32px;
}
	#footer span {
		text-transform:uppercase;
	}
	#footer a {
		color:#778d8a;
		text-decoration:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}


/*----- forms -----*/
#newsletter-form {
	color:#66b000;
}

	#newsletter-form fieldset {
		border:none;
	}
		#newsletter-form div.field {
			padding:5px 0 5px 0;
		}
			#newsletter-form strong {
				color:#fff;
			}
			#newsletter-form input.text {
				width:170px;
				padding:1px 0 1px 4px;
				margin-right:7px;
			}
			#newsletter-form input.submit {
				width:83px;
				height:22px;
				color:#fff1c3;
				font-weight:bold;
				background:url(images/submit.gif) no-repeat left top;
				border:none;
				cursor:pointer;
			}
			#newsletter-form a {
				color:#66b000;
				font-weight:bold;
			}


#form1 fieldset {
	border:none;
	color:#fff;
	font-weight:bold;
	width:267px;
}
	#form1 label { 
		display:block;
		height:50px;
	} 
		#form1 label input { 
			width:260px;
			padding:1px 0 1px 3px;
			color:#000;
		}
		#form1 textarea {
			width:260px;
			height:115px;
			padding:0 0 0 3px;
			margin-bottom:20px;
			color:#000;
			overflow:auto;
		}

/*==========================================*/