/* 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:"Arial", Arial, Helvetica, sans-serif;
	color:#000;
	min-width:976px;
	background:#fff;
	font-size:13px;
	line-height:18px;
}


.main {
	width:976px; 	
	padding:0;
	margin:0 auto;
	position:relative;
}

a {color:#b3b3b3; outline:none; text-decoration:none;}
a:hover {text-decoration:none;}
.link {text-decoration:underline;}
.link2:hover {text-decoration:underline;}
.link3 {color:#cc470c;}
.link3:hover {color:#1899bf;}

.wrapper {width:100%; overflow:hidden; position:relative;}
.extra-wrap {
	overflow:hidden;
	color: #000;
}

p {
	margin-bottom:18px;
	font-size: 14px;
} 
.p0 {margin-bottom:0;}
.p1 {
	margin-bottom:3px;
	font-size: 12px;
	color: #000;
}
.p2 {
	margin-bottom:9px;
	color: #000;
}

.d-in-block {display:inline-block;}
.d-block {display:block;}
.reg {text-transform:uppercase;}
.reg2 { word-spacing:-2px;}
.rel {position:relative;}
.fleft {float:left;}
.fright {float:right;}

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

.img-indent-l {float:left; margin:0px 12px 0px 0px;}	
.img-indent-2 {float:left; margin:0px 28px 0px 0px;}	
.img-indent-3 {float:left; margin:0px 15px 0px 0px;}	
.img-indent-4 {float:left; margin:0px 7px 0px 0px;}	

/*********************************boxes**********************************/
.indent {padding:0 0 33px 40px;}
.indent1 {padding:24px 0 0px 17px;}
.indent2 {padding:25px 26px 31px 24px;}
#page5 .indent2 {padding:25px 26px 23px 24px;}

.indent-left {padding-left:5px;}

.indent-bottom {padding-bottom:0;}

.indent-right {padding-right:8px;}
.indent-right1 {padding-right:12px;}

.indent-top {padding-top:31px;}
.indent-top1 {padding-top:38px;}
.indent-top2 {padding-top:6px;}
.indent-top3 {padding-top:24px;}
.indent-top4 {padding-top:46px;}
.indent-top5 {padding-top:57px;}

.margin-top { margin-top:-7px;}
.margin-top1 { margin-top:-3px;}

.margin-bot {margin-bottom:43px;}
.margin-bot1 {margin-bottom:20px;}
.margin-bot2 {margin-bottom:15px;}
.margin-bot3 {margin-bottom:22px;}
.margin-bot4 {margin-bottom:9px;}
.margin-bot6 {margin-bottom:31px;}
.margin-bot7 {margin-bottom:18px;}
.margin-bot8 {margin-bottom:41px;}
.margin-bot9 {margin-bottom:36px;}
.margin-bot10 {margin-bottom:13px;}
.margin-bot11 {margin-bottom:24px;}
.margin-bot12 {margin-bottom:33px;}

.margin-left {margin-left:7px;}

.margin-right {margin-right:17px;}
.margin-right1 {margin-right:8px;}



/*********************************header*************************************/
header {
	width:100%;
	background:#fff;
	padding:0 0 14px;
}

h1 {
	padding:0;
	float:left;
}
	h1 a {
		display:block; 
		text-indent:-9999px;
		background:url(../images/logo.png) no-repeat 0 0;
		width:166px;
		height:91px;
		left:0;
		top:0;
}
h2 {
	display:block;
	float:left;
	font-size:14px;
	line-height:1.2em;
	color:#df4e22;
	padding:47px 0 0 4px;
	font-family: 'Lato', sans-serif;
	font-weight:900;
}
h2 strong {
	display:block;
	margin-top:-3px;
}
/***** menu *****/
nav {
	float:left;
}
.menu {
	float:left;
	position:relative;
	z-index:20;
	padding:15px 0 0;
}
.menu li {
	float:left; 
	position:relative;
	margin-left:77px;
}
.menu li:first-child {
	margin-left:0;
}
.menu li a {
	display:block;
	font-size:14px;
	line-height:17px;
	color:#cc470c; 
	z-index:20;
	font-family: 'Arial', sans-serif;
	font-weight:400;
	text-shadow:0 0 1px rgba(204, 71, 12, .1);
}
.menu li.sfHover {
	position:relative;
	z-index:10;
}
.menu li a.active,
.menu > li > a:hover,
.menu > li.sfHover > a {
	color:#1899bf;
	text-shadow:0 0 1px rgba(25, 153, 191, .15);
}

