* {margin:0; padding:0;}

html {width:100%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	min-width: 963px;
	background: #2d2e2f;
}

.main {
	width: 996px;
	padding: 0;
	margin: 0 auto;
	font-size: 13px;
	line-height: 20px;
}

img {
	border: 0;
	vertical-align: middle;
	text-align: left;
}
input, textarea{color:#3f3f3f; font-size:14px; border:1px solid #cccccc; line-height:22px; padding-left:5px; font-family:"Trebuchet MS", "Trebuchet MS1", Helvetica, sans-serif;}
textarea{overflow:auto;}


a {color:#f19900; outline:none; cursor:pointer; text-decoration:underline;}
a:hover {color:#f19900; 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{ float:left;}
.br{ display:block;}
.indent-text{ text-align:justify;}
.indent-text p{ padding:17px 0 0 0;}





/*********************************header*************************************/
.tail-top-line{ background:#1c1c1c; height:25px;}
.top-line{ padding:4px 0 4px 0;}
.header-text{ display:block; float:right; font-size:10px; color:#c8c8c8; width:213px; text-transform:uppercase; line-height:15px; padding-right:1px;}
.header-text span{ font-size:11px; padding:0 0 0 3px;}
.top-line ul{ float:left; margin:0 0 0 25px; padding:0; width:400px;}
.top-line ul li{ display:block; background:url(images/list_separator.gif) right 7px no-repeat; float:left; text-transform:uppercase; line-height:16px;}
.top-line ul li a{ padding:0 16px; color:#c8c8c8; font-size:10px; text-decoration:none; line-height:16px;}
.top-line ul li a:hover{ color:#f1aa00; text-decoration:none;}
.marker-none{ background:none !important;}


.tail-menu{ background:url(images/tail_menu.gif) 0 0 repeat-x; height:120px;}
.logo{ margin:21px 0 0 35px;}
.top-menu{ float:right; margin:1px 0 0 0; width:574px;}
.top-menu li{ margin-right:12px;}
.top-menu li, .top-menu li a{ display:block; float:left;}
.top-menu li a{ color:#c8c7c7; font-size:24px; line-height:26px; text-decoration:none;  height:119px;}
.top-menu li a strong{padding:46px 14px 47px 14px; display:block;}
.top-menu li:hover, .top-menu .active{ background:url(images/top_menu_act.gif) 0 0 repeat-x;  color:#FFF;}
.top-menu li:hover a, .top-menu .active a{ background:url(images/top_menu_marker.gif) bottom center no-repeat; color:#FFF; }




/*********************************content*************************************/
.tail-content{ background:#FFF url(images/tail_content.gif) 0 0 repeat-x;}
.content-indent{ padding:0 40px 0 42px;}
#content{ padding:40px 0 42px 0;}



/*box-slogan*/
.box-slogan{ background:url(images/content_separator.gif) bottom left repeat-x; height:232px;}
.box-slogan span{ display:block; position:absolute;  letter-spacing:-2px;}
.box-slogan .slogan-text1{ color:#363738; font-size:72px; line-height:72px; margin:25px 0 0 -5px;}
.box-slogan .slogan-text2{ color:#f1aa00; font-size:72px; line-height:72px; margin:97px 0 0 -5px;}
.box-slogan .slogan-text2 strong{ color:#363738;}
.box-slogan .slogan-text3{ color:#c8c7c7; font-size:42px; line-height:45px; margin:173px 0 0 -5px; letter-spacing:-1px;}
/**/



/*indent-text*/
#content span.text{
	color: #f19900;
	font-size: 14px;
	line-height: 20px;
}
#content .indent-top-bottom{
	padding: 20px 0 22px 0;
}
#content .indent-top-bottom1{ padding:21px 0 21px 0;}
#content .indent-top{ padding:17px 0 0 0;}
#content .text .indent-top{ padding:5px 0 0 0;}
#content strong{ color:#000000;}
#content .button{ display:block; width:89px; height:23px; background:#858585 url(images/button_marker.gif) 0 7px no-repeat; text-indent:13px; text-decoration:none; color:#fffefe; font-size:13px; line-height:20px;}
#content .button:hover{background:#ffba12 url(images/button_marker1.gif) 0 7px no-repeat;}
.button-top{ margin:26px 0 0 1px;}
.button-top1{ margin:29px 0 0 1px;}
.button-top2{ margin:36px 0 0 1px;}
.button-top3{ margin:23px 0 0 1px;}
#content h3{ color:#67686a; font-size:32px; line-height:32px; letter-spacing:-1px; padding-bottom:10px;}
#content h3 span{ display:block; background:url(images/tail_border.png) bottom left repeat-x; padding:0 0 21px 43px;}

.marker-1{ background:url(images/title_marker1.png) 0 0 no-repeat;}
.marker-2{ background:url(images/title_marker2.png) 0 0 no-repeat;}
.marker-3{ background:url(images/title_marker3.png) 0 0 no-repeat;}
.marker-4{ background:url(images/title_marker4.png) 0 0 no-repeat;}
.marker-5{ background:url(images/title_marker5.png) 0 0 no-repeat;}


#content ul{ padding:2px 0 0 0;}
#content ul li{ line-height:16px; padding:0 0 8px 0;}
#content ul li a{ line-height:16px; background:url(images/content_list_marker.gif) 1px 4px no-repeat; padding:0 0 0 30px; color:#424141; font-size:13px;}
#content ul li a:hover{ text-decoration:none; color:#f19900; background:url(images/content_list_marker.gif) 7px 4px no-repeat;}

dl.text dt{ color:#adadad; font-size:14px; font-style:italic;}
dl.text dd{ padding-bottom:19px;}
dl.text dd .indent-top{ padding:6px 0 0 0;}
.indent-bottom-none{ padding-bottom:0 !important;}

.content-box-indent{ padding:7px 11px 0 14px;}

.img-indent{ float:left; margin:2px 25px 0 0;}
.img-top{ margin-top:50px;}
.title-top{ margin:56px 0 0 0;}
.title-top1{ margin:58px 0 0 0;}
.img-bottom{ margin-bottom:25px;}
.box-text-top{ padding:44px 0 0 0;}

dl.text1{ padding-bottom:2px;}
dl.text1 dt{ font-weight:bold;}
dl.text1 dd{ padding-bottom:24px;}
.text2{ float:right; padding:0 100px 0 0;}
.link1{ color:#424141;}
/**/

.form{ padding:25px 0 0 0;}
.form label{ display:block; height:36px;}
.form label input, .form textarea{ width:241px; height:26px; border:1px solid #dcdbdb; color:#424141; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 6px; line-height:24px;}
.form textarea{ height:251px;}
.width-1{ width:57px !important;}
.form-button{ display:block; float:right; padding:30px 0 0 0;}
.form-button a{ float:left;}
.form-button-indent{ margin:0 30px 0 0;}
.indent-text1 p{ padding:18px 0 0 0;}


/****************************indent-2.html************************/
#page3 #content .box-text .box-text-1{ width:256px;}
#page3 #content .box-text .box-text-2{ width:256px; margin:0 0 0 50px;}
/**/
/****************************indent-3.html************************/
#page4 #content .box-text .box-text-1{ width:277px;}
#page4 #content .box-text .box-text-2{ width:277px; margin:0 0 0 41px;}
/**/




/****************************footer************************/
.tail-footer-link{ background:#151617; height:62px;}
.footer-link{ padding:21px 0 21px 0;}
.footer-link-2{ width:177px;}
.footer-link-1{ width:811px;}
.footer-link h3{ color:#939393; font-size:13px; line-height:16px; display:block; width:174px; font-weight:normal; float:right;}

.footer-link-1 ul{ float:right;}
.footer-link-1 ul li, .footer-link-1 ul li a{ display:block; float:left; width:16px; height:16px; margin:0 0 0 5px;}
.footer-link-1 ul li a.bg1{ background:url(images/list_img1.gif) 0 0 no-repeat;}
.footer-link-1 ul li a.bg1:hover{ background:url(images/list_img1_act.gif) 0 0 no-repeat;}
.footer-link-1 ul li a.bg2{ background:url(images/list_img2.gif) 0 0 no-repeat;}
.footer-link-1 ul li a.bg2:hover{ background:url(images/list_img2_act.gif) 0 0 no-repeat;}
.footer-link-1 ul li a.bg3{ background:url(images/list_img3.gif) 0 0 no-repeat;}
.footer-link-1 ul li a.bg3:hover{ background:url(images/list_img3_act.gif) 0 0 no-repeat;}

/**/
.footer{ padding:33px 0 50px 0;}
.footer .col-1{ width:464px; background:url(images/footer_img.jpg) 54px 0 no-repeat;}
.footer .col-1 .footer-text-indent{ padding:0 0 0 117px;}
.footer .col-2{ width:121px; margin:0 0 0 93px;}
.footer .col-3{ width:191px; margin:0 0 0 75px;}
.footer .col-3 p{ line-height:18px;}
.footer .col-3 h3{ padding-bottom:13px !important;}

.footer h3{ color:#c5c4c4; font-size:11px; line-height:14px; text-transform:uppercase; font-weight:normal; padding:3px 0 15px 0;}
.footer div{ color:#939393; font-size:13px; line-height:14px;}
.footer div a, .footer div a:hover{ color:#939393;}
.footer .indent-top{ padding:10px 0 0 0 !important;}

.footer-text1{ font-size:12px !important;}

.footer ul li{ line-height:16px; padding:0 0 4px 0;}
.footer ul li a{ line-height:16px; text-decoration:none; background:url(images/footer_marker.gif) 0 5px no-repeat; padding:0 0 0 11px; text-decoration:none;}
.footer ul li a:hover{ color:#eaeaea; text-decoration:none;}

.form-newsletter{ padding:9px 0 0 0;}
.form-newsletter .col-form-1{ width:128px;}
.form-newsletter .col-form-2{ height:57px;}

.form-newsletter .col-form-1 .input{ width:128px; height:20px; border-top:1px solid #393939; border-left:1px solid #393939; border-bottom:1px solid #393939; background:#212121; color:#939393; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.form-newsletter .col-form-2 .button-wrapper{ width:57px; display:block; height:22px; text-align:center; color:#FFF; text-transform:uppercase; font-size:10px; background:#f19900; text-decoration:none; line-height:22px;}
.form-newsletter .col-form-2 .button-wrapper:hover{ background:#858585;}





/*slider*/
.tail-slider{ background:#eaeaea; height:240px;}

#gallery {
	width:996px;
	height:240px;
	 overflow:hidden;
	 margin:0 0 0 42px;
}

#gallery li {
    float: left;
    cursor: pointer;
	 width:228px; height:240px;
	 opacity:1;
}

#gallery li img, #gallery li a, #gallery li, .jcarousel-item{opacity:1 !important;}



.jcarousel-container {
	position:relative;
	padding:0 0 0 0;
}

.jcarousel-clip {
	width:996px;
	overflow:hidden;
}

.jcarousel-prev {
    position: absolute;
	top:0;
    left: 0;
    width: 52px;
    height: 240px;
    cursor: pointer;
    background:url(images/buttons_left.png) no-repeat 0 top;
	 z-index:1000;
}
.jcarousel-prev:hover{background:url(images/buttons_left_act.png) no-repeat left top;}
.jcarousel-next:hover{background:url(images/buttons_right_act.png) no-repeat left top;}
.jcarousel-next {
    position: absolute;
    top:0;
    right: 0;
    width: 52px;
    height: 240px;
    cursor: pointer;
    background:url(images/buttons_right.png) no-repeat left top;
	 z-index:1000;
}


.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 228px;
    height: 240px;
	
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* gallery */


/*slider-finish*/

.slider-bg1{ background:url(images/gallery_img1.jpg) 0 0 no-repeat;}
.slider-bg2{ background:url(images/gallery_img2.jpg) 0 0 no-repeat;}
.slider-bg3{ background:url(images/gallery_img3.jpg) 0 0 no-repeat;}
.slider-bg4{ background:url(images/gallery_img4.jpg) 0 0 no-repeat;}

#gallery li .slider-hover{ background:url(images/slider_hover.png) 0 0 repeat; width:228px; height:240px; display:block !important; text-indent:-10000px; font-size:0; line-height:0;}
#gallery li:hover .slider-hover{display:none !important;}

#gallery li .slider-text{ display:none; padding:0 0 0 0; color:#ffffff ; font-size:28px; line-height:28px;}
#gallery li:hover .slider-text{ background:url(images/slider_bg_text.png) 0 0 repeat-x; height:41px; position:absolute; margin:199px 0 0 0; width:228px; display:block; }
#gallery li:hover .slider-text strong{ float:right; display:block; padding:5px 13px 0 0; color:#ffffff ; font-size:28px; line-height:28px;}
