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

body{ width:100%; 
margin:0;
padding:0;
background: #5d5d5d url(../images/index_body-bg.jpg) repeat-x;
background-size: 100%; //propotional resize

/*background-repeat: no-repeat;
background-size: 100% 100%; //stretch resize
*/
}

/*Content area*/
#wapper_main{ width:985px; margin:10px auto; padding:0; display:block;}
#wapper_main2{width:958px; margin:auto; padding:0; background: url(../images/wapper_main_body.png) repeat-y;}

#wapper_main_top{ width:984px; height:4px; float:left; margin:-3px 0 0 0; padding:0; background:url(../images/wapper_main_top.png) no-repeat;}
#wapper_main_bottom{ width:984px; height:4px; float:left; margin:0; padding:0; background:url(../images/wapper_main_bottom.png) no-repeat;}
/*#wapper_main_left{width:15px; height:15px; float:left; margin:0; padding:0; background:url(../images/wapper_main_left.png) repeat;}
#wapper_main_right{width:17px;height:15px; float:right; margin:0; padding:0; background:url(../images/wapper_main_left.png)repeat;}*/
#wapper_main_contarea{width:950px; float:left; margin:0 0 0 5px; padding:0; background-color:#FFFFFF; }

/*Header and logo area*/
.header{ width:950px; float:left; margin:0; padding:0; background:url(../images/header_top.png) no-repeat; height:115px; border-bottom:1px solid #000000;}
.logo{ width:246px; height:58px; background:url(../images/logo.png) no-repeat; margin:30px 0 28px 56px; padding:0; float:left;}
#top_menu{ width:950px; float:left; margin:0; padding:0;}
.highlight{ color:#FF0000;}

/*Content-Text area*/
#text_inn{ float:left; width:100%; margin:10px 0; padding:0;}
#text_inn .text_wap{width:919px; margin: auto; padding:0;}
.text_wap  h1{ font:normal 22px Arial, Helvetica, sans-serif; line-height:normal; color:#222222; margin:0; padding:10px 0 10px 10px; text-align:left; text-transform:uppercase; font-style: normal; }
.text_wap  h2{ font:normal 19px Arial, Helvetica, sans-serif; line-height:normal; color:#c2272c; margin:0; padding:10px 0 10px 10px; text-align:left; text-transform:uppercase; font-style: normal; }
.text_wap  p{ font:normal 12px Arial, Helvetica, sans-serif; line-height:18px; color:#646262; margin:0 15px; padding:0; text-align: justify;}
.text_wap ul, li{ font:normal 12px Arial, Helvetica, sans-serif;line-height:18px; color:#646262; text-align: justify;}
.s_img{ /*border:1px solid #000;*/ margin:8px 10px 8px 30px; padding:5px;}
.text_wap a{color:#d25c0e; } .text_wap a:hover{color:#646262;text-decoration:none;}

/*slider*/
.left_home_slider_wap{ width:510px; float:left; margin:15px 0 0 0; padding:0; /*border-right:1.5px dashed #666666;*/}
.right_home_slider_con{ width:400px; float:left; margin:17px 0; padding:0;}
.right_home_slider_con h1{ font:normal 18px Arial, Helvetica, sans-serif; line-height:normal; color:#000000; margin:0 15px; padding:0; text-align:left;}
.right_home_slider_con p{ font:normal 12px Arial, Helvetica, sans-serif; line-height:16px; color:#646262; margin:0 18px 0 0; padding:0; text-align: justify;}

/*slider show*/
.slider {
  margin: 0 0 0 15px;
  padding:0;
  width: 449px; /* Update to your slider width */
  height: 500px; /* Update to your slider height */
  position: relative;
  overflow: hidden;
  border:6px solid #a0a0a0;
}

.slider li {
  display: none;
  position: absolute; 
  top: 0; 
  left: 0; 
   margin: 0;
  padding:0;
}

/*RECENT PROJECT*/
#recent_project{ float:left; width:100%; margin:0; padding:0; border-top:1px dashed #eae8e8; }
#recent_project h2{ font: normal 19px Arial, Helvetica, sans-serif; color:#4f5055; font-style:italic; text-align:left; margin:15px 30px;}
.recenrpro_wap{ width:880px; margin: auto; margin-bottom:20px; padding:10px 5px 10px 8px; background:#5d5d5d; display:block; overflow:auto }
.recent_project_box{ width:200px; margin:0 9px; padding:0; float:left;}
.recent_project_box .recent_project_box-content{ width:199px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-align:center; padding:8px 0; margin:0; float:left}
/*B&W*/
.bw {border:solid 1px #7f7f7f; width:200px; cursor:pointer;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease; 
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
  border:solid 1px #d2d2d2; 
}

/*footer area*/
#footer_wap{ width:100%; float:left; margin:0; padding:20px 20px 20px 0; font: normal 11px Arial, Helvetica, sans-serif; color:#bfbfbf; text-align:center;}
#footer_wap a{ text-decoration:none; color:#FFFFFF; margin:5px 10px; padding:0;}
#footer_wap a:hover{color:#bfbfbf;}

/*SERVICE*/
.service_area{ width:100%; float:left; background:#f5f5f5; border-top:5px solid #eaeae9; border-bottom:2px groove #f2f2f2; margin:0; padding:10px 0;}

/*SLIDER AREA*/

#featured{ 
	width:455px; 
	height:500px; 
	float:left; 
	margin-right:5px;
	background-color:transparent !important;
	background:none;
	
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; /*left:450px;*/ 
	list-style:none; 
	padding:0; margin:0; 
	width:110px; 
	overflow: hidden;
	overflow-x:hidden;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:10px;  
	font-size:12px; 
	color:#666;
	overflow:hidden;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:1px 5px; 
	padding:1px; 
	
}
/*#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}*/
#featured li.ui-tabs-nav-item a{ 
	display:block; width:77px;
	height:55px; text-decoration:none;
	color:#333;  outline:none;	
	
}
#featured li.ui-tabs-nav-item a:hover{
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background: none; 
}
#featured .ui-tabs-panel{ 
	width:449px; height:500px; 
	/*background:#999; */position:relative; 
	border:5px solid #999;
}
/*#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}*/
/*#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font-size:1.2em; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}*/
#featured .ui-tabs-hide{ 
	display:none; 
}

/*Gallery*/
#image-gallery{ width:575px; /*background:#f8f8f8;*/ margin:0; float:right !important; padding:15px 15px;}
.gallery-wap{ width:250px; text-align:center; float:left; margin:0 19px 9px 10px ; padding:0;}
.gallery-wap p{font:bold 14px Arial, Helvetica, sans-serif; text-align:center; color:#353535;}
.gallery-wap .pic {
  border: 6px solid #e0e0e0;  
  float: left;
  text-align:center;
  height: 250px;
  width: 250px;
  margin:8px 0;
  overflow: hidden;
  cursor:pointer;
  -webkit-box-shadow: 1px 1px 8px #111111;
          box-shadow: 1px 1px 8px #111111;  
}
/*GROW*/
.grow img {
  height: 250px;
  width: 250px;
   cursor:pointer;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 300px;
  height: 300px;
}