﻿body
{
   background:#2b4054 url(../images/bg.png) repeat-x center top;
   margin:0;
   padding:0;
}
h1
{
    font:normal 300 28px/28px 'Segoe UI' ,tahoma,sans-serif;
    color:#ff0;
    margin:6px 0px 10px 0px;
    padding:2px 0px;
}
h2
{
    font:normal 18px/20px 'Segoe UI' ,tahoma,sans-serif;
    color:#ff0;
    margin:6px 0px;
    padding:0;
}
h3
{
    font:normal 16px/24px 'Segoe UI' ,tahoma,sans-serif;
    color:#ff0;
    margin:6px 0px;
    padding:0;
}
p
{
    font:normal 14px/25px 'Segoe UI' ,tahoma,sans-serif;
    color:#fff;
    margin:2px 0px;
    padding:2px 0px;
}
ul,ol
{
    margin:15px 0px;
    padding:15px;
}
li
{
    font:normal 14px/25px 'Segoe UI' ,tahoma,sans-serif;
    color:#fff;
}
h2.SubHead
{
    font:normal 600 18px/20px 'Segoe UI' ,tahoma,sans-serif !important;
    color:#ff0;
    margin:6px 0px;
    padding:0;
}

/*layout*/
#wraper
{
    width:960px;
    margin:auto;
}
.light
{
    background:url(../images/light.png) no-repeat center top;
}
#header a.logo img 
{
    border:0;
}
/*navigation*/
#nav
{
    background:#cbcbcb url(../images/nav.png) repeat-x left top;
    border-radius:5px;
    box-shadow:0px 0px 8px #333;
    padding:0px 0px 0px 10px;
}
#nav ul
{
    margin:0;
    padding:0;
}
#nav ul li
{
    margin:0;
    padding:0;
    list-style-type:none;
     float:left;
}
#nav ul li a
{
   
    display:block;
    padding:0px 65px 0px 65px;
    height:30px;
    font:normal 14px/30px 'Segoe UI' ,tahoma,sans-serif;
    color:#333;
    text-decoration:none;
    border-right:solid 1px #c3c3c3
}
#nav ul li a:hover
{

    display:block;
    padding:0px 65px 0px 65px;
    height:30px;
    font:normal 14px/30px 'Segoe UI' ,tahoma,sans-serif;
    color:#000;
    text-decoration:none;
    border-right:solid 1px #c3c3c3;
    background:#fc0;
}
#nav ul li a.selected
{

    display:block;
    padding:0px 65px 0px 65px;
    height:30px;
    font:normal 14px/30px 'Segoe UI' ,tahoma,sans-serif;
    color:#000;
    text-decoration:none;
    border-right:solid 1px #c3c3c3;
    background:#fd9301 url(../images/nav-selected.png)no-repeat center top;
}
#nav ul li.last a
{
    border-right:0 !important;
}
/* navigation for iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
#nav
{
    background:#cbcbcb url(../images/nav.png) repeat-x left top;
    border-radius:5px;
    box-shadow:0px 0px 8px #333;
    padding:0px 0px 0px 10px;
}
#nav ul
{
    margin:0;
    padding:0;
}
#nav ul li
{
    margin:0;
    padding:0;
    list-style-type:none;
     float:left;
}
#nav ul li a
{
   
    display:block;
    padding:0px 60px 0px 60px;
    height:30px;
    font:normal 14px/30px 'Segoe UI' ,tahoma,sans-serif;
    color:#333;
    text-decoration:none;
    border-right:solid 1px #c3c3c3
}
#nav ul li a:hover
{

    display:block;
    padding:0px 60px 0px 60px;
    height:30px;
    font:normal 14px/30px 'Segoe UI' ,tahoma,sans-serif;
    color:#000;
    text-decoration:none;
    border-right:solid 1px #c3c3c3;
    background:#fc0;
}
#nav ul li a.selected
{

    display:block;
    padding:0px 60px 0px 60px;
    height:30px;
    font:normal 14px/30px 'Segoe UI' ,tahoma,sans-serif;
    color:#000;
    text-decoration:none;
    border-right:solid 1px #c3c3c3;
    background:#fd9301 url(../images/nav-selected.png)no-repeat center top;
}
}
/*--end navigation for iphone4--*/
/*slide for home.aspx*/
 .slide-home 
{
    margin:10px auto;
    margin-bottom:30px
}
/*footer*/
#footer
{
    border-top:dashed 1px #fff;
    padding:10px;
    text-align:center;
    font:normal 13px 'Segoe UI' ,tahoma,sans-serif;
    color:#fff
}
/*content*/
.MainContent
{   
    padding:10px 22px;
    margin:10px auto;
    min-height:300px
}
.MainContent2
{   
    padding:10px 0px;
    margin:0px auto;
    min-height:326px;
    
}

/*css for company.aspx*/
.company
{
   width:920px;
   margin:auto;
   background:url(../images/bg-aboutus3.png) no-repeat right bottom;
   border-radius:10px;
   padding:10px 20px;
}
.company p
{
    margin-bottom:20px;
  color:#54546a !important
}
.company h2
{
    color:#069 !important
}
.company li {
    color: #54546a;
    font: 14px/25px 'Segoe UI',tahoma,sans-serif;
}

