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

/* Begin Global settings */
html, body{
background: url(../img/bggrad2.jpg) repeat-x top #eaf2fe;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

a img{
border: 0;
}

a, a:visited{
border: none;
color: #017bff;
text-decoration: none;
}

a:hover{
color: #4fa3fd;
text-decoration: underline;
}

a:active{
color: #017bff;
text-decoration: underline;
}

#container{
margin: 0 auto;
padding: 0;
width: 960px;
}

h1, h2, h3, h4, h5, h6, p, form{
padding: 0;
margin: 0;
}

p {
padding: 6px 0;
margin: 0;
}

h3{
color: #0459d9;
font-size: 12px;
font-weight: bold;
}

h2{
color: #000;
font-size: 15px;
font-weight: bold;
}

.clear{
clear: both;
}

/* End Global settings */

/* Begin Header */

#topline{
border-top: 12px solid #fff;
border-bottom: 5px solid #fff;
background: #4693e6;
height: 5px;
}

#header{
/* border: solid 1px #94c8ff; */
}

#menu{
background: url(../img/menubg.jpg) no-repeat;
height: 49px;
width: 960px;
}

#menu ul{
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li{
float: left;
}

#menu ul li.habout a{
display: block;
width: 294px;
height: 49px;
}

#menu ul li.habout a:hover{
display: block;
background: url(../img/about_hover.jpg) no-repeat top left;
}

#menu ul li.hprofile a{
display: block;
color: #4693e6;
font-weight: bold;
padding: 0 15px;
}

#menu ul li.hprofile a:hover{
display: block;
color: #74b1f4;
text-decoration: none;
}

#menu ul li.hproduct a{
color: #4693e6;
font-weight: bold;
padding: 0 15px;
border-left: solid 1px #4693e6;
}

#menu ul li.hproduct a:hover{
display: block;
color: #74b1f4;
text-decoration: none;
}

#menu ul li.hvision a{
color: #4693e6;
font-weight: bold;
padding: 0 15px;
border-left: solid 1px #4693e6;
}

#menu ul li.hvision a:hover{
display: block;
color: #74b1f4;
text-decoration: none;
}

#menu ul li.hcontact a{
color: #4693e6;
font-weight: bold;
padding: 0 15px;
border-left: solid 1px #4693e6;
}

#menu ul li.hcontact a:hover{
display: block;
color: #74b1f4;
text-decoration: none;
}

#header.about #menu li.habout a{ display: block; background: url(../img/about_hover.jpg) no-repeat;}
#header.profile #menu li.hprofile a{ display: block; color: #74b1f4 }
#header.product #menu li.hproduct a{ display: block; color: #74b1f4 }
#header.vision #menu li.hvision a{ display: block; color: #74b1f4 }
#header.contact #menu li.hcontact a{ display: block; color: #74b1f4 }

/* End Header */

/* Begin Content */
#content {
background: #fff;
line-height: 16px;
padding: 10px 25px;
}

#content ul{
list-style: url(../img/bullet.gif);
padding-top: 0;
margin-top: 0;
}

#homebanner{
width: 910px;
height: 365px;
background:url(../img/banner01.jpg) no-repeat center;
}

#home{
width: 100%;
display: block;
}

#sec01{
padding: 10px;
width:31%;
float: left;
text-align: justify;
}

#sec02{
padding: 10px;
width:31%;
float: left;
text-align: justify;
}

#sec03{
padding: 10px;
width:31%;
float: left;
text-align: justify;
}

#profile{
padding: 0 10px;
}

#contactbg{
background: url(../img/contactusbg.jpg) no-repeat center;
margin-bottom: 10px;
}

#contactcontent{
margin: 0;
padding: 5px 0 5px 280px;
}

#serv{
background: url(../img/probgfull01.gif) no-repeat top #f6fbfe;
padding: 10px;
height: 100%;
}

#product{
background: url(../img/probgfull03.jpg) no-repeat top #fff;
padding: 10px 10px 0 10px;
height: 348px;
margin: 15px 0;
}

#addserv{
background: url(../img/probgfull03.jpg) no-repeat top #fff;
padding: 10px;
height: 358px;
}

.anything{
font-family: "Trebuchet Ms", "Times New Roman", Times, serif;
font-size: 15px;
color: #035ab9;
font-weight: bold;
}

.serv01{
float: left;
border-right: solid 1px #aed2fa;
width: 425px;
padding: 10px;
}

.serv02{
float: left;
width: 420px;
padding: 10px;
}

.serv03{
background: url(../img/probgfull02.jpg) no-repeat bottom left #f6fbfe;
clear: both;
padding: 10px;
}

.pro01{
float: left;
border-right: solid 1px #aed2fa;
width: 570px;
padding: 10px;
}

.pro02{
float: left;
width: 270px;
padding: 10px;
}

.imgborder{
border: 6px solid #d9dadb;
}

.coldiv{
float:left;
width: 1px;
height: 190px;
margin: 15px 0;
background: #aed2fa;
}

/* End Content */

/* Begin Footer */
#footer {
clear: both;
padding: 15px 0 15px 0;
text-align: center;
background-color: #ececec;
border-top: 1px dashed #cecece;
}

#footermenu a, #footer a:visited{
color: #030303;
}

#footermenu a:hover{
color: #017bff;
}

#copyrights a, #copyrights a:visited{
color: #017bff;
}

#copyrights {
margin-bottom: 10px;
}

#footermenu.about #footernav a.fabout{ color: #017bff; }
#footermenu.profile #footernav a.fprofile{ color: #017bff; }
#footermenu.product #footernav a.fproduct{ color: #017bff; }
#footermenu.vision #footernav a.fvision{ color: #017bff; }
#footermenu.contact #footernav a.fcontact{ color: #017bff; }

#by{
width: 215px;
height: 26px;
margin: 0 auto 0;
font-size: 10px;
color: #888888;
text-align: center;
}

#by a:hover #by a{
text-decoration: none;
}

#by p {
float: left;
margin: 0;
padding: 4px 0;
text-align:left;
}

/* End Footer */