body{
background:#7dbb28 url(../images/backbg.jpg) repeat-x top left;
padding:0;
margin:0;
font-family: BIMINI;
}


a:link,   
a:visited, 
a:hover, 
a:active  {
outline:none;} 


@font-face {
	font-family:BIMINI;
	src: url('fonts/BIMINI.TTF');
 }

#container{
height:auto;
overflow:hidden;
}

#wrapper{
background:url(../images/globe.png) no-repeat 200px top;
width:1250px;
height:auto;
margin:0 auto;
overflow:hidden;
}

#header{
height:120px;
width:100%;
}
#header .logo{
float:left;
width:280px;
margin:0;
}

#header .top-right{
float:right;
text-align:left;
width:385px;
font-family:BIMINI;
color:#fff;
font-size:21px;
padding:32px 0 0 0;
}


#content{
width:1052px;
height:auto;
margin:0 auto;
overflow:hidden;
padding-top:20px;
}

.left-content{
width:680px;
float:left;
margin:0 0 0 0px;
height:auto;
overflow:hidden;
}

.right-content{
width:335px;
float:right;
height:auto;
margin:0 30px 0 0;
overflow:hidden;
}

.service{
margin:0 0 0 30px;
}

.desc-text{
font-family:BIMINI;
color:#fff;
font-size:20px;
padding:0px 35px;
width:90%;
}

.services-list{
width:100%;
height:auto;
overflow:hidden;
}

.services-list ul{
list-style:none;
display:block;
padding:0;
margin:15px 0 0 0;
}

.services-list ul li{
padding:0;
margin:0;
width:643px;
float:left;
height:70px;
}
@media (min-width: 481px) and (max-width: 767px) {
  .services-list ul li a{
width: 300px;
}  
.right-content{
width:200px;
float:left;
height:auto;
margin:0 0 0 0;
overflow:hidden;
}

}
.services-list ul li a{
padding:0;
margin:0;
float:left;
width:643px;
height:70px;
color:#fff;
font-size:20px;
text-align:left;
text-indent:70px;
text-decoration:none;
line-height:70px;
}

.services-list ul li a{
text-decoration:none;
}

.services-list ul li a.orange{
background:url(../images/orange-bg.png) no-repeat;
}

.services-list ul li a.orange:hover{
background:url(../images/orange-bg-hover.png) no-repeat;
}

.services-list ul li a.blue{
background:url(../images/blue-bg.png) no-repeat;
}

.services-list ul li a.blue:hover{
background:url(../images/blue-bg-hover.png) no-repeat;
}

.services-list ul li a.light-blue{
background:url(../images/light-blue.png) no-repeat;
}

.services-list ul li a.light-blue:hover{
background:url(../images/light-blue-hover.png) no-repeat;
}

.services-list ul li a.purpal{
background:url(../images/purpal-bg.png) no-repeat;
}

.services-list ul li a.purpal:hover{
background:url(../images/purpal-bg-hover.png) no-repeat;
}

.services-list ul li a.grey{
background:url(../images/grey-bg.png) no-repeat;
}

.services-list ul li a.grey:hover{
background:url(../images/grey-bg-hover.png) no-repeat;
}

.services-list ul li a.light-purpal{
background:url(../images/light-purpal-bg.png) no-repeat;
}

.services-list ul li a.light-purpal:hover{
background:url(../images/light-purpal-bg-hover.png) no-repeat;
}

.services-list ul li a.green{
background:url(../images/green-bg.png) no-repeat;
}

.services-list ul li a.green:hover{
background:url(../images/green-bg-hover.png) no-repeat;
}

.right-pic1{
float:right; width:182px; height:155px; margin:0 25px 20px 0;
}

.right-pic2{
float:right; width:182px; height:155px; margin:0 0 20px 0;
}

.right-pic3{
float:right; width:182px; height:155px; margin:0 35px 0px 0;
}

.right-pic4{
float:right; width:182px; height:155px; margin:-20px 150px 0 0;
}

.clr{
clear:both;
}

#footer-content{
width:995px;
margin:0 auto;
}

#footer{
width:100%;
height:200px;
margin:20px 0 0 0;
}


#footer h2{
text-align:left;
font-family:BIMINI;
color:#fff;
font-size:31px;
border-bottom:2px dotted #fff;
margin:5px 0 10px 0;
}

#footer p{
font-family:BIMINI;
color:#fff;
font-size:17px;
margin:5px 0;
line-height:22px;
}


#footer .contact-us{
width:335px;
height:auto;
float:center;
overflow:hidden;
margin:0 0 0 40px;
}

#footer .email-address{
width:200px;
float:left;
height:auto;
overflow:hidden;
margin:0 0 0 40px;
padding:0 0 0 125px;
background:url(../images/email.png) no-repeat left 10px;
}


.sub-footer{
 border-top:1px solid #fff;
 width:945;
 height:auto;
 margin:0 auto;
 overflow:hidden;
 padding:10px 25px;
}

.copyright{
text-align:left;
margin:0;
color:#fff;
float:left;
}

.right-bottm{
text-align:right;
margin:0;
color:#fff;
float:right;
}


.content-box {
margin:0;
padding:0;
width:680px;
height:auto;
overflow:hidden;
}

.home-icon{
float:right;
margin:15px 15px 0 0;
color:#fff;
text-decoration:none;
text-shadow: 1px 1px 1px #999999;
font-size:20px;
}

.home-icon:hover{
color:#000;
}

.head-title{
margin:0;
padding:0;
height:auto;
overflow:hidden;
background:url(../images/orang-title.png) no-repeat;
height:75px;
width:679px;
font-family:BIMINI;
color:#fff;
font-size:22px;
z-index:0;
}

.content-box .desc-box{
 background: url("../images/orang-bottom.png") no-repeat scroll left bottom transparent;
    min-height:590px;
    margin: 0;
    overflow: hidden;
    padding: 0px 15px 10px;
    width: 649px;
}

.head-icon{
   height: 63px;
    margin: 25px 0 0 -25px;
    position: absolute;
	zoom:1;
	z-index:999px;
    width: 65px;
}


span.title{
    color: #FFFFFF;
    font-family: BIMINI;
    font-size: 26px;
    line-height: 105px;
    margin: 0 22px 0 0;
    position: absolute;
	font-weight:bold;
    text-indent: 50px;
	text-shadow: 1px 1px 1px #999999;
}

ul.service-list{
list-style:none;
display:block;
margin:0;
padding:0;
}


ul.service-list li.first{
 background:none;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    margin:20px 0 20px;
    padding: 0 0 0 0px;
    text-shadow: 1px 1px 1px #999999;
}

ul.service-list li{
 background: url("../images/circle.png") no-repeat scroll 0 6px transparent;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin: 20px 0;
    padding: 0 0 0 30px;
    text-shadow: 1px 1px 1px #999999;
}