/* 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 ======================================================== */
body {
	background: url(../images/body-bg.gif) 0 0 repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	min-width: 1000px;
	background-attachment: fixed;
	background-color: #FFFFFF;
}
html, body {height: 280px;}

p {padding-top: 20px;}

.top {padding-top: 8px;}
.top1 {padding-top: 13px;}
.top2 {padding-top: 0px;}
.top3 {padding-top: 0px;}
.top4 {padding-top: 22px;}
.top5 {padding-top: 39px;}

.bot {padding-bottom: 44px;}
.bot_1 {padding-bottom: 57px;}
.bot_2 {padding-bottom: 40px;}
.bot_3 {padding-bottom: 17px;}
.bot_4 {padding-bottom: 26px;}

.map {padding: 27px 0 2px 0;}
.img {padding: 22px 0 3px 0;}

a {color: #8e846b; outline: none;}
a:hover{text-decoration: none;}

a.decoration {text-decoration: none;}
	a.decoration:hover {text-decoration: underline;}

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 428px;
}

	/* Header */
	header{
		height: 280px;
		background: url(../images/header-bg.gif) top center no-repeat;
	}
	
	/* Content */
	section#content {
		
	}			
	/* Footer */
	footer{
		height: 106px;
	}
/* Left & Right alignment */

.fleft { float: left;}
.fright { float: right;}
.clear { clear: both;}

.col-1, .col-2, .col-3, .col-4, .col-5 {float: left;}

.alignright {text-align: right;}
.aligncenter {text-align: center;}

.wrapper { 
	width: 100%;
	overflow: hidden;
}
.extra-container {
	width: 100%;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-weight: normal;
}

/*----- other -----*/
.img-indent {margin: 0 20px 0 0; float: left;}
.img-indent1 {margin: 0 14px 0 0; float: left; padding: 14px 0 0;}
.extra-wrap {overflow: hidden;}

/*=============================================================================== text =====*/
h1 {
	padding: 60px 0 0px 0px;
	margin-left: -1px;
	position: relative;
	float: left;
}
	h1 a {
		display: block;
		height: 69px;
		width: 205px;
		text-indent: -5000px;
		background: url(../images/logo.gif) left top no-repeat;
	}
h2 {
	font-size: 36px;
	line-height: 1.2em;
	color: #aaa696;
	padding: 6px 0px 5px 0px;
	text-transform: uppercase;
}
	h2 span {
		display: block;
		margin-top: -9px;
	}
	.h2-top {margin-top: -2px;}
	.h2-top1 {margin-top: 44px;}
h3 {
	font-size: 24px;
	line-height: 1.2em;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: -6px 0 0 0;
	text-transform: uppercase;
}

.space {letter-spacing: -2px;}

.bg-tail-bottom {background: url(../images/bg-tail-bottom-bg.gif) bottom center no-repeat; padding-bottom: 4px; margin-bottom: 36px;}
.bg-tail {
	background: url(../images/bg-tail-bg.gif) top center repeat-y;
	width: 100%;
}

