body, h1, h2, h3, h4, h5, h6, div, span, ul, li, img, p, input  { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; margin:0; padding:0px;} 
img{border:0px; margin:0px; padding:0px;}
.clr{clear:both;} 
.container{ width:100%; height:auto; margin:auto; padding:0px;}
.header{ width:100%; height:122px; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x;}
.header h1{ width:980px; margin:auto; padding:0px;}
.header h1 img{ width:980px; margin:auto; padding:0px; margin-top:30px;}

/*----header close---*/
.header_main{width:1024px; height:100px; margin-left:auto; margin-right:auto;}
.header_logoes{width:755px; height:70px; float:left; }
.header_icon{ width:130px; height:35px; float:left;}
.header_down_p{ width:180px; height:44px; float:right; margin-top:6px;}
/*----navigation---*/
.navigation{ width:100%; height:48px; background-image:url(../images/nav_bg.jpg); background-repeat:repeat-x; margin:5px 0px;}
.navigation ul{ margin:auto; padding:0px; width:980px; padding-top:14px;}
.navigation ul li{ float:left; display:inline; list-style:none; border-right:1px solid #fff;}
.navigation ul li a{ font-size:15px; color:#fff; text-decoration:none; margin:15px 30px;}
.navigation ul li:last-child{border:0px;}


.banner{width:100%; border-bottom:1px solid #c6382d;}
.banner img{width:100%;}



/*******************Slider   css******************/
.lean-slider { 
    position: relative; 
    *zoom: 1;
}
.lean-slider:before,
.lean-slider:after {
    content: " ";
    display: table;
}
.lean-slider:after {
    clear: both;
}

.lean-slider-slide { 
    float: left;
    width: 100%;
    margin-right: -100%;
    display: none; 
}
.lean-slider-slide.current { display: block; }



.slider-wrapper { 
    position: relative; 
    background: #fff url(../images/loading.gif) no-repeat 50% 50%;
    min-width: 100%;
    
	  /*  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);*/
}
.lean-slider { overflow: hidden; }
.lean-slider-slide {
    display: block;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.6s linear;
    -moz-transition: opacity 0.6s linear;
    -ms-transition: opacity 0.6s linear;
    -o-transition: opacity 0.6s linear;
    transition: opacity 0.6s linear;
}
.lean-slider-slide.current { opacity: 1; }
.lean-slider-slide img { 
    display: block;
    width: 100%; 
	height:300px;
}

#slider-direction-nav {
    position: absolute;
    left: 0;
    top: 47%;
    width: 100%;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 0.2;
}
.slider-wrapper:hover #slider-direction-nav { opacity: 1; }
#slider-direction-nav a {
    float: left;
    display: block;
    width: 26px;
    height: 37px;
    background: url(../images/arrows.png) no-repeat 0 0;
    text-indent: -9999px;
}
#slider-direction-nav .lean-slider-next {
    float: right;
    background-position: 100% 0;
}

#slider-control-nav {
    position: absolute;
    left: 74px;
    bottom: 44px;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 0.2;
}
.slider-wrapper:hover #slider-control-nav { opacity: 1; }
#slider-control-nav a {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/bullets.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 3px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#slider-control-nav a.active { background-position: 100% 0; }

/*****************slider css end ***************/

/*****************middlebody css start ***************/


.middlebody{width:1000px; margin:auto; padding:0px; margin-top:10px;}

