﻿/* 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, Helvetica, sans-serif;
	color:#959595;
	min-width:1028px;
	background:url(../images/bg-7.gif) repeat-x 0 0 #2e2e2e;
}
#page1 {background:url(../images/bg-1.gif) repeat-x 0 0 #2D2D2D;}

.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	font-size:12px;
	line-height:18px;
}

a {color:#303030; outline:none; text-decoration:none;}
a:hover {text-decoration:underline;}

.l-h {line-height:16px}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}

.maxheight-1,
.maxheight-2 { position:relative; overflow:hidden;}

p {margin-bottom:10px;} 
.p {margin-bottom:12px;}
.p0 { margin-bottom:0}
.p1 {margin-bottom:8px;}


.reg {text-transform:uppercase;}


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

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

.it {font-style:italic;}

.color-1 {color:#303030;}
.color-2 {color:#fff;}

.bgcolor {background-color:#fff;}

.d-block {display:block}
.d-in-block {display:inline-block}

/*********************************boxes**********************************/
.indent-left {padding-left:26px;}
.indent-left2 {padding-left:40px;}



.indent-bot { padding-bottom:14px;}
.indent-bot2 { padding-bottom:43px;}
.indent-bot3 { padding-bottom:24px;}
.indent-bot4 { padding-bottom:35px;}


.indent-top {padding-top:15px;}
.indent-top2 {padding-top:35px;}
.indent-top3 {padding-top:21px;}
.indent-top4 {padding-top:13px;}


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

.margin-bot {	margin-bottom:10px;}
.margin-bot2 {	margin-bottom:28px;}
.margin-bot3 {	margin-bottom:24px;}
.margin-bot4 {	margin-bottom:5px;}
.margin-bot5 {	margin-bottom:20px;}
.margin-bot6 {	margin-bottom:52px;}
.margin-bot7 {	margin-bottom:38px;}
.margin-bot8 {	margin-bottom:47px;}
.margin-bot9 {	margin-bottom:34px;}

.margin-top {margin-top:-61px;}
.margin-top2 {margin-top:-4px;}
.margin-top3 {margin-top:-39px;}



.col {
	position:relative;
	overflow:hidden;
	width:190px;
	float:left;
	margin-right:30px;
}
.col figure {
	margin-bottom:19px;
}
/*********************************header*************************************/
#page1 header {
	z-index:1;
}
header {
	width:100%;
	padding:0 0 0 0;
	position:relative;
	z-index:5;
}

#search-form {
	float:right;
	margin:0;
	padding:94px 1px 0 0;
	position:relative;
}
#search-form .input a {
	background:url(../images/search-2.png) no-repeat 0 0;
	display:block;
	position:absolute;
	top:4px;
	right:8px;
	width:25px;
	height:25px;
	cursor:pointer;
}
#search-form a:hover {
	background-position:left bottom;
}
#search-form .input {
	overflow:hidden;
	width:209px;
	position:relative;
	padding:0 35px 0 14px;
	background:url(../images/search.png) no-repeat 0 bottom;
	border:none;
	height:33px;
}
#search-form .input fieldset input {
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
	position:relative;
	overflow:hidden;
	padding:9px 0 0 0;
	font-size:13px;
	line-height:1.23em;
	color:#d6d6d6;
	width:205px;
	background:none;
	border:none;
	margin:0;
}
#easyTooltip{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px 11px;
	border:1px solid #000;
	background:#fff;
	color:#1f1f1f;
	font-size:12px;
	position:relative;
	z-index:99;
}
	.list-services {
		overflow:hidden;
		padding:14px 0 0 0;
	}
	.list-services li {
		float:left;
		margin-right:7px;

	}
.slider {
 	width:1028px;
	padding:0 0 0 0;
	height:409px;
	margin-left:auto;
	margin-right:auto;
}
.index {position:relative; z-index:10;}
.slider #head {
	position:relative;
	top:-15px;
}
.slider-bg {
	position:relative;
	z-index:1;
	width:100%;
	margin:0;
	background:url(../images/slider-bg.png) center -15px no-repeat;
}
h1 {
	float: left;
	display: inline-block;
	padding: 20 0 0 0;
	position: relative;
	margin: 0 0 0 0;
}
h1 a {
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat left top;
	width: 526px;
	height: 130px;
	text-decoration: none;
	display: block;
	margin-top: 10px;
	margin-left: -34px;
}
	h1 a:hover {
		text-decoration:none;
	}

