/* 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 }



* {margin:0; padding:0;}

html {width:100%;}

body { 	 
	font-family:Trebuchet MS, Trebuchet MS1, Helvetica, sans-serif;
	font-size:100%; 
	color:#737373;
	min-width:984px;
	background:#FFF url(../images/wrapper_site.gif) top center repeat-x;
}

.main {
	width:984px; 	
	padding:0;
	margin:0 auto;
	font-size:13px;
	line-height:20px;
}

img {border:0; vertical-align:top; text-align:left;}
input, textarea{font-family:Trebuchet MS;}
textarea{overflow:auto;}


a {color:#3f3f3f; outline:none; cursor:pointer;}
a:hover {text-decoration:none;}

object {outline:none;}
fieldset {border:0;}
ul {list-style:none;}
table, table td {padding:0; border:none; border-collapse:collapse;}
.fleft{ float:left;}
.fright{ float:right;}
.clear{ width:100%; overflow:hidden;}
.col-1, .col-2, .col-3, .col-4, .row-box-1, .row-box-2, .row-box-3, .row-box-4{ float:left;}
.br{ display:block;}
.break{ display:block; padding:20px 0 0 0;}
/*contstant-text*/
.bottom-none{ padding-bottom:0 !important;}
.bg-none{ background:none !important;}
.border-none{ border:none !important;}
/**/



