@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'myriad_l';
	src: url('myriadpro-light-webfont.eot');
	src: local('☺'), url('myriadpro-light-webfont.woff') format('woff'), url('myriadpro-light-webfont.ttf') format('truetype'), url('myriadpro-light-webfont.svg#webfont6N7sveYU') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	outline:0;
}
img{
	border:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html{
	background:#e5e5e5;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	display:block;
	clear:both;
	width:100%;
}
.fix960{
	width:960px;
	margin:0 auto;
}


.top{
	display:block;
	float:left;
	width:100%;
	clear:both;
	background:url(../img/bg_x.png) left top repeat-x;
}
.logo{
	display:block;
	float:left;
	width:90px;
	height:105px;
}


.logo span{
	display:none;	
}

.top nav{
	display:block;
	float:right;
	padding:15px 0;
	width:850px;
	text-align:right;
}
.top nav ul{
	display:block;
	clear:both;
	width:100%;
	text-align:right;
}
.top nav ul li{
	float:right;
}
.nav_btn{
	display:block;
	clear:both;
	padding:10px 40px 10px 10px;
	height:55px;
	color:#666;
	text-align:left;
	text-shadow:#000 -1px -1px 0;
}
.nav_btn strong{
	display:block;
	clear:both;
	padding:5px 0;
	font-family:myriad_l;
	font-weight:normal;
	font-size:22px;
	text-shadow:#000 -1px -1px 1px;
}
.nav_btn span{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	display:block;
	clear:both;
}
.top nav ul li:hover .nav_btn{
	background:#191919;
     -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.3s ease-out;  
	color:#99ff33;
}


.top nav ul li menu{
	position:absolute;
	z-index:-1;
	visibility:hidden;
	background:none;
}
.top nav ul li:hover menu{
	display:block;
	visibility:visible;
	clear:both;
     -moz-transition: all 0.4s ease-out;  /* FF3.7+ */
       -o-transition: all 0.4s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.4s ease-out;  
	position:absolute;
	z-index:99;
	width:200px;
	padding:5px;
	text-align:left;
	background:#191919;
	-webkit-box-shadow:#000 0px 2px 3px;
	-moz-box-shadow:#000 0px 2px 3px;
	box-shadow:#000 0px 2px 3px;
}
.top nav ul li menu a{
	display:block;
	clear:both;
	padding:5px 10px;
	color:#999;
	text-shadow:#000 -1px -1px 0;
}
.top nav ul li menu a:hover{
	background:#111;
	color:#fff;
     -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.3s ease-out;  
}

/* =============================== home page header and slider ==================*/


.intro{
	display:block;
	clear:both;
	width:100%;
	min-height:500px;
	background:url(../img/bg_intro.jpg) center top no-repeat;
}
.page_head{
	display:block;
	clear:both;
	padding:10px 0;
	font-family:myriad_l;
	text-shadow:#303 -1px -1px 1px;
}
.page_head h1, .page_head .h1{
	display:block;
	clear:both;
	font-weight:normal;
	font-size:52px;
	color:#fff;
}
.page_head h2, .page_head .h2{
	display:block;
	clear:both;
	font-weight:normal;
	font-size:28px;
	color:#996699;
}
.intro_text{
	display:block;
	float:left;
	width:350px;
	padding:10px 0;
	color:#aa859d;
	line-height:150%;
	font-size:13px;
	text-shadow:#303 -1px -1px 0;
}
.intro_text .green{color:#9C0;}

.intro_text a{
	color:#aa859d;
	text-decoration:underline;
}
.intro_text a:hover{color:#9c0;}

.slider{
	display:block;
	float:right;
	background:url(../img/slide_bg.png) left top no-repeat;
	padding:4px 14px 7px;
	width:560px;
	height:360px;
	margin-right:-4px;
}

.slide_head{
	display:block;
	clear:both;
	height:40px;
	padding:10px 0;
}
.slide_head h3{
	display:block;
	float:left;
	width:400px;
	font-family:myriad_l;
	color:#9C0;
	font-size:26px;
	padding:8px;
	font-weight:normal;
	text-shadow:#000 -1px -1px 1px;
}
.slide_head a{
	display:block;
	float:right;
	background:url(../img/slide_button.png) left top no-repeat;
	height:32px;
	width:116px;
	line-height:32px;
	text-align:center;
	font-weight:bold;
	text-shadow:#000 -1px -1px 0px;
	overflow:hidden;
	margin:5px 0 0;
	color:#999;
}
.slide_head a:hover{
	background-position:left bottom;
	color:#fff;
}
.slide_img{
	width:560px;
	height:270px;
	display:block;
	clear:both;
	position:relative;
}

.item img{
	position:absolute;;
	z-index:1;
}


.item p{
	position:absolute;
	z-index:2;
	width:540px;
	padding:10px;
	color:#fff;
	background:transparent url('../img/slidebg.png') center top repeat;
	margin-top:220px;	
}


.slide_back, .slide_next{
	display:block;
	clear:both;
	position:absolute;
	z-index:2;
	width:49px;
	height:47px;
	margin-top:100px;
}
.slide_back{
	background:url(../img/slide_back.png) left top no-repeat;
	margin-left:-17px;
}
.slide_next{
	background:url(../img/slide_next.png) left top no-repeat;
	margin-left:527px;
}
.slide_back:hover, .slide_next:hover{background-position:bottom;}


/* ===================== main content ========================= */

.content{
	display:block;
	clear:both;
	width:960px;
	margin:0 auto;
}
.home_products{
	display:block;
	float:left;
	width:960px;
	clear:both;
	padding:20px 0;
	margin-bottom:20px;
	background:url(../img/inner_border.png) bottom repeat-x;
}
.title{
	display:block;
	clear:both;
	padding:0 0 20px 0;
	margin-bottom:20px;
	text-shadow:#fff 1px 1px 1px;
	background:url(../img/title_bg_x.png) bottom repeat-x;
}
.title h2, .title .h2{
	display:block;
	font-size:32px;
	clear:both;
	font-family:myriad_l;
	color:#993366;
	font-weight:normal;
}

.title h3, .title .h3{
	display:block;
	font-size:18px;
	clear:both;
	font-family:myriad_l;
	color:#999;
	font-weight:normal;
}

.overflow{
	display:block;
	clear:both;
	width:110%;
}
.home_prod{
	display:block;
	float:left;
	width:170px;
	padding:10px 20px 10px 0 ;
}

.prod_box{
	display:block;
	clear:both;
	width:130px;
}
.home_prod h5 a{
	display:block;
	clear:both;
	font-family:myriad_l;
	font-size:18px;
	color:#993366;
	text-shadow:#fff 1px 1px 1px;
	font-weight:normal;
	padding:10px 0;
}
.home_prod h5 a:hover{
	color:#000;
     -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.3s ease-out; 
}
.home_prod ul li{
	display:block;
	clear:both;
	padding:3px 0 5px 10px;
	text-shadow:#fff 1px 1px 0;
	color:#666;
	background:url(../img/bullet_grey.png) left 8px no-repeat;
}
.home_prod ul li a{
	color:#333;
	text-decoration:underline;
}
.home_prod ul li a:hover{color:#936;}
.prod_price{
	display:block;
	clear:both;
	font-family:myriad_l;
	font-size:28px;
	color:#936;
	padding:10px 0 0 ;
	font-weight:normal;
	text-shadow:#fff 1px 1px 1px;
}

.prod_price span{
	font-size:16px;
	text-indent:hanging;
}

.hlaf_block{
	display:block;
	float:left;
	width:460px;
	padding:20px 0;
	margin-right:40px;
}

.new_blog li, .serv_list li{
	display:block;
	float:left;
	clear:both;
	width:100%;
	padding:0px 0 15px;
	margin-bottom:15px;
	background:url(../img/inner_border.png) left bottom repeat-x;
}
.new_blog li article{
	display:block;
	clear:both;
}
.post_img{
	display:block;
	float:left;
	width:140px;
	border:#fff 5px solid;
	-webkit-box-shadow:#999 0 0 5px;
	-moz-box-shadow:#999 0 0 5px;
	-webkit-box-shadow:#999 0 0 5px;
	opacity:0.5;
}
.post_img:hover{
	opacity:1;
     -moz-transition: all 0.5s ease-out;  /* FF3.7+ */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.5s ease-out; 
}
.new_blog li article div{
	display:block;
	float:left;
	width:300px;
	padding-left:10px;
}

.new_blog li article div h6 a{
	display:block;
	clear:both;
	color:#936;
	font-family:myriad_l;
	font-size:22px;
	text-shadow:#fff 1px 1px 1px;
	font-weight:normal;
}
.new_blog li article div h6 a:hover{
	color:#000;
     -moz-transition: all 0.5s ease-out;  /* FF3.7+ */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.5s ease-out; 
}
.new_blog li article div p{
	display:block;
	clear:both;
	padding:10px 0 0;
	color:#666;
	text-shadow:#fff 1px 1px 0;
}
.new_blog li article div p span{
	margin:0 5px;
}
.new_blog li article div p a{
	color:#666;
	text-decoration:underline;
}
.new_blog li article div p a:hover{color:#000;}

.serv_list li img{
	width:32px;
	float:left;
	margin:10px 0;
	display:block;
}
.serv_list article{
	display:block;
	float:left;
	padding:0 0 0 18px;
	width:410px;
}
.serv_list article h4 a{
	display:block;
	clear:both;
	font-family:myriad_l;
	font-size:22px;
	color:#936;
	text-shadow:#fff 1px 1px 1px;
	font-weight:normal;
}
.serv_list article p{
	display:block;
	clear:both;
	padding:5px 0 0;
	line-height:150%;
	text-shadow:#fff 1px 1px 0;
}


.foot{
	display:block;
	float:left;
	clear:both;
	width:100%;
	background:#282828 url(../img/footer.png) center top no-repeat;
	padding:60px 0 40px;
}
.foot menu{
	display:block;
	float:left;
	width:225px;
	padding:0 20px 0 0
	text-shadow:#000 -1px -1px 0px;
}
.foot menu h6, .foot_contacts h6{
	display:block;
	clear:both;
	font-family:myriad_l;
	font-size:20px;
	color:#fff;
	font-weight:normal;
	text-shadow:#000 -1px -1px 1px;
}
.foot menu ul{
	display:block;
	clear:both;
	padding:5px 0;
}
.foot menu ul li a{
	display:block;
	clear:both;
	color:#999;
	padding:3px 0 5px 10px;
	background:url(../img/foot_bullet.png) left 8px  no-repeat;
}
.foot menu ul li a:hover{color:#9C0; text-decoration:underline;}

.foot_contacts h6{color:#9C0;}
.foot_contacts{
	display:block;
	float:right;
	width:280px;
}

.foot_contacts details{
	display:block;
	clear:both;
	background:url(../img/foot_contacts.png) left top no-repeat;
	width:260px;
	height:153px;
	margin:5px 0 0;
	padding:23px 10px 0;
}
.foot_contacts details dl{
	display:block;
	float:left;
	clear:both;
	width:100%;
	padding:0 0 7px;
	line-height:150%;
	color:#ccc;
}
.foot_contacts details dl dt{
	float:left;
	font-weight:bold;
	margin-right:5px;
}
.foot_contacts details dl a{
	color:#ccc;
	text-decoration:underline;
}

.foot_contacts details dl a:hover{color:#9C0;}


.foot_contacts aside{
	display:block;
	float:left;
	width:100%;
	clear:both;
	margin:10px 0;
}
.foot_contacts aside a{
	display:block;
	float:left;
	opacity:0.7;
	margin-right:10px;
}
.foot_contacts aside a:hover{
	opacity:1;
     -moz-transition: all 0.5s ease-out;  /* FF3.7+ */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.5s ease-out; 
}

.foot_text{
	display:block;
	clear:both;
	color:#999;
	font-size:11px;
	width:680px;	
	position:absolute;
	margin-top:170px;
}

.intro_inside{
	display:block;
	float:left;
	clear:both;
	width:100%;
	height:220px;
	padding-top:10px;
	background:url(../img/intro_inside.jpg) center top no-repeat;
	margin: 0 0 -50px 0 ;
	position:relative;
	z-index:-1;
}
.main_col{
	display:block;
	float:left;
	width:650px;
}
.project{
	display:block;
	float:left;
	width:310px;
	padding:0 30px 20px 0;
}
.project_img{
	display:block;
	clear:both;
	width:300px;
	background:url(../img/project_bg.png) left top no-repeat;
	height:184px;
	padding:9px;
	margin:-4px 0 0 -4px;
	opacity:0.7;
}
.project_img:hover{
	opacity:1;
     -moz-transition: all 0.5s ease-out;  /* FF3.7+ */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.5s ease-out; 
}
.project_img img{
	width:300px;
	height:180px;
	display:block;
	clear:both;
}
.project_img span{
	display:block;
	clear:both;
	position:absolute;
	z-index:1;
	background:url(../img/black_transparent.png) repeat;
	width:280px;
	padding:0 10px;
	height:0px;
	line-height:30px;
	text-shadow:#000 1px 1px 0;
	opacity:0;
	font-size:13px;
	color:transparent;
}
.project_img:hover span{
	opacity:1;
	height:30px;
	margin:-30px 0 0;
	color:#fff;
     -moz-transition: all 0.5s ease-out;  /* FF3.7+ */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.5s ease-out; 
}

.project details{
	display:block;
	clear:both;
	padding:10px 0 0;
	text-shadow:#fff 1px 1px 0;
	font-size:13px;
}
.project_name{
	display:block;
	clear:both;
	font-size:16px;
	color:#906;
	padding-bottom:5px;
}
.project_name:hover{color:#000;}

.projects_line{
	display:block;
	float:left;
	clear:both;
	width:650px;
	background:url(../img/inner_border.png) bottom repeat-x;
	margin-bottom:30px;
}

.sidebar{
	display:block;
	float:right;
	width:280px;
}
.sidebox{
	display:block;
	float:left;
	clear:both;
	width:280px;
	padding-bottom:20px;
}
.sidebox .title{
	font-size:32px;
	font-family:myriad_l;
	color:#993366;
	padding:0 0 15px 0;
	margin-bottom:10px;
	font-weight:normal;
}
.sidebar_menu li a{
	display:block;
	clear:both;
	background:url(../img/side_menu_hover.png) left top no-repeat;
	background:url(../img/side_menu_button.png) left top no-repeat;
	height:31px;
	line-height:31px;
	font-size:13px;
	font-weight:bold;
	padding-left:30px;
	width:250px;
	color:#444;
	text-shadow:#fff 1px 1px 0;
}
.sidebar_menu li a:hover{
	background:transparent url(../img/side_menu_hover.png) left top no-repeat;
	color:#906;
}

.content_text{
	text-align:justify;	
	font-size:13px;
}

/* contacts */
.cont_details{
	display:block;
	float:left;
	width:300px;
	padding-bottom:20px;
	overflow:hidden;
}
.cont_details dl{
	display:block;
	float:left;
	clear:both;
	widows:100%;
	padding:15px 0 0;
	font-size:13px;
	text-shadow:#fff 1px 1px 0;
}
.cont_details dl dt{
	font-weight:bold;
	float:left;
	width:70px;
}
.cont_details dl dd{
	float:left;
	width:200px;
}
.cont_details a{
	color:#36C;
	text-decoration:underline;
}
.cont_details a:hover{color:#000;}

.cont_map{
	display:block;
	float:right;
	width:340px;
	overflow:hidden;
}
.cont_map iframe{
	display:block;
	clear:both;
	float:left;
	width:340px;
	margin:10px 0 0;
}
.add_form{
	display:block;
	clear:both;
	padding:20px 0;
}
.form_list{
	display:block;
	clear:both;
}
.form_list li{
	display:block;
	float:left;
	width:100%;
	clear:both;
	padding:5px 0;
}
.add_form .form_list li label{
	display:block;
	float:left;
	width:120px;
	line-height:25px;
	font-weight:bold;
	color:#555;
	text-shadow:#fff 1px 1px 0;
}
.add_form .form_list li .input,
.add_form .form_list li textarea{
	display:block;
	float:left;
	background:#f5f5f5;
	padding:5px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:#aaa 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
}
.add_form .form_list li .input:focus,
.add_form .form_list li textarea:focus{
	background:#fff;
	border-color:#999;
	-webkit-box-shadow:#999 0 0 3px;
	-moz-box-shadow:#999 0 0 3px;
	box-shadow:#999 0 0 3px;
}
.add_form .form_list li .input{width:200px;}
.add_form .form_list li textarea{
	width:250px;
	height:100px;
}

.add_form .form_list li .submit{
	display:block;
	float:left;
	background:url(../img/prod_button.png) left top no-repeat;
	height:37px;
	line-height:35px;
	width:138px;
	padding-bottom:5px;
	border:none;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
	text-shadow:#fff 1px 1px 0;
}
.add_form .form_list li .submit:hover{color:#333; background-position:bottom;}
.ask_form .form_list li label{
	width:150px;
	font-size:13px;
}
.ask_form .form_list li{
	padding:10px 0;
}
.ask_form .form_list li .input{
	font-size:16px;
	width:300px;
}
.ask_form .form_list li select.input{
	font-size:14px;
	width:312px;
}
.ask_form .form_list li p{
	display:block;
	float:left;
	clear:both;
	width:100%;
	font-size:14px;
	padding:0 0 10px 0;
	font-weight:bold;
}

.ask_form .form_list li div{
	display:block;
	float:left;
	width:320px;
	padding:5px 0;
}
.ask_form .form_list li div .option{
	float:left;
	margin:0 10px 0 0;
}
.ask_form .form_list li div strong{
	font-weight:normal;
}

.ask_form .form_list li textarea{
	width:390px;
	height:200px;
}


.ask_form .form_list li .fileinput{
	padding:2px;
	font-size:12px;
}
.pages{
	width:670px;
	display:block;
	clear:both;
	float:left;
	padding:10px 0px;
}

.pages a{
	display:block;
	float:left;
	width:auto;
	margin-right:5px;
	height:20px;
	background:transparent url('../img/page_num_x.png') left top repeat-x;
	color:#999;
	text-shadow:#fff 1px 1px 0;
}

.pages a strong{
	font-weight:normal;
	padding:0px 10px;
}

.pages a:hover{
	background-position: bottom;
	color:#666;
}

.pages a span{
	display:block;
	float:left;
	cursor:pointer;
	height:20px;
	line-height:20px;
}

.pages a:hover span{background-position:left bottom;}

.number_l{
	background:transparent url('../img/page_num_left.png') left top no-repeat;
	padding-left:7px;
	padding-right:2px;
}

.number_r{
	background:transparent url('../img/page_num_right.png') left top no-repeat;
	width:5px;
}

.current_page{
	display:block;
	float:left;
	width:auto;
	margin-right:5px;
	font-weight:bold;
	height:20px;
	background:transparent url('../img/page_num_x.png') left bottom repeat-x;
	color:#909;
	text-shadow:#fff 1px 1px 0px;
}

.current_page span{
	display:block;
	float:left;
	height:17px;
	padding-top:3px;
	background-position:bottom left;
}


.share_post{
	display:block;
	float:left;
	clear:both;
	width:100%;
	background:url(../img/inner_border.jpg) top repeat-x;
	padding:10px 0 20px;
}


/* text page */
.text_page{
	display:block;
	clear:both;
	padding:20px 0;
	font-size:14px;
	line-height:120%;
}


.text_page *{
	line-height:120%;
}
.text_page hgroup{
	display:block;
	clear:both;
}
.text_page h1, .text_page h2, .text_page h3, .text_page h4, .text_page h5, .text_page h6 {
	font-weight:normal; 
	display:block;
	clear:both;
	padding:5px 0;
	font-family:myriad_l;
	color:#903;
	text-shadow:#fff 1px 1px 1px;
}
.text_page h1{font-size:36px;}
.text_page h2{font-size:30px;}
.text_page h3{font-size:26px;}
.text_page h4{font-size:22px;}
.text_page h5{font-size:20px;}

.text_page p, .two_col_list, .one_col_list{
	display:block;
	clear:both;
	color:#555;
	line-height:150%;
	text-shadow:rgba(255, 255, 255, 0.5) 1px 1px 0;
	padding:10px 0;
}
.two_col_list{
	display:block;
	float:left;
	clear:both;
	width:100%;
}
.two_col_list li{
	display:block;
	float:left;
	width:47%;
	padding:10px 0 10px 15px;
	background:url(../img/bullet_grey.png) left 17px no-repeat;
}
.one_col_list li{
	display:block;
	clear:both;
	padding:10px 0 10px 15px;
	background:url(../img/bullet_grey.png) left 17px no-repeat;
}
.text_page a{
	color:#903;
	text-decoration:underline;
}
.text_page a:hover{color:#000;}

.cnt{
	color:#555;
	line-height:150%;
	font-size:14px;	
}

a.limg img{
	border:5px solid #cecece;	
}


a:hover.limg img{
	border-color:#fff;
}

.prod_img{
	float:right;
	overflow:hidden;	
}

.fanbox{
	display:block;
	clear:both;
	overflow:hidden;
	width:280px;
	margin-top:10px;	
}

.top_h1{
	position:absolute;
	color:#666;
	font-size:10px;
	left:50%;
	margin-left:-470px;
	text-transform:lowercase;
	top:90px;
	font-weight:normal;	
}

.askbtn{
	width:272px;
	height:60px;
	background:transparent url('../img/askbtn.png')	left top no-repeat;
	display:block;
}

a:hover.askbtn{
	background-position:left bottom;	
}

.pricetable{
	font-size:12px;
	border-bottom:2px solid #666;
}

.extrainfo{
	padding:10px !important;
	font-size:12px;
	background:#f9f9f9 !important;
	color:#000 !important;	
		border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

}


.pricetable tbody td{
	padding:5px;	
	background:#fff;	
}

.pricetable tr.odd td{
	background:#f2f2f2;	
}

.pricetable thead td{
	background:#730b4a;	
	color:#fff;
	padding:5px;
}