/***** menu *****/
.nav {
	width:100%;
}
.menu {
	padding: 0 0 0 60px;
}
.menu li {
	margin:0 1px 0 0;
	float:left; 
	position:relative;
	padding:0 0 0 0;
	border:none;
	background:none;
}
.menu li a {
	display:inline-block; 
	font-size:14px; 
	line-height:30px;
	color:#fff;
	text-align:center;
	padding:18px 0 14px 0; 
	text-transform:uppercase;
	text-decoration:none;
	border:none;
	margin:0;
}
.menu > li> a {	width:100px;}
.menu li.menu1 > a {
	background:url(../images/menu1.png) left -88px no-repeat;
}
.menu li.menu2 > a {
	background:url(../images/menu2.png) left top no-repeat;
}
.menu li.menu4 > a {
	background:url(../images/menu4.png) left top no-repeat;
}
.menu li.menu3 > a {
	background:url(../images/menu3.png) left top no-repeat;
}


.menu li.menu1 > a.active,
.menu > li.menu1 > a:hover,
.menu > li.menu1.sfHover > a {
	background:url(../images/menu1.png) left top no-repeat;
}
.menu li.menu2 > a.active,
.menu > li.menu2 > a:hover,
.menu > li.menu2.sfHover > a {
	background:url(../images/menu2.png) left -86px no-repeat;
}
.menu li.menu4 > a.active,
.menu > li.menu4 > a:hover,
.menu > li.menu4.sfHover > a {
	background:url(../images/menu4.png) left -86px no-repeat;
}

.menu li.menu3 > a.active,
.menu > li.menu3 > a:hover,
.menu > li.menu3.sfHover > a {
	background:url(../images/menu3.png) left -86px no-repeat;
}

.menu  li a .sf-sub-indicator {
	text-indent:-9999px;
	position:absolute;
	top:-999em;
	left:60px;
	position:absolute;
	display:block;
	background:url(../images/marker-1.png) no-repeat;
	width:16px;
	height:8px;
}

.menu > li.sfHover > a .sf-sub-indicator{
	top:62px;
}



.menu ul ul, .menu ul {
	top:-9999px;
	padding:12px 0;
	position:		absolute;
	width:			360px;
	background:		none;
}
.menu ul ul {width:185px;}
.menu ul li {width:	100%; border:none; background:none;margin:0; padding:0;}
.menu li:hover {visibility:	inherit; background:none;}
.menu li li a,
.menu li li li a {
	text-align:left;
	position:relative;
	margin:0;
	text-transform:uppercase;
	border:none;
	display:inline-block;
	width:100%;
	padding:		0;
	font-size:		12px;
	line-height:	15px;
	color:			#868686;
	
}
.menu li li a i {
	cursor:pointer;
	display:block;
	background:url(../images/menu_left.png) left top no-repeat;
	padding-left:15px;
}
.menu li li a:hover i {
	color:#c8c8c8;
	background:url(../images/menu_left.png) left -47px no-repeat;
}
.menu li li a i strong {
	display:block;
	font-weight:normal;
	cursor:pointer;
	background:url(../images/menu_right.png) right top no-repeat;
	padding:0 15px 0 0;
}
.menu li li a:hover i strong {
	background:url(../images/menu_right.png) right -47px no-repeat;
}
.menu li li a i strong em {
	display:block;
	padding:14px 0 14px 2px;
	background:url(../images/menu_tail.png) left top repeat-x;
	font-style:normal;
	cursor:pointer;
}

.menu li li a:hover i strong em{
	background:url(../images/menu_tail.png) left -47px repeat-x;
}

.menu li li > a:hover i, 
.menu li li.sfHover > a i{
	color:#c8c8c8;
	background:url(../images/menu_left.png) left -47px no-repeat;
}
.menu li li > a:hover i strong, 
.menu li li.sfHover > a i strong {
	background:url(../images/menu_right.png) right -47px no-repeat;
}
.menu li li > a:hover i strong em, 
.menu li li.sfHover > a i strong em {
	background:url(../images/menu_tail.png) left -47px repeat-x;
}

.menu li:hover ul, .menu li.sfHover ul {
	left:			-16px;
	top:			58px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			0;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			178px;
	top:			-12px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}