.colgreen {color: #8dc73f;}

.text {
	font-size: 24px;
	line-height: 27px;
	color: #a8a393;
	display: block;
	padding: 13px 0 0;
}
/*=================================================================================================================== header =====*/
/*=============================================================================== nav =====*/
nav {
	padding: 41px 0 0;
	float: right;
}
	nav li {
		float: left;
		font-size: 18px;
		line-height: 1.2307em;
		padding-right: 1px;
	}
		nav li a {
			display: block;
			text-decoration: none;
			text-transform: uppercase;
			color: #978b70;
			padding: 39px 17px 40px 18px;
		}
			nav li a:hover, nav .active {
				background: #c8c6ac;
				color: white;
			}
/*=================================================================================================================== content =====*/
.blocks {
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}
.block {padding: 20px 0 2px;}
	.circle {
		background: #cfc6a5;
		border-radius: 24px;
		-moz-border-radius: 24px;
		-webkit-border-radius: 24px;
		behavior: url(js/PIE.htc);
		position: relative;
		display: block;
		float: left;
		font-size: 25px;
		line-height: 1.2307em;
		color: white;
		width: 31px;
		height: 38px;
		padding: 4px 0px 0px 11px;
		margin: 5px 11px 0 0;
	}
	.overflow {
		overflow: hidden;
		display: inline-block;
		width: 537px;
	}
		.overflow strong {
			display: block;
			color: #cfc6a5;
		}
.bg_1 .circle {background: #6dd0f7;}
	.bg_1 .overflow strong {color: #73c8ed;}
.bg_2 .circle {background: #8dc73f;}
	.bg_2 .overflow strong {color: #8dc73f;}
/*=============================================================================== indents =====*/
.indent {padding: 0px 0px 48px 0px}
.indent1 {padding: 0px 0px 0px 0px}
/*=============================================================================== col-indents =====*/
.col-indent {padding-right: 0px;}
.col-indent1 {padding-right: 0px;}
/*=============================================================================== borders =====*/
.borders a {
	width: 100%;
	min-height: 140px;
	text-decoration: none;
	position: relative;
	float: left;
}
	.borders a strong {
		display: block;
		color: #fffaed;
		font-size: 36px;
		line-height: 1.2em;
		text-transform: uppercase;
		padding: 31px 0 0 28px;
	}
		.borders a strong span {
			display: block;
			margin-top: -9px;
		}
	.borders a.borders-bg_3 strong {padding-top: 25px;}
	.borders a.borders-bg_2 {min-height: 142px;}
	.borders a img {
		position: absolute;
		right: 12px;
		bottom: 18px;
	}
		.borders a:hover img {right: 6px;}
		
.borders-bg_1 {background: #6dd0f7;}
.borders-bg_2 {background: #8dc73f;}
.borders-bg_3 {background: #cfc6a5;}
/*=============================================================================== line-hor =====*/


.divider {background:url(../images/divider-bg.gif) 325px 0px repeat-y;}
.divider_1 {background:url(../images/divider-bg.gif) 320px 0px repeat-y;}
.divider1 {background:url(../images/divider-bg.gif) 645px 0px repeat-y;}
.divider_2 {background:url(../images/divider-bg.gif) 640px 0px repeat-y;}
/*=============================================================================== lists =====*/
.data-list {padding: 18px 0 0;}
	.data-list li {
		border-bottom: 1px solid #e4e2dc;
		padding-bottom: 5px;
		margin-bottom: 4px;
	}
		.data-list li a {
			display: block;
			width: 100%;
			overflow: hidden;
			padding: 6px;
			text-decoration: none;
		}
			.data-list li a:hover {background: #6dd0f7; color: white;}
			.data-list li a img {
				float: left;
				margin-right: 11px;
			}
			.data-list li a strong {color: #8dc73f;}
				.data-list li a:hover strong {color: white;}
	.data-list .last {border: none;}

.list_1 {padding: 17px 0 0 0;}
	.list_1 li {
		font-size: 13px;
		line-height: 32px;
		border-bottom: 1px solid #d2cec4;
		height: 31px;
		overflow: hidden;
		cursor: pointer;
	}
		.list_1 li:hover {background: #6dd0f7; padding-left: 10px;}
		.list_1 li a {
			color: #8e846b;
			text-decoration: none;
			text-transform: uppercase;
			background: url(../images/list_1-a-bg.gif) 0 5px no-repeat;
			padding-left: 17px;
		}
			.list_1 li:hover a {color: #fff; background: url(../images/list_1-a-bg-hover.gif) 0 6px no-repeat;}
	.list_1 .last {border: none;}


.list {padding: 17px 0 0 0;}
	.list li {
		font-size: 13px;
		line-height: 32px;
		border-bottom: 1px solid white;
		background: url(../images/list-bg.gif) 0 13px no-repeat;
		padding-left: 17px;
		height: 31px;
		overflow: hidden;
	}
		.list li a {
			color: white;
			text-decoration: none;
			text-transform: uppercase;
		}
			.list li a:hover {color: #a29887}
	.list .last {border: none;}


.list_2 {padding: 7px 0 7px;}
	.list_2 li {
		width: 100%;
		overflow: hidden;
		height: 54px;
	}
		.list_2 li img {
			float: left;
			margin-right: 20px;
			padding-top: 4px;
		}
		.list_2 li span {overflow: hidden;}
		.list_2 li a {text-decoration: none;}
			.list_2 li a:hover {color: #8dc73f;}
/*=============================================================================== links =====*/
.link_1 {
	font-weight: bold;
	text-transform: capitalize;
	display: inline-block;
	margin-top: 14px;
}
.link {
		text-decoration:none;
		display: inline-block;
		color: white;
		background: #a29887;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		behavior: url(js/PIE.htc);
		position: relative;
		padding: 5px 24px 6px 23px;
		font-weight: bold;
		margin: 8px 0px 0 0;
		text-transform: capitalize;
	}
		.link:hover {background: #c1b7a5;}
/*=============================================================================== gallery =====*/
.gallery {
	width: 100%;
	padding-top: 27px;
}
	.gallery img {
		float: left;
		margin: 0 11px 10px 0px;
		box-shadow: 0 0 4px #bcb8aa;
		-moz-box-shadow: 0 0 4px #bcb8aa;
		-webkit-box-shadow: 0 0 4px #bcb8aa;
		behavior: url(js/PIE.htc);
		position: relative;
	}
	.gallery .last {margin-right: 0;}
	.gallery .bottom {margin-bottom: 0;}
/*=============================================================================== contacts =====*/
.contacts span {
	display: inline-block;
	vertical-align: baseline;
	width: 86px;
}
.contacts strong {color: #8dc73f;}
/*=============================================================================== nav =====*/
.banner {padding: 49px 0 0;}
/*=================================================================================================================== footer =====*/
footer .grid_24 {
	border-top: 1px solid white;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
}

footer p {
	float: left;
	padding: 17px 0 0 0;
}
	footer p a {color: white;}
footer span {
	float: right;
	padding: 17px 0 0 0;
}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/

#SearchForm {
	padding: 7px 0px 6px 0;
	width:270px;
	color: #8d836b;
}
	#SearchForm label {
		display: inline-block;
		background: url(../images/SearchForm-label-bg.gif) 0 0 no-repeat; 
		margin: 16px 0 0;
	}
	#SearchForm input {
		width:238px; 
		padding:9px 16px 11px 16px;
		overflow:hidden;
		background:none;
		border:none;
		font-size: 13px; 
		line-height: 14px; 
		color: #bab09b;
	}
	#SearchForm a {
		text-decoration:none;
		display: inline-block;
		color: white;
		float: right;
		background: #a29887;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		behavior: url(js/PIE.htc);
		position: relative;
		padding: 5px 25px 6px 23px;
		font-weight: bold;
		margin: 6px 1px 0 0;
	}
		#SearchForm a:hover {background: #c1b7a5;}


#ContactForm {
	padding:30px 0 29px;
	width: 603px;
}
	#ContactForm label {
		height:43px; 
		display:block;
	}
	#ContactForm a {
		text-decoration:none;
		display: inline-block;
		color: white;
		float: right;
		background: #a29887;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		behavior: url(js/PIE.htc);
		position: relative;
		padding: 5px 25px 6px 23px;
		font-weight: bold;
		margin: 16px 0px 0 0;
	}
		#ContactForm a:hover {background: #c1b7a5;}
	#ContactForm .input {
		width:403px; 
		background:url(../images/ContactForm-label-bg.gif) 0 0 no-repeat; 
		border:none;
		display:block;
	}
	#ContactForm input {
		width:381px; 
		background:none; 
		border:none;
		padding:10px 11px 12px; 
		color:#8e846b;
		font-size: 13px;
		line-height: 14px;
	}
	#ContactForm textarea {
		width:579px; 
		height:225px;
		background:none;
		border:none;
		padding:11px;
		overflow:auto; 
		color:#8e846b;
		font-size: 13px;
		line-height: 16px;
	}
	#ContactForm .textarea {
		background:url(../images/ContactForm-textarea-bg.gif) 0 0 no-repeat;
		border:none;
		width:603px; 
		display: block;
	}
#page2 .container_24 .prefix_2, #page3 .container_24 .prefix_2, #page5 .container_24 .prefix_2 {padding-left: 77px;}
/*==========================================*/
ul.tabs {
    margin: 40px 0 0;
    padding: 0 0 0 50px;
    list-style: none;
    height: 51px; /*--Set height of tabs--*/
    width: 541px;
	background: #8dc73f;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 51px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 51px; /*--Vertically aligns the text within the tab--*/
    overflow: hidden;
    position: relative;
    background: none;
	padding-left: 0px;
}
ul.tabs li a {
    text-decoration: none;
    color: #fffaed;
    display: block;
    font-size: 20px;
	line-height: 1.2307em;
    padding: 11px 13px 15px 14px;
    outline: none;
	text-transform: uppercase;
}
ul.tabs li a:hover {
    background: #cfc6a5;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #cfc6a5;
}    

.tab_container {
	overflow: hidden;
	clear: both;
	float:left;
	width:590px;
	position:relative
}
.tab_content {
	padding: 0px 0 0 0;
	width:590px;
}

/*==========================================*/
.tab-list {padding: 32px 0 0; margin-left: -3px}
	.tab-list li {padding-top: 23px; position: relative;}
		.tab-list li img {float: left; margin-right: 16px; padding-top: 3px;}
		.tab-list li strong {color: #8dc73f;}
		.tab-list li span {color: #8dc73f;}
		.tab-list li a {font-weight: bold; display: inline-block; margin: 4px 0 0 1px;}
	.tab-list .position {
		position: absolute;
		left: 278px;
		top: 25px;
	}
/*
	* Required 
*/
.loopedCarousel {position: relative;}
.loopedCarousel .container {height:574px; overflow:hidden; position:relative;}

#page4 .loopedCarousel .container {height: 699px;}

.loopedCarousel .slides {position:absolute; top:0; left:0;}
.loopedCarousel .slides div {
	position:absolute;
	top:0;
	width:590px;
	display:none;
}	
/*
	* Optional
*/
.loopedCarousel { position:relative; clear:both; }
.loopedCarousel ul.pagination { 
	padding:0px 0px 0 232px;
}
.loopedCarousel ul.pagination li  { float:left; padding-left:12px; font-size: 13px; line-height: 20px}
.loopedCarousel ul.pagination li a {
	float:left;
	color: #927f67;
}
.loopedCarousel ul.pagination li a:hover {
	text-decoration:none;
	color: #6dd0f7;
}
.loopedCarousel ul.pagination li.active a {
	text-decoration: none;
	color: #6dd0f7;
	font-weight: bold;
}

.carousel-nav {position: absolute; width: 201px; left: 196px;}

.loopedCarousel .previous {
	position: absolute;
	left: 0px;
	top: 0;
	width:22px;
	height:22px;
	background:url(../images/previous-bg.gif) no-repeat 0 0;
}
.loopedCarousel .next {
	position: absolute;
	right: 0px;
	top: 0;
	width:22px;
	height:22px;
	background:url(../images/next-bg.gif) no-repeat 0 0;
}


/* Easy Slider */
    #slider {
	position:relative;
	width:685px;
	overflow: hidden;
	left: 0px;
	top: 0px;
    }
 
    #slider ul, #slider li {
        margin:0;
        padding:0;
        list-style:none;
        }
 
    #slider li{
        width:685px;
        height:531px;
        overflow:hidden;
        }
    #slider li img {
        display:block;
        margin-bottom:0px;
    }
	#slider .controls {display: none;}

/* // Easy Slider */
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