.menu ul {
	z-index:20;
	letter-spacing:normal;
	position:		absolute;
	top:			-9999em;
	width:			191px;
	background: 	#fff;
	border:			none;
	padding:20px 4px 24px 4px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.menu ul ul {
	width:173px;
	padding:10px 4px 19px 4px;
}
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {
	background:none;
	margin:3px 0 0 0;
	border:none;
}
.menu li li:first-child {
	margin:0;
}
.menu li li a {
	text-transform:none;
	display:		block;
	padding:		0 0 0 10px;
	font-size:		14px;
	line-height:	17px;
	color:			#0792ba;
	background:url(../images/menu_l.png) left -100px no-repeat;
	padding:0 0 0 5px;
	font-family:"Arial", Arial, Helvetica, sans-serif;
	z-index:90;
}
.menu li li a span {
	display:block;
	background:url(../images/menu_r.png) right -100px no-repeat;
	padding:0 5px 0 0;
}
.menu li li a span span {
	background:url(../images/menu_marker.png) 9px 11px no-repeat;
	padding:3px 0 5px 20px;
}
.menu li li > a:hover, 
.menu li li.sfHover > a {
	color:#fff;
	background-position:left top;
}
.menu li li > a:hover span, 
.menu li li.sfHover > a span {
	background-position:right top;
}
.menu li li > a:hover span span, 
.menu li li.sfHover > a span span {
	background-color:#1899bf;
}
.menu li li li a {
	font-size:11px;
	text-transform:uppercase;
	z-index:50;
}
.menu li:hover ul, .menu li.sfHover ul {
	left:			-17px;
	top:			28px;
	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:			193px;
	top:			-10px;
	z-index:		998;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}

/*********************************content*************************************/
#content {
	width:100%; 
	padding:0 0 36px;
	background:url(../images/bg-1.png) center top no-repeat;
}
.flash {
	background:url(../images/flash_img2.jpg) center top no-repeat;
	position:relative;
	height:297px;
}
#page1 .flash {
	height:528px;
	background:none;
	padding:0 0 0 12px;
}
hgroup {
	overflow:hidden;
	display:block;
	height:91px;
	width:300px;
	position:absolute;
	left:0;
	top:22px;
}
.join {
	position:absolute;
	right:10px;
	top:293px;
	display:block;
	width:273px;
	height:110px;
	background:url(../images/join.png) left top no-repeat;
	overflow:hidden;
}
.join img {
	position:absolute;
	right:0;
	top:-200px;
}
.join:hover img {
	top:0;
}
.price {
	padding-top:2px;
	margin-bottom:2px;
}
.price strong,
.price span {
	display:block;
	color:#cc470c;
	font-size:24px;
	line-height:1.2em;
	letter-spacing:-1px;
	padding:7px 0 0;
}
.price strong + strong {
	font-size:36px;
	padding:0;
}
.price span {
	font-family: 'Arial', sans-serif;
	padding:12px 0 0;
	margin-left:-1px;
}
.price strong + strong + span + strong {
	font-size:18px;
	padding:18px 0 0;
	letter-spacing:0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5 {
	float:left;
}
.col-1 {
	width:130px;
}
.col-2 {
	width:238px;
	margin-right:1px;
}
#page1 .col-2 {
	margin-top:-29px;
}
#page3 .col-2 {
	padding-top:22px;
}
.col-3 {
	width:285px;
}
.col-4 {
	width:105px;
}
.col-5 {
	width:232px;
}
.carousel {
	width:831px !important;
	height:210px;
	overflow:hidden;
	margin-left:39px;
}
.carousel ul li {
	width:151px;
	height:210px;
	margin-right:19px;
}
.next,
.prev {
	position:absolute;
	width:26px;
	height:105px;
	top:11px;
}
.prev {
	left:1px;
	background:url(../images/prev.png) left top no-repeat;
}
.next {
	right:0px;
	background:url(../images/next.png) left top no-repeat;
}
.next:hover,
.prev:hover {
	background-position:left bottom;
}
.serv {
	display:block;
	overflow:hidden;
	width:100%;
}
.serv figure {
	width:54px;
	height:54px;
	margin-right:13px;
	float:left;
	background:url(../images/serv_bg.png) left top no-repeat;
}
.serv:hover figure {
	background-position:left bottom;
}
.serv.alt strong {
	color:#0792ba;
}
.bnn {
	display:block;
	width:268px;
	height:168px;
	background:url(../images/banner-1.png) left top no-repeat;
	overflow:hidden;
	position:relative;
}
.rel .button-1 {
	position:absolute;
	left:23px;
	top:121px;
}
/*********************************bg's*************************************/
.bg-1 {background:url(../images/bg-2.png) left top no-repeat; padding-top:29px;}
.bg-2 {background:url(../images/bg-3.png) left bottom no-repeat;}
.bg-3 {background:url(../images/bg-4.png) left top no-repeat; margin:20px 0 0 -7px; padding:11px 0 0 72px;}
.bg-4 {
	background:url(../images/bg-5.png) left top no-repeat;
	overflow:hidden;
	position:absolute;
	width:652px;
	height:123px;
	left:426px;
	margin-left:-475px;
	top:339px;
}
.bg-5 {
	background:url(../images/bg5.gif) center bottom no-repeat #fbfbfb;
	border-radius:6px;
	position:relative;
	border:1px solid #e9e9e9;
	overflow:hidden;
	width:266px;
	margin-left:1px;
}
.bg-6 {
	background:url(../images/bg-6.png) 1px 5px no-repeat;
	padding-left:22px;
	line-height:21px;
}
.input_bg {
	background:url(../images/input_bg.gif) 73px 13px no-repeat;
	padding-right:13px;
}

