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

*{margin:0px; padding:0; outline:none;}
.clear{clear:both; padding:0px;}
img{border:0px;}

body{margin: 0; padding: 0; font: 12px/20px Georgia, "Times New Roman", Times, serif; color: #000; background:#009BCC;}
.header{width:982px; margin:0 auto; overflow:hidden;}
#logo{float:left; margin-top: 15px;}
.add-section {
width: 604px;
float: right;
margin-left: 30px;
margin-top: -23px;
font-family: Verdana, Arial, Helvetica, sans-serif;}
.address{width: 248px;
float: left;
margin-right: 15px;
margin-top: 30px;}
.address1{width:250px; float:left; margin-right:15px; color:#000; font-size:16px;}
.address p{color:#fff; font-size:14px;}
.address p strong{color:#fff; font-size:16px;}
.menu{width: 100%; margin-top: 15px; float:left; margin-left: 34px;}
.menu ul{}
.menu li {
list-style-type: none; float:left;
display: block; 
margin: 5px 0px;
background: #0EC4DD;
padding: 12px 30px; transition: 0.5s ease;
 -o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
border-radius:7px; margin-right:8px;
}

.menu li a{color:#FFF; font-size:13px; line-height:20px; border-radius:5px; text-decoration:none; text-transform:uppercase;
 transition: 0.5s ease;
 -o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;}
	.menu li:hover { background:#09aece;}
.menu li a:hover{color:#FFF;}

.tab{float:left; width:745px; margin-left: 40px;}
.tab ul{}
.tab  li{list-style-type:none; display:block; margin:12px 0px;}
.tab li a{background:url(../images/menu-icon.png) no-repeat;
border-radius: 5px;
color: #0CF;
float: left;
font-size: 14px;
line-height: 20px;
margin-right: 5px;
padding-top:57px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.5s ease 0s;
width: 168px; height:144px;}
.tab li a span{ color:#333;}	
.tab li a:hover{ color:#000; background:url(../images/menu-icon-hover.png) no-repeat;}



.wrapper{width:1036px; margin:0 auto;}
.banner-bg{  float:left; height: 542px;    width: 1035px; margin-top: 5px; margin-left: 7px;}
.content-div{ background: url(../images/mainbg.png) no-repeat; width:980px; padding:0 0px; margin:0 auto; overflow:hidden; height: 100px;}
.content{width:980px; padding:0px; margin:0 auto; overflow:hidden;background:#fff; margin-top:0px;}
.left-sidebar{width:280px; padding:15px; float:left;}
.left-sidebar h2{color:#F90; font-size:18px; line-height:22px; text-transform:uppercase; font-weight: normal;}
.left-sidebar h2 span{color:#000;}
.left-sidebar img{padding-bottom:10px;}
.left-box1{width: 255px;
float: left;
padding-top: 10px;
background: url(../images/whybg.png) no-repeat;
padding: 12px;
padding-top: 38px;
text-align: justify; margin-bottom:5px;}
.left-box1 h1{color:#000; font-size:18px; line-height:20px; margin-top:15px; margin-bottom:10px;}
.main-content{width:650px; float:left; margin-left:10px; margin-top:27px;}
.main-content h1{color:#000; font-size:24px; line-height:24px; padding-bottom:10px;}
.main-content h1 span{color:#09F;}
.main-content p {  color: #000;  font-size: 15px;  line-height: 25px;  margin-bottom: 15px;}
.main-content p span{color:#09F;}
.border{border:dotted 1px #F90; margin:20px 0; color:#F90; width:100%;}
.service-div{width:100%; float:left;}
.service-div h2{color:#F90; font-size:18px; line-height:22px; text-transform:uppercase; font-weight: normal;}
.service-div h2 span{color:#000;}
.ser-div{width:150px; float:left; margin-top:10px;}
.ser-div ul{}
.ser-div li{list-style-type:none; display:block;color:#000; font-size:14px; line-height:30px; padding-left:15px; background:url(../images/bullet.png) no-repeat;}
.footer{width:980px; margin: 0 auto;
overflow: hidden; }
.footer-menu {
margin: 0 auto;
overflow: hidden;
width: 855px;
padding: 10px 0px;
text-transform: uppercase;
}
.footer-menu ul{}
.footer-menu ul li{list-style-type:none; display:inline-block;}
.footer-menu ul li a{float:left; color:#fff; font-size:12px; line-height:16px; padding:5px 9px; text-decoration:none;}
.footer-menu ul li a:hover{color:#000;}
.footer-menu p{color:#fff; line-height:20px; font-size:14px; text-align:center; text-transform:none}
.footer-menu p a{color:#fff; line-height:20px; text-align:center; font-size:14px; text-decoration:none; text-decoration:underline; text-transform:none;}
.footer-menu p a:hover{text-decoration:none;}
/********************SLIDER*************************/
#rotatescroll { height:450px; position:relative; width:450px; }
#rotatescroll .viewport{ height:450px; position: relative; margin:0 auto; overflow:hidden; width:450px }
#rotatescroll .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
#rotatescroll .overview li { height:450px; width:450px; float: left; position: relative; }
#rotatescroll .overlay {background:url(../images/bg-rotatescroll.png) no-repeat 0 0; pointer-events: none; position: absolute; left: 0; top: 0; height:450px; width:450px; }
#rotatescroll .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -3px; cursor: pointer; left: 137px; width: 100px; z-index: 200;  height: 100px; }
#rotatescroll .dot { background:url(../images/bg-dot.png) no-repeat 0 0; display: none; height: 12px; width: 12px; position: absolute; left: 210px; top: 3px; z-index: 100; }
#rotatescroll .dot span { display: none; }
#social-div{width:225px; float:right; }
#icon{float:left; padding-right:10px;}

.more-button  {background: none repeat scroll 0 0 #09F;
  color: #FFF;
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 25px;
    text-decoration: none;
    width: 75px; margin:10px auto; margin-left:0px;   -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;}
.more-button:hover{background:#000; color:#FFF;}


/********************SLIDER*************************/


.service-areas {
    margin-top: 10px;
    width: 280px;
    height: 149px;
    background: url(../images/service-bg.jpg) no-repeat;
    position: relative;
}

.service-areas h3 a {
    font-size: 18px;
    color: #fff;
    padding-left: 14px;
    padding-top: 52px;
    display: block;
    text-decoration: none;
}
.service-areas h3 a span {
    display: block;
    font-size: 15px;
}
.service-button a {
    position: absolute;
    bottom: 10px;
    right: 20px;
    display: block;
    text-decoration: none;
    font: bold 12px Arial;
    line-height: 29px;
    color: #FFF;
    padding-left: 20px;
    width: 77px;
    height: 29px;
    background: url(../images/area-button.png) no-repeat;
}

.bottom {
    clear: both;
    overflow: Hidden;
    padding-top: 0px;
    font-size: 13px;
}
.bottom h3 {
    font-size: 16px;
    color: #006699;
}

.clientpadding {
    padding-top: 10px;
}

.floatleft-img {
    float: left;
    padding-right: 10px;
}

.comp {
    color: #006699;
    font-weight: bold;
}
.clientborder {
    padding-top: 15px;
}

.bottom a {
  color: #ffffff;
    font-size: 12px;
    float: right;
    text-align: center;
    padding-top: 5px;
    width: 98px;
    height: 30px;
    background: url(../images/btnmore.jpg) no-repeat;
    display: block;
    font-family: century gothic;
    text-decoration: none;
}

.clear{clear:both;}


.clientborder img{
    width: 100%;
    height: 5px;
    margin-top: 5px;
}
ul#menu-service1 li a:hover{    color: #009BCC;}