/* 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:'futura_std_bookregular';
	font-size:14px; 
	color:#333;
	min-width:1000px;
	background:url(../../images/bg.jpg);
	/*background-color:#101216;*/
}
.header { clear:both; overflow:hidden; height:90px; position:relative; width:1000px; margin:auto;}
.footer { clear:both; width:1000px; margin:auto;}
.footer p { color:#999;}
.left {width: 585px; float: left;}
.right {width: 230px; float: right;}

.logo { position:absolute; top:10px; left:135px;}
.header-text { clear:both; width:1000px; margin:auto; height:136px; position:relative; background:url(../../images/notepad-top.png) no-repeat center top;}
.header-text .title { position:absolute; left:115px; top:35px; font-size:21px; font-weight:bold;}
.header-text .title a{ color:#000;}
.header-text .title a:hover{ color:#fff;}
.header-text .slogan { width:440px; position:absolute; top:65px; left:27px; font-size:12px;}
.header-text .breadcrumbs { width:825px; position:absolute; top:95px; left:95px; margin:auto; margin-top:5px; font-size:13px;}
.header-text .breadcrumbs a { color:#999;}
.header-text .breadcrumbs a:hover { color:#099601;}

.menu-tab {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);
           position: absolute;right: -243px; top:245px; height:40px; width:600px;}
.menu-tab li { float:left; margin:0px; padding:8px;}
.menu-tab a { color:#000;}
.menu-tab a:hover { color:#fff;}
.tag1 {background:url(../../images/tag1-top.png) no-repeat left top;}
.tag1 strong{ background:url(../../images/tag1-bot.png) no-repeat right top; padding:8px 18px 8px 0px;}
.tag1 strong strong { background:url(../../images/tag1-bg.png) repeat-x;padding:8px}

.tag2 {background:url(../../images/tag2-top.png) no-repeat left top;}
.tag2 strong{ background:url(../../images/tag2-bot.png) no-repeat right top; padding:8px 18px 8px 0px;}
.tag2 strong strong { background:url(../../images/tag2-bg.png) repeat-x;padding:8px}

.tag3 {background:url(../../images/tag3-top.png) no-repeat left top;}
.tag3 strong{ background:url(../../images/tag3-bot.png) no-repeat right top; padding:8px 18px 8px 0px;}
.tag3 strong strong { background:url(../../images/tag3-bg.png) repeat-x;padding:8px}

.tag4 {background:url(../../images/tag4-top.png) no-repeat left top;}
.tag4 strong{ background:url(../../images/tag4-bot.png) no-repeat right top; padding:8px 18px 8px 0px;}
.tag4 strong strong { background:url(../../images/tag4-bg.png) repeat-x;padding:8px}

.tag5 {background:url(../../images/tag1-top.png) no-repeat left top;}
.tag5 strong{ background:url(../../images/tag1-bot.png) no-repeat right top; padding:8px 18px 8px 0px;}
.tag5 strong strong { background:url(../../images/tag1-bg.png) repeat-x;padding:8px}

.main {
	width:833px; 	
	padding:0px;
	margin:0px auto;
	font-size:14px;
	background:url(../../images/dirty.png) no-repeat 10px 10px;
	overflow:hidden;
}
.main img { border:0px;}
.img { clear:both; text-align:center;}
.img img { max-width:560px; border:0px;}

a {color:#000; outline:none; text-decoration:none;}
a:hover {text-decoration:none; color:#099601;}

.col-1, .col-2 {float:left;width:210px;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}

.recentBox { clear:both; width:230px; margin-bottom:10px;}
.recentBox .recent-title {background:url(../../images/notepad-recent-bg.png) repeat-y; text-align:center; padding:0px 10px 13px 10px}
.recentBox .recent-title h3 { color:#099601;-webkit-transform:rotate(-8deg);}
.recentBox .recent-body { background:url(../../images/notepad-recent-bg.png) repeat-y; padding:5px 25px 0px 20px}
.recentBox .recent-body li { background:url(../../images/bullet.png) no-repeat left center; padding-left:20px;}
.recentBox .recent-body ul { max-height:400px; overflow:auto;}
.recentBox .recent-bottom {background:url(../../images/notepad-recent-bot.png) no-repeat center bottom; height:114px;}

.cateBox { clear:both;background:url(../../images/notepad-cate-top.png) no-repeat center top; padding-top:76px; margin-bottom:10px;width: 230px;}
.cateBox .cate-title {background:url(../../images/notepad-cate-bg.png) repeat-y; text-align:center; padding:0px 10px 13px 10px}
.cateBox .cate-title h3 { color:#099601;-webkit-transform:rotate(-8deg);}
.cateBox .cate-body { background:url(../../images/notepad-cate-bg.png) repeat-y; padding:5px 15px 8px 20px}
.cateBox .cate-body li { background:url(../../images/bullet.png) no-repeat left center; padding-left:20px;}
.cateBox .cate-bottom {background:url(../../images/notepad-cate-bot.png) no-repeat center bottom; height:66px;}
 
p {margin-bottom:10px; padding-top:5px; text-align:justify;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.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;}
.bl {display:block;}
.bo {font-weight:bold;}

.letter {}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#3991c9;}
.color-4 {color:#94c83d}

.index-1 {z-index:1; position:relative;}
.index-2 {z-index:2; position:relative;}
/*********************************boxes**********************************/

.img-indent {float:left; margin:0 8px 0 0;}
.img-indent2 {float:left; margin:0 22px 0 0;}
.img-indent3 {float:left; margin:5px 19px 0 0;}

.indent-l {margin-left:88px;}
.indent-l2 {margin-left:29px;}
.indent-r {margin-right:20px;}
.top-indent {padding-top:24px;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
#header {
	width:100%;
	position:relative; 
	z-index:2;
	background-color:#163d1b;
	border-bottom:1px solid #163d1b;
}

.header-bg {width:100%; padding-bottom:10px;}


/*********************************menu**********************************/
.menu {
	padding:50px 0px 10px 0;
	float:right;
	margin-right:50px;
}
.menu > li {
	float:left; 
	margin-left:13px;
}
.menu > li:first-child {margin:0;}
.menu > li > a {
	display:inline-block;
	padding-left:11px;
	cursor:pointer;
}

.menu > li > a > strong {
	display:inline-block;
	padding-right:11px;
}

.menu > li > a strong strong {
	display:inline-block;
	font-size:13px;
	line-height:30px;
	text-transform:uppercase;
	/*letter-spacing:-1px;	*/
	padding:2px 4px 5px 5px;	
	height:27px;
	color:#000;
}


.menu > li:hover > a, .menu > li:hover > a strong strong,
.menu > li.active > a, .menu > li.active > a strong strong,
.menu > li.sfHover > a, .menu > li.sfHover > a strong strong {background-position: 0 0; color:White;}

.menu > li:hover > a > strong,  
.menu > li.active > a > strong, 
.menu > li.sfHover > a > strong {background-position: right 0;}

.menu > li.active, .menu > li:hover, .menu > li.sfHover {box-shadow: 0px 2px 2px #181c20; border-radius:5px;}

.menu ul li {width:	auto;}
.menu ul ul li {width:	100%;}
.menu li:hover {visibility:	inherit;}

/******************************** submenu **************************************/
.menu ul {
	position:		absolute;
	top:			-999px;
	width:			100%;
	background:		#010101;
	padding:		5px 0 6px;
	text-align:		center;
	height:			18px;
}
.menu ul ul {
	padding:		0;
	background:		none;
	width:			150px;
	text-align:		left;
	height:   		auto;
}
.menu li li {
	padding:0; 
	margin:	0 0 0 12px;
	display:inline;
	position:relative;
}
	.menu li li:first-child {margin:0;}

.menu li li a {
	display:		inline-block;
	padding:		0 0 0 8px;
	font-size:		11px;
	line-height:	18px;
	text-transform:	uppercase;
	color:			#1288e3;
	
	background:		url(../../images/marker-2.gif) left 6px no-repeat #010101;
	position:relative;
	overflow:hidden;
}
.menu li li a:hover, .menu li li.sfHover > a {color:#099601;}

.menu li li li { 
	display:block;
	margin:1px 0 0; 
	padding:0;
}
.menu li li li a {
	display:block;
	padding:6px 0 4px 19px;
	background:		url(../../images/marker-2.gif) 9px 12px no-repeat #010101;
}
.menu li li li a:hover {}
.menu li:hover ul, .menu li.sfHover ul {
	left:			-2px;
	top:			82px;
	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:			0px;
	top:			24px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}


/*********************************slider**********************************/
.slider {
	background:url(../../images/notepad-recent-bot.png) right top no-repeat;
	width:833px;
	height:310px;
	padding:30px 0 0;
	position:relative;
}

.pad-1 {margin-top:-16px;}
.style-1 {font-size:50px;margin-top:-25px;}

.slider-link {
	position:absolute;
	top:360px;
	left:250px;
	font-size:23px;
	line-height:1.521em;
	color:#6b92ab;
	text-decoration:none;
	text-transform:none;
	
	font-weight:normal;
	transform:rotate(-9deg);
	-o-transform:rotate(-9deg);
	-ms-transform:rotate(-9deg);
	-moz-transform:rotate(-9deg);
	-webkit-transform:rotate(-9deg);
	display:inline-block;
	background:url(../../images/slider-link-bg.png) right -4px no-repeat;
	padding-right:37px;
}

.slider-link:hover {
	color:#099601;
}

/*********************************content*************************************/
.content {
	width:1000px; 
	padding:0px;
	position:relative;
	z-index:1;
	margin:auto;
}
.content .body{background:url(../../images/notepad-bg.png) repeat-y center;}
.content .footer {background:url(../../images/notepad-bot.png) no-repeat center bottom; height:174px;}
h2 {
	font-size:18px; color:#099601;
}

h3 {
	font-size:16px; color:#099601;
}

h3 strong {
	font-weight:normal;
	margin-top:-13px;
	display:inline-block;
}
h1 {
	font-size:36px; 
	line-height:1.222em; 
	color:#099601;
	text-transform:uppercase;
	font-family:'futura_std_condensedbold';
	background:url(../../images/line.png) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:5px;
}

h1 strong {
	font-weight:normal;
	margin-top:-13px;
	display:inline-block;
}

h4 {
	font-size:14px; 
	line-height:1.206em; 
	color:#099601;
	text-transform:uppercase;
}

h4 strong {
	display:block;
	margin-top:-3px;
	font-weight:normal;
}

h5 {
	color:#bcbdbe;
}

h6 {
	font-size:23px; 
	line-height:1.217em; 
	color:#099601;
	text-transform:uppercase;
	font-style:italic;
}


.border-1 {
	border-left:1px solid #222428;
}

.button {
	background:url(../../images/button-tail.gif) 0 0 repeat-x #343941;
	display:inline-block; 
	padding:5px 10px;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:1.666em;
	color:#c6c8cc; 
	text-transform:uppercase;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
	
	.button:hover {background:#ebebe9; color:#019cff;}


.button2 {
	background:url(../../images/button2-left.png) left top no-repeat;
	padding-left:7px;
	display:inline-block; 
	font-family:futura_std_bookregular;
	font-size:12px;
	line-height:1.666em;
	color:#099601; 
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold; 
}
	
	.button2:hover {background-position: left bottom; color:#019cff;}

.button2 > span {
	background:url(../../images/button2-right.png) right 0 no-repeat;
	padding-right:7px;
	display:inline-block; 	
}
	.button2:hover > span {background-position: right bottom;}

.button2 span span {
	padding:9px 2px 8px 2px;
	background:url(../../images/button2-tail.png) 0 0 repeat-x;
	display:inline-block;
}

	.button2:hover span span {background-position: 0 bottom;}

.button3 {
	background:url(../../images/button2-left.png) left top no-repeat;
	padding-left:7px;
	display:inline-block; 
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:1.666em;
	color:#099601; 
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
}
	
	.button3:hover {background-position: left bottom; color:#019cff;}

.button3 > span {
	background:url(../../images/button2-right.png) right 0 no-repeat;
	padding-right:7px;
	display:inline-block; 	
}
	.button3:hover > span {background-position: right bottom;}

.button3 span span {
	padding:9px 6px 8px;
	background:url(../../images/button2-tail.png) 0 0 repeat-x;
	display:inline-block;
}

	.button3:hover span span {background-position: 0 bottom;}


.list-1 li {
	font-size:11px;
	line-height:18px;
	text-transform:uppercase;
	padding: 3px 0 9px;
}
	.list-1 li a {
		display:inline-block;
		background:url(../../images/marker-1.png) 0 5px no-repeat;
		padding-left:17px; 
	}
		.list-1 li a:hover {
			color:#099601;
			background-position: 0 -28px;
		}

.list-1 li.last {padding-bottom:0;}

.list-2 li {
	padding:6px 0 21px 41px; 
	background:url(../../images/ico1.png) 0 0 no-repeat;
}
	.list-2 li a {
		display:inline-block; 
		color:#bcbdbe; 
	}
		.list-2 li a:hover {color:#099601;}
	.list-2 li.item-2 {background:url(../../images/ico2.png) 0 0 no-repeat;}
	.list-2 li.item-3 {background:url(../../images/ico3.png) 0 0 no-repeat;}

.block-bot {
	padding:0px 0 0;
	width:100%;
	height:43px;
	margin-top:-30px;
}

.block {
	min-height:122px;
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	padding: 20px 25px 0;
}

.table1 {
	color:#bcbdbe;
	font-weight:bold;
}

.table-col-1 {width:121px;}
.table-col-2 {width:74px;}
.table-col-3 {width:120px;text-transform:uppercase; color:#1288e3; font-size:11px; font-weight:normal;}


.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-size:14px; 
	padding-right:8px; 
}
.link-1:hover {color:#099601;} 

.text-1 {font-size:14px;color:#099601;text-align:center;font-weight:bold;font-family: 'Cabin', sans-serif;padding-top:5px;} 
.text-2 {font-size:11px; line-height:1.272em; color:#1288e3;text-transform:uppercase;display:inline-block;margin-bottom:13px;}
.text-3 {display:block;font-style:italic;position:relative;overflow:hidden;}

blockquote {
	background:url(../../images/quote.png) left 5px no-repeat;
	font-size:11px;
	line-height:1.272em;
	width:100%;
}

blockquote p {
	padding-left:20px;
	font-style:italic;
	margin-bottom:5px;
	font-size:13px;
	line-height:20px;
}

blockquote span {
	text-transform:uppercase;
	color:#1288e3;
}

dl span {float:left; width:75px;}

dl a {color:#379ecb;}

/*****carousel style*****/
.carousel-wrapper {overflow:hidden;padding-left:180px;}
.carousel-box {width:820px; height:325px; position:relative;left:50%; margin: 0px 0 23px -505px; background:url(../../images/carousel-bg.png) center 37px no-repeat;font-size:13px;line-height:20px;color:#7a869b;overflow:hidden;}
.carousel-box .next {display:block; width:33px; height:50px; text-indent:-5000px; background:url(../../images/carousel-control.png) left top no-repeat; position:absolute; right:0px; top:137px;}
.carousel-box .prev {display:block; width:33px; height:50px; text-indent:-5000px; background:url(../../images/carousel-control.png) right top no-repeat; position:absolute; left:0px; top:137px;}
#carousel li {width:350px !important; height:315px !important;}
#carousel li.item-1 {background:url(../../images/pic1.png) 89px top no-repeat;padding-top:80px;}
#carousel li.item-2 {background:url(../../images/pic2.png) 85px 4px no-repeat;padding-top:80px;}
#carousel li.item-3 {background:url(../../images/pic3.png) 88px 4px no-repeat;padding-top:80px;}
#carousel li.item-4 {background:url(../../images/pic4.png) 89px 0 no-repeat;padding-top:80px;}
.carousel-block {margin-right:29px !important;padding:23px 22px 0 0;background:url(../../images/devider.gif) right top no-repeat;min-height:158px;}
.carousel-block h2 {font-family: 'futura_std_bookregular';font-size:24px;line-height:30px;display:block;color:#099601;text-transform:uppercase; width:290px; text-align:center;}
.carousel-box h4 {padding-left:67px;}
.carousel-image { text-align:center; height:80px; width:320px;}
.carousel-image  img { max-height:80px; text-align:center;}
.jCarouselLite {margin:0px 0 0 0px; left:60px !important; width:700px !important;}

#map_canvas {
	width:270px;
	height:260px;
	overflow:hidden;
}

/***** 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:31px;
			}
			#contact-form label.message {
				min-height:250px;
			}
			
			#contact-form input {
				width:278px;
				padding:3px 10px;
				margin:0;
				font-family:futura_std_bookregular;
				font-size:13px;
				line-height:1.23em;
				color:#0e9038; 
				border:none;
				background:#343940;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				height:215px;
				margin:0;
				width:440px;
				padding:8px 10px;
				margin:0;
				font-family:futura_std_bookregular;
				font-size:13px;
				line-height:1.23em;
				color:#0e9038; 
				border:none;
				background:#343940;
				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:11px;
					line-height:2em;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper { padding:0 5px 0 0; text-align:right;}
		.buttons-wrapper a { 
			margin-left:20px;
			background:url(../../images/button-left.png) left top no-repeat;
			display:inline-block; 
			padding-left:7px;
			position:relative;
			overflow:hidden;
			cursor:pointer;
		}
		
		.buttons-wrapper a > span {
			display:inline-block; 
			background:url(../../images/button-right.png) right top no-repeat;
			padding-right:7px;
		}
		
		.buttons-wrapper a span span {
			background:url(../../images/button-tail.gif) 0 0 repeat-x;
			display:inline-block; 
			padding:5px 3px;
			font-family: 'Oswald', sans-serif;
			font-size:12px;
			line-height:1.666em;
			color:#c6c8cc; 
			text-transform:uppercase;
			text-decoration:none;
		}

		.buttons-wrapper a:hover {background-position: left bottom;}
		.buttons-wrapper a:hover > span {background-position: right bottom;}
		.buttons-wrapper a:hover span span {background-color:#ebebe9; background-image:none; color:#019cff;}

		
#contactus-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	
#contactus-form span:first-child {
	display:inline-block;
	width:160px;
	padding-top:2px;
}
#contactus-form span.s1 {width:80px !important;}
#contactus-form span.s2 {font-style:italic; display:inline-block;}

	#contactus-form fieldset {
		border:none;
		padding:0;
		}			
			#contactus-form label {
				display:block;
				min-height:31px;
			}
			#contactus-form label.message {
				min-height:270px;
			}
			
			#contactus-form input {
				width: 185px;
				padding:3px 10px;
				margin:0;
				font-family:futura_std_bookregular;
				font-size:13px;
				line-height:1.23em;
				color:#099601; 
				border:none;
				background:#343940;
			}
			#contactus-form input.add {width:105px !important;}
			#contactus-form textarea {
				height:124px;
				margin:0;
				width:439px;
				padding:8px 10px;
				margin:0;
				font-family:futura_std_bookregular;
				font-size:13px;
				line-height:1.23em;
				color:#099601; 
				border:none;
				background:#343940;
				overflow:auto;
			}
		.buttons-form { padding:20px 0px 0 0; text-align:right;}

		
/****************************footer************************/
footer {
	width:100%; 
	padding:0px;
}

.footer-text {
	font-family:futura_std_bookregular;
	font-size:11px;
	line-height:1.272em;
	color:#000;
	text-align:right;
	border-top:1px solid #000;
	padding:10px 0 20px;
}

.footer-text a {
	color:#000;
	text-decoration:none;
}

.footer-text a:hover {text-decoration:underline;}

.social { width:590px; margin:auto; position:relative;}
.social .fb { position:absolute; top:60px; left:0px;}
.social .tw { position:absolute; top:35px; right:135px;}
.social .gp {position:absolute; top:20px; right:50px;}