.border-1 {border-bottom:1px solid #e7e7e7; padding-bottom:15px; margin-bottom:16px;}
/*********************************buttons*************************************/
.button-1 {
	display:inline-block;
	position:relative;
	font-size:14px;
	line-height:1.2em;
	color:#1899bf;
}
.button-1 em {
	display:block;
	width:100%;
	height:1px;
	background:#1899bf;
	position:absolute;
	left:0;
	bottom:-2px;
}
.button-1:hover {
	color:#b3b3b3;
}
.button-1:hover em {
	background:#b3b3b3;
}
.button-2 {
	padding:4px 8px 6px 11px;
	background:#9ab7c9;
	color:#fff;
	font-size:14px;
	line-height:1.2em;
	display:inline-block;
	text-transform:uppercase;
	border-radius:5px;
	box-shadow:1px 1px 2px #cb3910;
}
.button-2:hover {
	background:#fe7f46;
}
/*********************************lists*************************************/
.ul-1 li {
	font-size:14px;
	line-height:18px;
	border-top:1px solid #e7e7e7;
	padding:3px 0 4px 0;
}
.ul-1 li:first-child,
footer .ul-1 li {
	border:none;
	font-size:13px;
}
footer .ul-1 li {
	padding:2px 0 !important;
}
#page2 .ul-1 li,
#page4 .ul-1 li,
#page5 .ul-1 li {
	padding:4px 0;
	border:none;
}
.ul-1 li a {
	display:inline-block;
	background:url(../images/ul1.png) left -71px no-repeat;
	color:#0792ba;
	padding-left:12px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.ul-1 li a:hover {
	background-position:left 7px;
	color:#b3b3b3;
}
.ul-2 li {
	font-size:13px;
	line-height:16px;
	padding:2px 0 3px 9px;
	background:url(../images/ul1.png) left 9px no-repeat;
}
.ul-3 {
	width:268px;
	border:1px solid #f1f1f1;
	border-radius:5px;
}
.ul-3 li {
	font-size:16px;
	line-height:1.2em;
	border-top:1px solid #f3ecdf;
	height:38px;
	overflow:hidden;
	position:relative;
}
.ul-3 li + li {
	height:39px;
}
.ul-3 li + li em {
	top:18px;
}
.ul-3 li + li a {
	padding-bottom:11px;
}
.ul-3 li em {
	position:absolute;
	z-index:9;
	left:24px;
	top:18px;
	background:url(../images/ul3.png) left top no-repeat;
	width:6px;
	height:6px;
}
.ul-3 li:first-child {
	border:none;
}
.ul-3 li a {
	color:#cc470c;
	background:#f8f4ec;
	display:block;
	padding:9px 0 10px 38px;
}
.ul-3 li a:hover {
	color:#292929;
	background:#fbf9f5;
}
.soc_list {
	float:right;
	padding-top:12px;
}
.soc_list li {
	float:left;
	margin-left:6px;
}
.soc_list li a {
	display:block;
}
.dl-1 dd {
	overflow:hidden;
}
.dl-1 dd span {
	display:block;
	float:left;
	width:75px;
}
/*********************************fonts*************************************/
h3,
h4,
h5,
.title-1,
.title-2,
.title-3,
.title-4,
.title-5,
.title-6,
.title-7 {
	display:block;
	line-height:1.2em;
}
h3 {
	font-size:24px;
	color:#292929;
}
h4 {
	font-size:20px;
	color:#1899bf;
}
h4 strong {
	display:block;
	margin-top:-2px;
}
h5 {
	font-size:18px;
	font-family: 'Arial', sans-serif;
	font-weight:normal;
}
.title-1 {
	font-size:16px;
}
.title-2 {
	font-size:14px;
}
.title-3 {
	font-size:30px;
}
.title-4 {
	font-size:26px;
	font-family: 'Arial', sans-serif;
}
.title-5 {
	font-size:23px;
	font-family: 'Arial', sans-serif;
	word-spacing:-2px;
}
.title-6 {
	font-size:12px;
}
.title-7 {
	font-size:26px;
}
.size-1 {font-size:11px; line-height:16px;}
.size-2 {font-size:11px;}
.lh-1 {line-height:21px;}

.color-1 {color:#292929;}
.color-2 {color:#fff;}
.color-3 {color:#fea67f;}
.color-4 {color:#cc470c;}
.color-5 {color:#0792ba;}
/******* form's ********/
.input-1 {
	display:block;
	width:160px;
	height:24px;
	padding:0 8px;
	background:#eee;
	overflow:hidden;
	position:relative;
	border:1px solid;
	border-color:#c1c1c1 #eee #eee  #c1c1c1;
	border-radius:5px;
}
.input-1 input {
	width:160px;
	padding:2px 0 4px;
	margin:0;
	font-family:"Arial", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	color:#a0a0a0; 
	border:none;
	background:none;
	outline:none;
}
.input-2 {
	display:block;
	width:50px;
	height:24px;
	padding:0 8px;
	background:#fff;
	overflow:hidden;
	position:relative;
	border:1px solid;
	border-color:#cfcfcf #fff #fff  #cfcfcf;
	border-radius:5px;
}
.input-2 input {
	width:50px;
	padding:2px 0 4px;
	margin:0;
	font-family:"Arial", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	color:#a0a0a0; 
	border:none;
	background:none;
	outline:none;
}
#form-3 .input-1 {
	background:#fff;
	border-color:#cfcfcf #fff #fff #cfcfcf;
}
/***** contact form *****/
	#form1 fieldset {
		border:none;
		padding:0;
		}			
			#form1 label {
				display:block;
				min-height:40px;
			}
			#form1 label.message {
				height:266px;
			}
			.inp {
				display:block;
				width:170px;
				height:24px;
				padding:0 9px;
				background:#eee;
				overflow:hidden;
				position:relative;
				border:1px solid;
				border-color:#c1c1c1 #eee #eee #c1c1c1;
				border-radius:5px;
			}
			#form1 input {
				width:170px;
				padding:2px 0 4px;
				margin:0;
				font-family:"Arial", Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:16px;
				color:#a0a0a0; 
				border:none;
				background:none;
				outline:none;
			}
			#form1 .area .error { float:none;}
			.text_a {
				position:relative;
				overflow:hidden;
				display:block;
				width:330px;
				height:264px;
				padding:0 9px;
				background:#eee;
				border:1px solid;
				border-color:#c1c1c1 #eee #eee #c1c1c1;
				border-radius:5px;
			}
			#form1 textarea {
				height:260px;
				width:330px;
				margin:0;
				padding:2px 0;
				font-family:"Arial", Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:16px;
				color:#a0a0a0; 
				border:none;
				background:none;
				overflow:auto;
				outline:none;
				resize:none;
			}
			#form1 a {cursor:pointer;}
				#form1 .success {display:none; margin-bottom:20px;}
				#form1 .error,
				#form1 .empty {
					position:absolute;
					right:5px;
					top:3px;
					color:#f00;
					font-size:11px;
					line-height:16px;
					display:none;
					overflow:hidden;
				}
				#form1 .message .error,
				#form1 .message .empty {
					top:270px;
					left:5px;
				}
		.buttons-wrapper {text-align:right; padding-top:21px; position:relative;}
		.buttons-wrapper a { margin-left:27px;}
		
		.map {
			width:510px;
			height:307px;
			margin-bottom:21px;
		}
/****************************footer************************/
footer {
	color:#b3b3b3;
	width:100%;
	padding:0 0 38px;
	background:url(../images/footer_bg.png) center top no-repeat;
}