/*********************************background*************************************/
#page1 .bg-2, #page5 .bg-2 {background:url(../images/bg-2.gif) repeat-x left 39px;}
.bg-2 {background:url(../images/bg-8.gif) repeat-x left 41px; padding-bottom:55px; width:100%;}
.bg-3 {background:#fff; }
.bg-4 {background:url(../images/bg-3.jpg) no-repeat left top;}
.bg-5 {background:url(../images/bg-4.gif) repeat-x left top #1e1e1e;}
.bg-6 {background:url(../images/bg-5.gif) repeat-x left top #191919; padding:25px 0 22px;}
.bg-7 {background:url(../images/bg-6.png) no-repeat center top;width:100%;}
.bg-8 {background:#fafafa; width:695px;}
.bg-9 {background:url(../images/bg-9.png) center 47px no-repeat;}
.bg-10, .bg-11, .bg-12 {
	width:50px;
	height:50px;
	display:block;
	margin-right:12px;
}
.bg-10:hover, .bg-11:hover, .bg-12:hover {
	background-position:right top;
}
.bg-10 {background:url(../images/page2_img1.png) left top no-repeat;}
.bg-11 {background:url(../images/page2_img2.png) left top no-repeat;}
.bg-12 {background:url(../images/page2_img3.png) left top no-repeat;}

.bg-13 {background:url(../images/bg-10.gif) repeat-x left 41px;padding-bottom:55px; width:100%;}

.tail-1 {background:url(../images/tail-1.gif) no-repeat 335px 15px;}
.tail-2 {background:url(../images/tail-2.gif) no-repeat 0 15px;}
/*********************************buttons*************************************/
.button1 {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	text-decoration:underline;
}
.button1:hover {
	text-decoration:none;
}
.button2 {
	padding:5px 16px 4px 14px;
	color:#fff;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	text-decoration:none;
	background:#333333;
}
.button2:hover {
	background:#000000;
	text-decoration:none;
}
.button3 {
	display:inline-block;
	background:url(../images/button3_l.png) left top no-repeat;
	padding-left:15px;
	text-decoration:none;
	cursor:pointer;
}
.button3:hover {
	background:url(../images/button3_l.png) left -40px no-repeat;
}
.button3 b {
	display:inline-block;
	background:url(../images/button3_r.png) right top no-repeat;
	padding-right:15px;
	cursor:pointer;
}
.button3:hover b {
	background:url(../images/button3_r.png) right -40px no-repeat;
}
.button3 b em {
	font-size:13px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	display:block;
	background:url(../images/button3_t.png) left top repeat-x;
	padding:7px 7px 8px 9px;
	color:#fff;
	cursor:pointer;
}
.button3:hover b em {
	background:url(../images/button3_t.png) left -40px repeat-x;
}
/*********************************lists*************************************/
.ul-1 {
	position:relative;
	padding:0 0 0 0;
	margin-top:-1px;
}
.ul-1 li {
	background:url(../images/marker-2.gif) no-repeat left 10px;
	padding:1px 0 5px 10px;
}
.ul-1 li a {
	color:#2e2e2e;
	text-decoration:underline;
	text-transform:uppercase;
	font-size:12px;
	line-height:20px;
}
.ul-1 li a:hover {
	text-decoration:none;
}
.ul-2 {
	position:relative;
	padding:0 0 0 0;
}
.ul-2 li {
	background:url(../images/ul2.gif) no-repeat left bottom;
	padding:6px 0 6px 0;
}
.ul-2 li.last {
	background:none;
}
.ul-2 li a {
	color:#d4d4d4;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
	line-height:20px;
}
.ul-2 li a:hover {
	color:#f25a0b;
	text-decoration:none;
}
.ul-3 {
	width:178px;
	margin-top:-10px;
}
.ul-3 li {
	width:100%;
	padding:5px 0;
	background:url(../images/ul3.gif) left bottom no-repeat;
}
.ul-3 li.last {
	background:none;
}
.ul-3 li a {
	text-decoration:none;
	color:#2e2e2e;
	font-size:12px;
	line-height:22px;
	text-transform:uppercase;
}
.ul-3 li a:hover {
	color:#F25A0B;
	text-decoration:none;
}
/*********************************content*************************************/
#content {
	width:100%; 
	padding:0 0 0 0;
	margin:0;
	position:relative;
	z-index:1;
}
h4 {
	font-size: 20px;
	line-height: 2em;
	color: #131313;
	display: inline-block;
}
h3 em {
	font-size: 20px;
	line-height: 2em;
	display: block;
	color: #484848;
	font-style: normal;
	margin-top: -27px;
}
.banner {
	margin-bottom:1px;
}
.banner-1, .banner-2, .banner-3 {
	display:block;
	height:129px;
	width:232px;
}
.banner-4 {
	display:block;
	height:150px;
	width:230px;
}
.banner-5 {
	display:block;
	height:62px;
	width:230px;
}
.banner-1 {background:url(../images/banner-1.jpg) no-repeat right top;}
.banner-2 {background:url(../images/banner-2.jpg) no-repeat right top;}
.banner-3 {background:url(../images/banner-3.jpg) no-repeat right top;}
.banner-4 {background:url(../images/banner-4.jpg) no-repeat right top;}
.banner-5 {background:url(../images/banner-5.jpg) no-repeat right top;}
.banner-1:hover, .banner-2:hover, .banner-3:hover, .banner-4:hover, .banner-5:hover {background-position:left top;}

/***** contact form *****/
#contact-form-1 {
	position:relative;
	vertical-align:top;
	padding:7px 0 0 0;
	z-index:1;
	}
	#form fieldset {
		border:none;
		padding:0;
		}			
			#form label {
				display:block;
				min-height:40px;
			}
			#form input {
				width:328px;
				padding:7px 11px 7px 9px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:15px;
				color:#9f9f9f; 
				border:1px #484848 solid;
				background:none;
				outline:none;
			}
			
			#form .area .error { float:none;}
			#form .message {
				height:122px;
				margin-bottom:8px;
			}
			#form textarea {
				padding:8px 11px 9px 9px;
				background:none;
				height:103px;
				margin:0;
				width:328px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:15px;
				color:#9f9f9f; 
				border:1px solid #484848;
				overflow:auto;
				outline:none;
			}
				#form .success {display:none; color:#eee}
				#form .error,
				#form .empty {
					color:#f00;
					font-size:12px;
					line-height:1.2em;
					display:none;
					overflow:hidden;
				}

		.buttons-wrapper {text-align:right; padding:0 0 0 0;}
		.buttons-wrapper a { margin-left:0;}