/*********************************header*************************************/
.header{ height:120px; background:url(../images/wrapper_top_menu.png) 321px 0 no-repeat; position:relative;}
.header .logo{ position:absolute; display:block; margin:46px 0 0 34px}
.header .headee-link{ display:block; position:absolute; width:150px;  text-decoration:none; margin:8px 0 0 33px; text-transform:uppercase; font-size:11px; left:0; color:#484848;}
.header .headee-link:hover{ color:#FFF;}

.header-list{ display:block;  margin:80px 0px 0 325px;}
.header-list li{ display:block; float:left; margin:0 30px 0 0; position:relative;}
.header-list li a{ color:#737373; font-size:11px; line-height:14px; text-decoration:none; text-transform:uppercase;}
.header-list li a:hover{ color:#FFF;}
.header-list1{ display:block;  margin:0px 0px 0 845px;}

.slider-row{ height:425px;}


/*top-menu*/
.top-menu{ margin:0 0 0 327px;}
.top-menu li{ display:block; float:left; background:url(../images/top_menu_separator.gif) right 0 no-repeat;}
.top-menu li a {
	float:left;
	padding:27px 0 23px 0;
	width:126px;
	text-align:center;
	color:#4a4a4a;
	text-decoration:none;
	font-size:13px;
	text-transform:uppercase;
	background:url(../images/menu_button.gif) repeat 0 0;
	background-position:0 0;
	position:relative;
}
.top-menu li a:hover, .top-menu li li a:focus, .top-menu li li a:active {background-position:-70px 0;
	background-position:-70px 0;
	color:#FFF;
}
.top-menu li a.active {
	background-position:0 -70px !important;  color:#FFF;
}
.width{ width:128px !important;}

/**/



.header-box-indent{ padding:0 26px; position:relative; margin:-8px 0 0 0;}
.header-box-indent1{ padding:0 0; position:relative;}
.header-box-top1{ background:url(../images/header_box4.gif) 0 0 repeat-x; padding:19px 0 0 0;}
.header-box-top{ background:url(../images/header_box.gif) 0 0 repeat-x; padding:8px 0 0 0;}
.header-box{ padding:0 27px 0 0;}
.header-box ul{ height:400px; width:932px; display:block; overflow:hidden;}
.header-box ul li b{ background:url(../images/border.gif) right 0 repeat-y !important; font-weight:normal;}
.header-box ul li, .header-box ul li a, .header-box ul li b{ display:block; float:left; width:311px; height:400px;}
.header-box ul li .text{ padding:28px 0 0 0; display:block; color:#737373; font-size:13px; line-height:20px; margin:0 0 0 20px; width:240px;}
.header-box ul li .text1{background:url(../images/list_marker.gif) 1px 15px no-repeat; padding:10px 0 0 11px; display:block; color:#737373; font-size:13px; line-height:15px; margin:0 0 0 35px; width:240px !important; font-weight:normal;}
.header-box ul li a{ text-decoration:none; display:block; float:left; width:311px; height:400px; }
.header-box ul .bg-1{ background:url(../images/header_box1.gif) bottom left repeat-x;}
.header-box ul .bg-2{ background:url(../images/header_box2.gif) bottom left repeat-x; width:310px !important;}
.header-box ul .bg-3{ background:url(../images/header_box3.gif) bottom left repeat-x;}

.header-box ul li .title{ color:#000000; font-size:30px; line-height:30px; display:block; padding:49px 0 0 20px; background:url(../images/title_marker.gif) 0 60px no-repeat;}
.header-box ul li .liste{ color:#000000; font-size:12px; display:block; padding:49px 0 0 20px; }
.header-box ul li:hover .title{ background:none !important;}

.header-box ul li:hover .title, .header-box ul li:hover .text, .header-box ul li:hover .text1{ color:#FFF;}


.header-box a {
	background-position:0 0;
	position:relative;
}


.header-box a.color-1 {	background:url(../images/header_box1_act.gif) repeat 0 0;}
.header-box a.color-2 {	background:url(../images/header_box2_act.gif) repeat 0 0;}
.header-box a.color-3 {	background:url(../images/header_box3_act.gif) repeat 0 0;}

.header-box li a:hover , .header-box li li a:focus, .header-box li li a:active {background-position:-400px 0;
	background-position:-798px 0;
	color:#FFF;
}
.header-box li a.active {
	background-position:0 -389px !important;  color:#FFF;
}


	
		



/*********************************content*************************************/
.wrapper1-indent{ padding:6px 26px 0 26px;}
.wrapper1{ background:#FFF;}


.content{ padding:49px 20px 84px 46px;}
.content1{ padding:32px 0 84px 19px;}
.content2{ padding:0px 0 0px 19px;}
.img-indent{ float:left; margin:0 28px 0 0;}
.img-indent1{ float:left; margin:0 25px 0 0;}
.img-indent2{ float:left; margin:0 31px 0 0;}
.title-top{ margin-top:44px !important;}


/*content-list*/
.content-list{ padding:0 0 0 53px;}
.indent-extra{ padding:0 0 0 20px;}
.content-list .col-1{ width:116px;}
.content-list .col-2{ width:85px; margin:0 0 0 80px;}
.content-list .col-3{width:85px; margin:0 0 0 85px;}
.content-list .col-4{ width:215px; margin:0 0 0 77px;}
.content-list h3{ color:#24201d; font-size:20px; line-height:20px; font-weight:normal; padding:0 0 25px 0;}
.content-list ul.list li{ padding:0 0 15px 0; line-height:14px;}
.content-list ul.list li a{ background:url(../images/list_marker.gif) 1px 6px no-repeat; padding:0 0 0 11px; color:#1bc4ff; font-size:14px; line-height:14px; text-decoration:none;}
.content-list ul.list li a:hover{ color:#24201d;}

.content-list li{ line-height:17px; padding:0 0 7px 0;}
.content-list li a{ padding:0 0 0 25px; color:#57504b; font-size:14px; line-height:17px; text-decoration:none;}
.content-list li a:hover{ color:#1bc4ff;}

.content-list .bg1{ background:url(../images/list_bull_1.gif) 0 0 no-repeat;}
.content-list .bg2{ background:url(../images/list_bull_2.gif) 0 0 no-repeat;}
.content-list .bg3{ background:url(../images/list_bull_3.gif) 0 0 no-repeat;}

.content-list .bg1:hover{ background:url(../images/list_bull_1_act.gif) 0 0 no-repeat;}
.content-list .bg2:hover{ background:url(../images/list_bull_2_act.gif) 0 0 no-repeat;}
.content-list .bg3:hover{ background:url(../images/list_bull_3_act.gif) 0 0 no-repeat;}
/**/


.title-bottom{ padding-bottom:28px !important;}
.title-bottom1{ padding-bottom:26px !important;}
.title-bottom2{ padding-bottom:32px !important;}
.title-bottom3{ padding-bottom:18px !important;}
.img-bottom{ margin-bottom:15px;}


.button-content{ display:block; background:url(../images/button_content.png) 0 0 no-repeat; width:129px; height:39px; text-align:center; color:#FFF; font-size:15px; line-height:35px; text-decoration:none;}
.button-content:hover{ color:#000;}
.indent-top{ padding:19px 0 0 0;}
.indent-top1{ padding:27px 0 0 0;}
.list-top-bottom{ padding:10px 0 28px 0;}
/*******************content-text*******************/
.content h3, .content-box h3, .content-box1 h3{ color:#000000; font-size:30px; line-height:30px; padding:0 0 19px 0;}
.img-top{ margin:36px 0 0 0;}
.img-top1{ margin:25px 0 0 0;}
.img-top2{ margin:38px 0 0 0;}
.text{ color:#1bc4ff; font-size:24px; line-height:31px; font-weight:normal;}
.text1{ color:#1bc4ff; font-size:20px; line-height:31px; font-weight:normal; padding:0 0 21px 0;}
.text2{ color:#1bc4ff; font-size:12px; font-weight:normal;text-align:right;}
.content-box{ padding:32px 21px 16px 18px;}
.content-box1{ padding:32px 15px 37px 18px;}
.content-box2{ height:600px; padding:32px 15px 37px 18px;}
dl.text-1 dt{ color:#1bc4ff; font-size:24px; line-height:25px;}
dl.text-1 dd{ padding-bottom:21px;}
.link, .link1{ color:#1bc4ff; font-size:15px; line-height:16px; text-decoration:none;}
.link:hover, .link1:hover{ color:#000;}
.link1{ font-size:13px;}
ul.linkserv li{ line-height:16px; padding:7px 0 6px 0; border-bottom:1px solid #efefef;}
ul.linkserv li a{line-height:16px; padding:0px 0 0px 0; border-bottom:1px solid #efefef; color:#1bc4ff; font-size:15px; text-decoration:none;}
ul.linkserv li a:hover{ color:#000000; line-height:16px;}
ul.linkserv li a.active{ color:#000000; line-height:16px;}
/**************************************************/

/*******************content-list*******************/

.content ul.list-1 li{ line-height:16px; padding:7px 0 6px 0; border-bottom:1px solid #efefef;}
.content ul.list-1 li a{background:url(../images/content_list.gif) 9px 7px no-repeat; line-height:16px; padding:0 0 0 21px; color:#1bc4ff; font-size:15px; text-decoration:none;}
.content ul.list-1 li a:hover{ color:#000000; background:url(../images/content_list.gif) 11px 7px no-repeat; line-height:16px;}


/**************************************************/








/*******************index-2.html*******************/
#page3 #content .row-box-1{ width:272px;}
#page3 #content .row-box-2{ width:272px; margin:0 0 0 39px;}
#page3 #content .row-box-3{ width:272px; margin:0 0 0 39px;}
/***********************************************/

/*******************index-4.html*******************/
#page5 #content .row-box{ padding:20px 0 0 0;}
#page5 #content .row-box-1{ width:560px;}
#page5 #content .row-box-2{ width:220px;}
#page5 #content .row-box-3{ width:221px; margin:0 0 0 45px;}
/***********************************************/


/*******************index-5.html*******************/
.form label{ display:block; height:50px;}
.form .input, .form .textarea{ background:#f3f3f3; border:none; color:#737373; font-size:13px; line-height:21px; font-family:Trebuchet MS; padding:0 0 0 11px !important; width:272px; height:38px;}
.form .input{ line-height:29px !important;}
.form .textarea{ width:272px; height:177px; padding-top:9px !important;}
.form .form-1{ width:299px;}
.form .form-2{ width:283px;}
.form-button{ float:right; padding:35px 0 0 0;}

.form-button .button{ display:block; background:url(../images/button.gif) 0 0 repeat-x; color:#ffffff; font-size:15px; text-decoration:none; float:left;}
.form-button .button:hover{ color:#000;}
.form-button .button span{ display:block; background:url(../images/button_corner_left.gif) 0 0 no-repeat;}
.form-button .button span span{ background:url(../images/button_corner_right.gif) top right no-repeat; height:40px; text-align:center; line-height:35px;}
.form-button-indent{ margin:0 13px 0 0;}

.width-1{ width:83px;}
.width-2{ width:79px;}

.indent-extra1 p{ padding:20px 0 0 0;}
.indent-extra1{ padding-bottom:65px !important;}
/***********************************************/


/****************************footer*******************************************/
footer .text{ color:#737373; font-size:13px; line-height:15px; display:block; padding:58px 0 58px 48px;}
footer .text a{ color:#1bc4ff; text-decoration:none;}
footer .text a:hover{ text-decoration:underline; color:#24201d;}





/****************************slider*******************************************/
.slider-wrapper .slider-title{ color:#000000; font-size:38px; line-height:38px; font-weight:normal; padding:40px 0 25px 0; display:block;}
.slider-wrapper .indent-text{ display:block; padding-right:40px;}
.slider-wrapper .slider-img{ float:left; margin:0 31px 0 0;}
.slider-wrapper a.button{ background:url(../images/slider_button.png) 0 0 no-repeat; display:block; float:left; width:129px; height:39px; margin:29px 0 0 261px; text-align:center; color:#ffffff; font-size:15px; line-height:35px; text-decoration:none;}
.slider-wrapper a.button:hover{ color:#000000;}

/* Easy Slider */
	.slider-wrapper {
		position:relative;
		width:984px;
		height:425px;
		background:url(../images/slider_wrapper.png) 0 0 no-repeat;
	}
	
	#slider{ margin:36px 0  0 58px;}
	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}

	#slider li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:887px;
		height:347px;
		overflow:hidden;
		}
	#slider li img {
		display:block;
	}
	#prevBtn {
		display:block;
		width:49px;
		height:49px;
		position:absolute;
		left:2px;
		top:176px;
		z-index:1000;
		background:url(../images/btn_prev.png) no-repeat left top;
	}
	#prevBtn:hover{background:url(../images/btn_prev_act.png) no-repeat left top;}
	#nextBtn {
		display:block;
		width:49px;
		height:49px;
		position:absolute;
		right:0;
		top:176px;
		z-index:1000;
		background:url(../images/btn_next.png) no-repeat left top;
	}
	#nextBtn:hover{background:url(../images/btn_next_act.png) no-repeat left top;}
		#prevBtn a, #nextBtn a {
			display:block;
			width:49px;
			height:49px;
			font-size:0;
			line-height:0;
			text-indent:1111px;
		}