html {width:100%;height:100%;}
body {min-width:1000px;position:relative;width:100%;min-height: 100%;height: auto !important;height: 100%;padding:0;font:12px Arial, Helvetica, sans-serif;color:#c0c0c0;margin:0;background:url(../images/bg.jpg) no-repeat top center #000;}
body.intro {background:#000;}
a {color:#48494e;text-decoration:underline;outline:none;}
a:hover {text-decoration:none;}
img {border:0;}

.wrapper {width:810px;margin:0 auto;padding:17px 0 0;position:relative;}

.header {width:810px;height:130px;margin:0 0 21px 0;position:relative;z-index:100;background:url(../images/header_bg.png) no-repeat 0 0;}
.header .h_logo_l {display:block;position:absolute;top:27px;left:27px;width:95px;height:74px;background:url(../images/h_logo_l.png) no-repeat;overflow:hidden; text-indent:-3000px;}
.header .h_logo_r {display:block;position:absolute;top:27px;right:31px;width:77px;height:79px;background:url(../images/h_logo_r.png) no-repeat;overflow:hidden;}
.header .h_menu {margin:0;padding:27px 0 0 170px;overflow:hidden;}
.header .h_menu li{display:block;list-style:none;float:left;margin:0 0 0 28px;overflow:hidden;}
.header .h_menu a {display:block;border-bottom:1px solid #262c2d;color:#a6b3b5;font:bold 12px Arial, Helvetica, sans-serif;padding:0 0 8px;text-decoration:none;}
.header .h_menu a.active {color:#fff}

.header .h_subMenu {margin:5px 0 0;padding:0; clear:both;}
.header .h_subMenu li {display:block;list-style:none;float:none;margin:0;border:0;}
.header .h_subMenu li a {display:block;line-height:18px;overflow:hidden;text-decoration:none;font:normal 12px/19px Arial, Helvetica, sans-serif;color:#6b7f83;padding:0 10px;border:0;float:none;}
.header .h_subMenu li a.active {background:url(../images/h_l_bg.gif) repeat-x top left;}

.c_wrapper {position:relative;border:2px solid #2c3436;padding:17px;border-top-left-radius:20px;-moz-border-radius-topleft:20px;-webkit-border-top-left-radius:20px; border-bottom-right-radius:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;z-index:110;background:url(../images/cont_bg.png);}

.c_news {min-height: 400px;}
.c_news h2 {font:bold 13px Arial, Helvetica, sans-serif;color:#798e96;border-bottom:1px solid #181b1e;padding:0 0 10px 0;margin:4px 0 10px;}
.c_news h2 span {color:#e00620;padding:0 0 0 10px; margin:0 0 0 5px;background:url(../images/h_divider.gif) no-repeat 0 2px;}
.c_news a
{text-decoration: none;}


.n_header1 {height:27px;margin:10px 0 0;padding:0 20px;overflow:hidden;font-size:18px;color:#000000;line-height:26px;background:url(../images/news_p_1.png) repeat-x;}
.n_header1 span {float:right;font-size:12px;color:#000000;font-weight:bold;}
.n_header1 span strong {font-weight:normal;font-size:18px;color:#a80418;}
.n_descrp1 {border:1px solid #111415; border-width:0 1px 1px 1px;padding:20px 20px 10px;overflow:hidden;}
.n_descrp1 .img {width:175px; overflow:hidden;float:right;}
.n_descrp1 {/*margin:0 215px 0 0*/}
.n_descrp1 p {margin:0 0 10px;text-align:justify;}
.n_descrp1 .more {text-align:right;}
.n_descrp1 .more a {color:#fff;text-decoration:underline;font:bold 11px Arial, Helvetica, sans-serif;}


.n_header2 {height:27px;margin:10px 0 0;padding:0 20px;overflow:hidden;font-size:18px;color:#9e9e9e;line-height:26px;background:url(../images/news_p_2.png) repeat-x;}
.n_header2 span {float:right;font-size:12px;color:#838383;font-weight:bold;}
.n_header2 span strong {font-weight:normal;font-size:18px;color:#fff;}
.n_descrp2 {border-bottom:1px dashed #181b1f;padding:10px 20px 10px;overflow:hidden;}
.n_descrp1 .img {width:175px; overflow:hidden;float:right;}
.n_descrp2 p.more {margin:0 0 10px;text-align:justify;}
.n_descrp2 p.more {text-align:right;}
.n_descrp2 p.more a {color:#246d82;text-decoration:underline;font:bold 11px Arial, Helvetica, sans-serif;}


.n_page_nav {margin:14px 4px 0;padding:0;overflow:hidden; text-align: right;}
.n_page_nav li {display: inline;list-style:none;margin:0 0 0 7px;}
.n_page_nav li a {text-decoration:none;color:#9ea7ac;font:bold 12px Arial, Helvetica, sans-serif;}
.n_page_nav li strong {color:#ffffff;font:bold 14px Arial, Helvetica, sans-serif;}

.c_portfolio {min-height: 400px;}
.c_portfolio h2 {font:bold 13px Arial, Helvetica, sans-serif;color:#798e96;border-bottom:1px solid #181b1e;padding:0 0 10px 0;margin:4px 0 10px;}
.c_portfolio h2 span {color:#1ca5b5;padding:0 0 0 10px; margin:0 0 0 5px;background:url(../images/h_divider.gif) no-repeat 0 2px;}

.p_works {padding:0;height:391px;float:left;}
.p_worksInner {margin:0 0 0 -15px;overflow:hidden;}
.p_works p {width:246px;float:left;margin:0 0 10px 15px}
.p_works img {width:238px;height:143px;border:4px solid #191d1e;}
.p_works span {display:block;font:11px Arial, Helvetica, sans-serif;color:#979696;height:15x;overflow:hidden;text-align:right;margin:4px 0 0;}
.p_worksScroll {width:772px;height:25px;margin:10px 0 0;background:url(../images/slider_bg.png) no-repeat 0 0;}

.p_clients {padding:0;height:391px;float:left; }
.p_clientsInner {margin:0 0 0 0;overflow:hidden;}
.p_clients p {width:146px;height:120px;float:left;margin:35px 23px 0}
.p_clients p a {display:block;position:relative;font:12px Arial, Helvetica, sans-serif;color:#a6b3b5;}
.p_clients p a span {display:block;width:146px;position:absolute;bottom:20px;left:0; text-align:center;}
/* .p_clients img {width:146px;height:120px;} */
.p_clients span {display:block;font:11px Arial, Helvetica, sans-serif;color:#979696;height:15x;overflow:hidden;text-align:right;margin:4px 0 0;}
.p_clientsScroll {width:772px;height:25px;margin:10px 0 0;background:url(../images/slider_bg.png) no-repeat 0 0;}

.c_vtor {min-height: 400px;}
.c_vtor h2 {font:bold 13px Arial, Helvetica, sans-serif;color:#798e96;border-bottom:1px solid #181b1e;padding:0 0 10px 0;margin:4px 0 10px;}
.c_vtor_desc {border-bottom:1px dashed #181B1F;overflow:hidden;}
.c_vtor_desc_t {margin:0 200px 0 0;text-align:justify;}
.c_vtor_desc_t h3 {color:#ffffff;font:normal 14px Arial, Helvetica, sans-serif;margin:5px 0 10px;}
.c_vtorList {float:right;margin:10px 10px 0 0;width:140px;display:inline;}

.c_vtorStep {overflow:hidden;}
.c_vtorStep h2 {font:bold 13px Arial, Helvetica, sans-serif;color:#798e96;border-bottom:1px solid #181b1e;padding:0 0 10px 0;margin:4px 0 10px;}
.c_vtorStepColsDiv {}
.c_vtorStepColsDivInner { overflow:hidden;}
.c_vtorStepCol {width:236px; text-align:justify;float:left;margin:0 22px 0 0;}
.c_vtorStepCol p {margin:0 0 10px;}

.c_contacts {min-height: 400px;}
.c_contacts h2 span {color:#1ca5b5;padding:0 0 0 10px; margin:0 0 0 5px;background:url(../images/h_divider.gif) no-repeat 0 2px;}
.c_contacts h2 {font:bold 13px Arial, Helvetica, sans-serif;color:#798e96;border-bottom:1px solid #181b1e;padding:0 0 10px 0;margin:4px 0 15px;}
.c_contactsWrapper {overflow:hidden;}
.c_contactsLeft {width:290px;padding:0 0 0 10px;float:left;}
.c_contactsLeft table td{padding:1px 5px 1px 0;color:#fff;}
.c_contactsLeft table td p {margin:0 0 10px;}
.c_contactsLeft table td span {color:#c0c0c0;}
.c_contactsRight {margin:0 0 0 300px;}
.c_contactsRight h3 {margin:0;padding:0 10px;color:#fff;font:normal 18px/27px Arial, Helvetica, sans-serif; height:27px; background:url(../images/h_contacts.png) repeat-x top left;}
.c_contactsRight form {border:1px solid #0c0e0e;padding:17px;}
.c_contactsRight form table {vertical-align:top;}
.c_contactsRight form table td {padding:0 10px 4px 0;vertical-align:top}
.c_contactsRight form table td label {color:#fff;font-size:12px;}
.c_contactsRight form table td input {background:#d1d1d1;padding:3px;font-size:12px;color:#000;border:0;width:215px;}
.c_contactsRight form table td textarea {background:#d1d1d1;padding:3px;font-size:12px;color:#000;border:0;width:330px;height:115px;}
.c_contactsRight form table td p.submit {margin:10px 0;text-align:right}
.c_contactsRight form table td input.s_button {width:104px;height:24px;border:0;text-align:center;color:#246d82;font-size:11px;font-weight:bold;cursor:pointer; background:url(../images/c_button.png);}



.footer {width:810px;height:108px;position:relative;z-index:100;}
.footer .f_i_ta {display:block;position:absolute;top:28px;left:0;width:127px;height:39px;background:url(../images/f_ta_ico.png) no-repeat 0 0;}
.footer .f_i_org {display:block;position:absolute;top:28px;left:154px;width:127px;height:39px;background:url(../images/f_org_ico.png) no-repeat 0 0;}
.footer .f_copyRight {margin:0;position:absolute;top:41px;right:4px;font-size:11px;color:#343b3e;}
.footer .f_email {margin:0;position:absolute;top:31px;right:206px;height:32px;line-height:32px;padding:0 0 0 12px;background:url(../images/f_divider.gif) no-repeat 0 0;}
.footer .f_email span {color:#5b696c; padding:0 0 0 33px;margin:0 5px 0 0;background:url(../images/f_mail_ico.gif) no-repeat 0 2px;}
.footer .f_email a {display:block;color:#d1d5d7; padding:0 0 0 48px;margin:0 5px 0 0;text-decoration:none;font-weight:bold;background:url(../images/f_mail_ico.gif) no-repeat 0 6px;}
.footer .f_twitter {display:block;position:absolute;top:38px;right:345px;width:20px;height:21px;background:url(../images/f_twitter_ico.png) no-repeat 0 0;}
.footer .f_langs {margin:0;position:absolute;top:31px;right:376px;height:31px;padding:1px 9px 0 0;background:url(../images/f_divider.gif) no-repeat top right;}
.footer .f_langs a {display:block;width:29px;height:20px;margin:5px 0 0 8px;text-align:center;color:#a7a7a7;font:normal 12px/19px Arial, Helvetica, sans-serif;text-decoration:none;float:right;background:url(../images/f_lang_off.png) no-repeat 0 0;}
.footer .f_langs a.active {color:#fff;background:url(../images/f_lang_on.png) no-repeat 0 0;}

.f_bg_img {position:absolute;bottom:0px;right:0;width:330px;height:301px;z-index:10;background:url(../images/f_bg_img.png) no-repeat 0 0;}

.intro .wrapper {width:780px;}
.intro .footer {width:780px;}
.intro_header {margin:100px 0 0;height:145px;position:relative;z-index:100;}
.intro_box {position:absolute;display:block;width:316px;height:66px;text-decoration:none;color:#fff;background:url(../images/intro_p.png) no-repeat 0 0;}
.intro_box strong {display:block;height:26px;line-height:27px;font-size:14px;padding:0 26px;margin:0 0 4px 0;text-transform:uppercase;}
.ib_tr strong, .ib_br strong {text-align:right;}

.intro_box span {display:block;padding:0 26px;margin:2px 0 0;}
.intro_box:hover {background:url(../images/intro_p_hover.png) no-repeat 0 0}
.ib_tl {top:0;left:0;}
.ib_tr {top:0;right:0;}
.ib_bl {bottom:0;left:0;}
.ib_br {bottom:0;right:0;}
.logo_intr {display:block;width:93px;height:140px;position:absolute;top:0;left:345px;background:url(../images/logo_intro.png) no-repeat;}
.intro_listDiv {margin:35px 0 0;position:relative;z-index:100;overflow:hidden;}
.intro_listDivInner {margin:0 0 0 -9px;}
.intro_list {overflow:hidden;margin:0;padding:0;}
.intro_list li{list-style:none;width:148px;height:122px;float:left;margin-left:9px}
.intro_scroll {position:relative;width:778px;height:27px;margin:15px 0 0;background:url(../images/intro_scroll.png) no-repeat 0 0;}
.intro_scrollRider {position:absolute;top:4px;left:30px; width:139px;height:19px;background:url(../images/intro_s_rider.png) no-repeat 0 0;}




























.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background:url(../images/intro_scroll.png) no-repeat bottom left;
}
.c_vtor_slide .jScrollPaneContainer  {background:url(../images/slider_bg.png) no-repeat 0 365px;}
.works_l .jScrollPaneContainer {
	background:url(../images/slider_bg.png) no-repeat 0 366px;}

.intro .jScrollPaneContainer {
	background:url(../images/intro_scroll.png) no-repeat 0 146px;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
}

.jScrollIntervalTrack { 
	position: absolute;

}

.jScrollPaneDrag {
	position: absolute;
	background: url(../images/scroll_rider_c.png) no-repeat center;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragLeft {
	position: absolute;
	bottom:-3px;
	left: 0;
	width:8px;
	height:19px;
	background:url(../images/scroll_rider_l.png) no-repeat 0 0;
	overflow: hidden;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: -3px;
	right: 0;
	overflow: hidden;
	width:6px;
	height:19px;
	background:url(../images/scroll_rider_r.png) no-repeat 0 0;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 25px;
	width: 20px;
}
a.jScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 25px;
	width: 10px;
}
a.jScrollArrowRight:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


























.holder {
	margin: 0;
	display: block;
	/* TEMP */
	margin-bottom: 20px;
	
}
.scroll-pane {
	width: 200px;
	float: left;
	padding: 0;
}


#pane1 {
	
	padding: 0;
	display: block;
	_overflow: hidden;
}

#pane5 {
	height: 200px;
	width: 40%;
	padding: 0;
	display: block;
	_overflow: hidden;
}
a.jScrollArrowLeft {

}
a.jScrollArrowLeft:hover {
	background-position: 0 -15px;
}
a.jScrollArrowRight {

}
a.jScrollArrowRight:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}