#contact-form-2 {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	padding:0 0 0 0;
	}
	#contact-form-2 fieldset {
		border:none;
		padding:0;
		}			
			#contact-form-2 label {
				display:block;
				min-height:43px;

			}
			#form2 .input_l {
				background:url(../images/input_left.png) left top no-repeat;
				padding:0 0 0 15px;
			}
			#form2 .input_r {
				background:url(../images/input_right.png) right top no-repeat;
				padding:0 15px 0 0;
			}

			#contact-form-2 input {
				width:253px;
				padding:8px 0 8px 0;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:15px;
				color:#959595; 
				border-top:1px solid #dedede;
				border-bottom:1px solid #dedede;
				border-left:none;
				border-right:none;
				background:none;
				outline:none;
			}
			#contact-form-2 .area .error { float:none;}
			#form2 .text_top {
				border:none;
				background:url(../images/text_a.png) left top no-repeat;
				width:253px;
				height:148px;
				padding:9px 15px 15px;			
				}
			#contact-form-2 .message { height:172px; margin-bottom:25px;}
			#contact-form-2 textarea {
				height:153px;
				margin:0;
				width:248px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:15px;
				color:#959595; 
				border:none;
				overflow:auto;
				outline:none;
				background:none;

			}
			#contact-form-2 a {cursor:pointer;}
				#contact-form-2 .success {display:none; margin-bottom:10px;}
				#contact-form-2 .error,
				#contact-form-2 .empty {
					margin:5px 0 0 15px;
					color:#f00;
					font-size:12px;
					line-height:15px;
					display:none;
					overflow:hidden;
				}
				#contact-form-2 .buttons-wrapper {padding-right:27px;}
		#contact-form-2 .buttons-wrapper a { margin-left:1px;}

.map {
	float:left;
	margin-right:23px;
}
.dl-1 {
	padding-top:5px;
}
.dl-1 dt {
	margin-bottom:10px;
}
.dl-1 dd a {
}
.dl-1 span {
	float:left;
	width:70px;
}


/****************************footer************************/
footer {
	margin:0;
	width:100%; 
	padding:0 0 0 0;
}
footer span {
	padding:0 0 0 0;
	color:#969696;
	font-size:13px;
	line-height:16px;
	text-transform:uppercase;
}
footer span a {
	color:#969696;
	text-decoration:underline;
}
footer span a:hover {
	text-decoration:none;
}
footer nav {
	float:right;
}
footer nav ul {
	overflow:hidden;
}
footer nav ul li {
	float:left;
	margin-left:35px;
}
footer nav ul li a {
	text-decoration:none;
	color:#fff;
	font-size:14px;
	line-height:17px;
}
footer nav ul li a:hover,
footer nav ul li a.active {
	text-decoration:underline;
}