/*****************leftpanel css start ***************/
.middlebody .leftpanel{width:680px; float:left; display:inline; height:auto;}
.middlebody .leftpanel .projects{width:653px; padding-right:10px; float:left; display:inline; height:153px; border-radius:5px; border:1px solid #ccc; background:url(../images/project_bg.jpg); background-repeat:repeat-x; margin-top:10px; padding-left:10px; background:#e8e8e8;}
.middlebody .leftpanel .projects h2{ color:#7e1108; font-family:Arial, Helvetica, sans-serif; margin-top:10px; margin-left:10px; font-size:15px; margin-bottom:10px;}
.middlebody .leftpanel .projects h2 span{font-family:Arial, Helvetica, sans-serif; font-size:15px;}

.middlebody .leftpanel .about{width:672px; float:left; display:inline; height:auto; border-radius:5px; border:1px solid #ccc; background:url(../images/project_bg.jpg); background-repeat:repeat-x; margin-top:10px; background-color:#e8e8e8;}
.middlebody .leftpanel .about h2{ color:#7e1108; font-family:Arial, Helvetica, sans-serif; margin-top:10px; margin-left:10px; font-size:15px;}
.middlebody .leftpanel .about h2 span{font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.middlebody .leftpanel .about p{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; padding:10px;}
.middlebody .leftpanel a.read{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:36px; float:right; margin-right:10px; text-decoration:none; color:#580730;}


/*****************leftpanel  close ***************/


/*****************rightpanel  start ***************/

.middlebody .rightpanel{width:300px; float:right; display:inline; height:auto;}
.middlebody .rightpanel .query{width:290px; float:left; display:inline; height:auto; border-radius:5px; border:1px solid #ccc; background:url(../images/project_bg.jpg) #e8e8e8; background-repeat:repeat-x; margin-top:10px;}
.middlebody .rightpanel .query h2{ color:#7e1108; font-family:Arial, Helvetica, sans-serif; margin-top:10px; margin-left:10px; font-size:15px;}
.middlebody .rightpanel .query h2 span{font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.middlebody .rightpanel .query label{display:block; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-left:30px; padding-top:10px;}
.middlebody .rightpanel .query input.round{font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-left:10px; padding-top:10px; width:80%; margin-left:10%; margin-right:10%; border-radius:5px; border:1px solid #606060; padding-bottom:5px; height:10px; margin-top:5px;}
.middlebody .rightpanel .query textarea.round{font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-left:10px; padding-top:10px; width:80%; margin-left:10%; margin-right:10%; border-radius:5px; border:1px solid #606060; padding-bottom:5px; height:100px; margin-top:5px;}
.middlebody .rightpanel .query .btn{font-size:12px; font-family:Arial, Helvetica, sans-serif; border-radius:5px; width:70px; height:25px; background:#014b78; padding:0 10px; color:#fff; text-align:center; float:right; margin:10px 13px 10px 0px; border:none;}


.middlebody .rightpanel .contact{width:290px; float:left; display:inline; height:auto; border-radius:5px; border:1px solid #ccc; background:url(../images/project_bg.jpg) #e8e8e8; background-repeat:repeat-x; margin-top:10px;}
.middlebody .rightpanel .contact h2{ color:#7e1108; font-family:Arial, Helvetica, sans-serif; margin-top:10px; margin-left:10px; font-size:15px; margin-bottom:10px;}
.middlebody .rightpanel .contact h2 span{font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.middlebody .rightpanel .contact .icon{width:46px; height:38px; float:left; display:inline; margin-right:10px; margin-left:10px; margin-bottom:10px;}
.middlebody .rightpanel .contact p{float:left; width:63%; padding-top:10px;}



/*****************middlebody  close ***************/


/*****************clients start ***************/

.clients{width:1000px; margin:auto; border:1px solid #ccc; margin-top:10px; background-image:url(../images/clients_bg.jpg); background-repeat:repeat-x; height:160px; padding-left:10px; padding-right:10px; background:e8e8e8;}
.clients h2{ color:#7e1108; font-family:Arial, Helvetica, sans-serif; margin-top:10px; margin-left:10px; font-size:15px; margin-bottom:10px;}
.clients h2 span{font-family:Arial, Helvetica, sans-serif; font-size:15px;}

/*****************clients close***************/
 
/*****************footer  start ***************/

.footer{ width:100%; height:276px; background:url(../images/footer_bg.jpg) repeat-x; margin-top:10px; border-top:2px solid #3e3e3e}
.footer .mid{ width:980px; margin:auto; padding:0px;}
.footer .mid .left{ width:640px; float:left;}
.footer .mid .left .panel{ width:213px; float:left; margin-top:15px;}
.footer .mid .left .panel h3{color:#fff; font-size:15px;}
.footer .mid .left .panel h3 span{color:#fff; font-size:15px;}
.footer .mid .left .panel ul{margin-top:10px; margin-left:15px;}
.footer .mid .left .panel ul li{ margin-top:10px; list-style-position:inside; list-style-image:url(../images/list.png);}
.footer .mid .left .panel ul li a{text-decoration:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}


.footer .mid .right {margin-top:10px; float:right; width:340px;}
.footer .mid .right ul{margin-top:10px; float:right;}
.footer .mid .right ul li{ margin-left:5px; list-style:none; font-family:Arial, Helvetica, sans-serif; font:12px; float:left; color:#fff;}
.footer .mid .right ul li a{text-decoration:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.footer .mid .right ul li:first-child{margin-top:7px;}

.footer .mid .right .add{width:320px; background-color:#fff; margin-top:10px;border:1px solid #25b7ef; height:auto; float:right;}
.footer .mid .right .add p{text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:25px; padding:0 15px;}
.footer .mid .right .add p span{color:#7e1108; font-size:11px;}




/**********************inner page clients  ******************/


.middlebody .leftpanel{width:680px; float:left; display:inline; height:auto;}
.middlebody .leftpanel .about {width:653px; padding-right:10px; float:left; display:inline; height:auto; border-radius:5px; border:1px solid #ccc; background:url(../images/project_bg.jpg); background-repeat:repeat-x; margin-top:10px; padding-left:10px; background:#e8e8e8;}
.middlebody .leftpanel .about ul.clients{ width:653px; border:none; background:none; margin-left:15px;}
.middlebody .leftpanel .about ul.clients li{ float:left; width:200px; height:90px; margin-right:5px; margin-left:5px; margin-bottom:50px; list-style:none;}
.middlebody .leftpanel .about ul.clients li span{ text-align:center; display:block; padding-top:5px; padding-bottom:5px; color:#7E1108; font-weight:bold; font-size:11px;}

.middlebody .leftpanel .about h2 span{font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.middlebody .leftpanel .about ul.des{ width:653px; border:none; background:none; margin-left:15px;}
.middlebody .leftpanel .about ul.des li{ float:left; margin-right:5px; margin-left:20px;  margin-bottom:10px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.middlebody .leftpanel .about h2 span{font-family:Arial, Helvetica, sans-serif; font-size:15px;}


.middlebody .leftpanel .about p.img{ width:621px; border:none; background:none; margin-left:15px;}

.middlebody .leftpanel .about p.contact{ width:621px; border:none; background:none; margin-left:50px; margin-top:15px; line-height:25px; font-size:14px;}
.middlebody .leftpanel .about p.contact span{ color:#7E1108; font-weight:bold;}