/*css for contactus.aspx*/
.contactus-wp
{
   
      width:920px;
   margin:auto;
    background:url(../images/bg-conact4.png) no-repeat right top;
   border-radius:10px;
   padding:10px 20px;
}
.contactus .item
{
    width:270px;
    float:left;
    padding:10px ;
    border-radius:8px;
    margin:6px;
    height:90px;
    border-right:solid 1px #87A5E0;
    border-top:solid 1px #87A5E0
}
.contactus
{
    margin-top:75px;
}
.contactus b
{
    font:normal 13px/13px 'Segoe UI' ,tahoma,sans-serif;
    color:#069;
    margin:4px 0px;
    padding:2px 0px;
}
.contactus-wp p
{
     font:normal 14px/16px 'Segoe UI' ,tahoma,sans-serif;
    color:#006 !important;
    margin:4px 0px;
    padding:2px 0px;
}
.contactus p
{
     font:normal 13px/13px 'Segoe UI' ,tahoma,sans-serif;
    color:#000 !important;
    margin:4px 0px;
    padding:2px 0px;
}
.contactus p.name
{
     font:normal 600 14px/14px 'Segoe UI' ,tahoma,sans-serif;
    color:#069 !important;
    margin:4px 0px;
    padding:2px 0px;
}
.contactus-wp h2
{
    color:#069;
    font-weight:600
}
/*css for client.aspx*/
.client
{
    margin:0;
    width:960px;
}
.client .cl
{
    width:480px;
    float:left;
    margin:10px 0px
}
.client .cl .item
{
    float:left;
    width:155px;
    padding:0px;
    margin-bottom:10px;
    margin-right:85px;
  text-align:center
}
.client .cl .item img
{
    width:140px;
    height:100px;
    border:solid 1px #70ABCF;
    margin:5px 10px 0px 0px;
   padding:5px;
   border-radius:5px;
   display:block;
   box-shadow:0px 0px 5px #000;
   margin:auto;
   
   
}
.client .cl .item p
{
     font:normal 13px/15px 'Segoe UI' ,tahoma,sans-serif;
    color:#fff;
     padding:5px 0px;
     margin:5px 0px;
  

}
    .client .cl .item-custom {
        float: left;
        width: 155px;
        padding: 0px;
        margin-bottom: 10px;
        margin-right: 60px;
        margin-left: 25px;
        text-align: center
    }
.client .cl .item-custom img
{
    width:140px;
    height:100px;
    border:solid 1px #70ABCF;
    margin:5px 10px 0px 0px;
   padding:5px;
   border-radius:5px;
   display:block;
   box-shadow:0px 0px 5px #000;
   margin:auto;
   
   
}
.client .cl .item-custom p
{
     font:normal 13px/15px 'Segoe UI' ,tahoma,sans-serif;
    color:#fff;
     padding:5px 0px;
     margin:5px 0px;
  

}
.client .cr
{
    width:480px;
    float:right;
    margin:10px 0px
}
.client .cr .item
{
    float:left;
    width:155px;
    padding:0px;
    margin-bottom:10px;
    margin-left:85px;
  text-align:center
}
.client .cr .item img
{
    width:140px;
    height:100px;
    border:solid 1px #70ABCF;
    margin:5px 10px 0px 0px;
   padding:5px;
   border-radius:5px;
   display:block;
   box-shadow:0px 0px 5px #000;
   margin:auto;
   
   
}
.client .cr .item p
{
     font:normal 13px/15px 'Segoe UI' ,tahoma,sans-serif;
    color:#fff;
     padding:5px 0px;
     margin:5px 0px;
  

}
.client .cr .item-custom
{
    float:left;
    width:155px;
    padding:0px;
    margin-bottom:10px;
    margin-left:60px;
    margin-right:25px;
  text-align:center
}
.client .cr .item-custom img
{
    width:140px;
    height:100px;
    border:solid 1px #70ABCF;
    margin:5px 10px 0px 0px;
   padding:5px;
   border-radius:5px;
   display:block;
   box-shadow:0px 0px 5px #000;
   margin:auto;
   
   
}
.client .cr .item-custom p
{
     font:normal 13px/15px 'Segoe UI' ,tahoma,sans-serif;
    color:#fff;
     padding:5px 0px;
     margin:5px 0px;
  

}
/*==Slideshow for Service.aspx ==*/
#slideshow
{
    margin: 0 auto;
    width: 900px;
    height: 263px;
    position: relative;
}
#slideshow #slidesContainer
{
    margin: 0 auto;
    width: 750px;
    height: 263px;
    overflow: auto; /* allow scrollbar */
    position: relative;
}
#slideshow #slidesContainer .slide
{
    margin: 0 auto;
    width: 730px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
    height: 263px;
}                
#slideshow .control
{
    display: block;
    width: 39px;
    height: 263px;
    text-indent: -10000px;
    position: absolute;
    cursor: pointer;
}
#slideshow #leftControl
{
    top: 0;
    left: 0;
    background: transparent url(../Images/control_left.png) no-repeat 0 0;
}
#slideshow #rightControl
{
    top: 0;
    right: 0;
    background: transparent url(../Images/control_right.png) no-repeat 0 0;
}
                       
#slideshow #pageContainer
{
    margin: 0 auto;
    width: 960px;
}
#slideshow .slide img
{
    float: right;
    margin: 0 15px;
}
#slideshow .slide h2
{
    margin-bottom:10px
}
#slideshow .slide ul.small-text
{
   margin:0;
   padding:0px 0px 0px 15px;
}
#slideshow .slide ul.small-text li
{
   margin:0;
   padding:0;
   font:normal 14px/20px 'Segoe UI' ,tahoma,sans-serif;
   color:#fff;
}
/*bullet*/
.bullet
{
  background:url(../images/bullet.png) no-repeat 0px -38px;
    color: #000 !important;
    font: 500 14px/20px tahoma,sans-serif;
    margin: 0 0 0 20px;
    padding: 3px 10px 3px 15px !important;
    height:26px;
}

/*float*/
.fl-left
{
    float:left
}
.fl-right
{
    float:right
}
/*clear both*/
.clear
{
    clear:both
}