html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table{ margin:0px; padding:0px; }
body{ font:12px Arial, Helvetica, sans-serif; background:url(../images/home-bg.jpg) center top no-repeat;}
img{ border:0px;}
ul{ list-style:none;}
p{ padding:5px 10px; line-height:20px; font:12px Arial, Helvetica, sans-serif; color:#333; text-align:justify;}
a,link,visited{ outline:none; text-decoration:none; color:#000;}
a:hover{ outline:none; text-decoration:none; color:#fff;}
em{ color:#df6a26; font-style:normal;}
/*Struc Classes*/
.container{ width:1003px; height:auto; margin:0 auto;}
.header{ width:1003px; float:left;}
.logo{ position:absolute; z-index:-1; margin:0px 0 0 -56px;}
.tag-line{ padding:10px 0; float:left; margin:112px 0 0 100px;}
.tag-line h1{ font:36px Century Gothic; margin-top:10px; color:#4d4f53;}
.tag-line h1 span{ font:16px Century Gothic; color:#afafaf; letter-spacing:1px;}

.tp-rgt{ width:510px; float:right;}
.address{ float:left; width:510px; height:140px; padding-top:10px;}
.address p{ text-align:left; padding:0; margin:0; font:16px Arial, Helvetica, sans-serif; color:#616366; line-height:22px;}
.address a{ color:#616366;}
.address a:hover{ color:#df6a26;}
.nav{ width:590px; float:right; margin-top:71px;}
.nav li{ font:14px Arial, Helvetica, sans-serif; float:left; text-transform:lowercase;}
.nav li a{ display:block; color:#666; padding:10px 20px 10px 32px;}
.nav li a:hover{ color:#df6a26;}
.nav .active a{ color:#df6a26;}

#submenu{ width:590px; float:right; margin-top:5px; border-top:5px solid #df6a26;}
#submenu ol{ list-style-type:none; margin-top:4px;}
#submenu li{ font:11px Arial, Helvetica, sans-serif; float:left; display:block; color:#000; padding:4px 6px 4px 6px; cursor:pointer;}
#submenu li a{ display:block; color:#4d4f53; padding:8px 14px 8px 14px;}
#submenu li:hover{ color:#df6a26;}

.one{ background:url(../images/one.gif) 0px -31px no-repeat;}
.one:hover{ background:url(../images/one.gif) 0px 5px no-repeat;}

.two{ background:url(../images/two.gif) 0px -31px no-repeat;}
.two:hover{ background:url(../images/two.gif) 0px 5px no-repeat;}
.visited2{ background:url(../images/two.gif) 0px 5px no-repeat;}

.three{ background:url(../images/three.gif) 0px -31px no-repeat;}
.three:hover{ background:url(../images/three.gif) 0px 5px no-repeat;}
.visited3{ background:url(../images/three.gif) 0px 5px no-repeat;}

.four{ background:url(../images/four.gif) 0px -31px no-repeat;}
.four:hover{ background:url(../images/four.gif) 0px 5px no-repeat;}
.visited4{ background:url(../images/four.gif) 0px 5px no-repeat;}

.five{ background:url(../images/five.gif) 0px -31px no-repeat;}
.five:hover{ background:url(../images/five.gif) 0px 5px no-repeat;}
.visited5{ background:url(../images/five.gif) 0px 5px no-repeat;}

.six{ background:url(../images/six.gif) 0px -31px no-repeat;}
.six:hover{ background:url(../images/six.gif) 0px 5px no-repeat;}
.visited6{ background:url(../images/six.gif) 0px 5px no-repeat;}

.main{ width:1003px; min-height:340px; float:left; margin-top:10px;}
.lft{ width:630px; float:left; height:340px; overflow:hidden;}
.lft p{ font:bold 13px Arial, Helvetica, sans-serif; color:#4d4f53; line-height:18px; padding:0px 0 10px 0;}
.ser-img{ float:left; margin-right:10px;}
p.ser-txt{ text-align:left; padding:0px 0px 4px 0px; line-height:16px; font-size:11px;}

.rgt{ width:362px; height:335px; float:right; border-top:6px solid #df6a26; border-right:1px solid #ccc;}
.rgt h3{ font:22px Arial, Helvetica, sans-serif; color:#666; margin:10px 0;}
.rgt p{ font:13px Arial, Helvetica, sans-serif; color:#666; line-height:20px; padding:6px 0;}
.rgt strong{ color:#df6a26;}
.person{ float:left; margin:0 10px 20px 0;}
.rgt a{ color:#666;}
.rgt a:hover{ color:#df6a26;}

ul.service{ border-bottom:4px dotted #C60; padding:10px 0;}
ul.service li{ font:bold 12px Arial, Helvetica, sans-serif;}
ul.service li a{ display:block; color:#666; padding:4px 0px 4px 20px; background:url(../images/arrow.gif) 10px 9px no-repeat;}
ul.service li a:hover{ background:url(../images/arrow.gif) 10px 9px no-repeat #e8e8e8; color:#df6a26;}
ul.service .active a{ background:url(../images/arrow.gif) 10px 9px no-repeat #e8e8e8; color:#df6a26;}


.lft1{ width:692px; float:left; height:340px; overflow:hidden;}
/*.lft1 p{ font:bold 13px Arial, Helvetica, sans-serif; color:#4d4f53; line-height:18px; padding:0px 0 10px 0;}*/
.ser-img{ float:left; margin-right:10px;}
p.ser-txt{ text-align:left; padding:0px 0px 4px 0px; line-height:16px; font-size:11px;}

.rgt1{ width:300px; height:335px; float:right; border-top:6px solid #df6a26;}
.rgt1 h3{ font:22px Arial, Helvetica, sans-serif; color:#666; margin:10px 0;}
.rgt1 p{ font:13px Arial, Helvetica, sans-serif; color:#666; line-height:20px; padding:6px 0;}
.rgt1 strong{ color:#df6a26;}
.person{ float:left; margin:0 10px 20px 0;}
.rgt1 a{ color:#666;}
.rgt1 a:hover{ color:#df6a26;}

.shadow {
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	box-shadow: 3px 3px 4px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}


.project-cnt{ width:1003px; float:left; background:#ccc;}

.clear{ clear:both;}
/*Footer*/
.footer{ font:12px Arial, Helvetica, sans-serif; color:#999; width:960px; height:30px; padding-top:20px; display:none;}
.copyright{ float:left; padding-left:0px; }
.footer_esimp{ float:right; padding-right:0px;}
.footer a,link,visited{ color:#999;}
.footer a:hover{ color:#000;}


.lft1 p{ font:14px Arial, Helvetica, sans-serif; line-height:22px; padding-bottom:10px;}
.lft4 p{ font:14px Arial, Helvetica, sans-serif; line-height:22px; padding-bottom:10px;}

.teamPage{ width:1003px; float:left;}
.teamPage h3{ font:22px Arial, Helvetica, sans-serif; color:#666; margin:10px 0;}
.teamBx{ padding:6px; border:1px solid #ccc; float:left; border-radius:10px; margin:0 20px 20px 0;}
.teamImg{ float:left; padding-bottom:5px;}
.teamImg img{ width:128px; height:110px;}
.teamName li{ font:bold 11px Arial, Helvetica, sans-serif; padding:0; color:#666;}
.teamName li span{ color:#df6a26;}

/* project */
.projectIn{ width:1003px; float:left;}
.row1{ width:150px; float:left; margin:0 10px 0 0; position:relative;}
.row1 img{ width:150px !important; margin:10px 0 0 0;}

.row2{ width:100px; float:left; margin:0 10px 0 0; position:relative;}
.row2 img{ width:100px; margin:10px 0 0 0;}
/*.rowAb{ color:#fff;}
.rowAb img{ }*/

.row3{ width:120px; float:left; margin:0 10px 0 0;}
.row3 img{ width:120px; margin:10px 0 0 0;}

.row4{ width:200px; float:left; margin:0 10px 0 0;}
.row4 img{ width:200px; margin:10px 0 0 0;}

.row5{ width:120px; float:left; margin:0 10px 0 0;}
.row5 img{ width:120px; margin:10px 0 0 0;}

.row6{ width:150px; float:left; margin:0 10px 0 0;}
.row6 img{ width:150px; margin:10px 0 0 0;}

.row7{ width:103px; float:left; margin:0 0px 0 0;}
.row7 img{ width:103px; margin:10px 0 0 0;}

.transeffect{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
  
.transeffect:hover {
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

img.p_img {
    left: 0;
    top: 0;
    z-index: 12;
	position:absolute;
}
.p_nam {
    background: none repeat scroll 0 0 #1C1C1C;
    color: white;
    left: 0;
    overflow: hidden;
    position:relative;
    top: 0;
	height:200px;
	padding:10px;

}