body{
background:url(images/bg.jpg) no-repeat top center #89a19e;
background-attachment:fixed;
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
margin:0px;
padding:0px;
}
h2{
padding:1px;
font-size:24px;
font-weight:bold;
color:#CC3300;
margin:0px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
}

h3{
padding:1px;
font-size:15px;
font-weight:bold;
color:#FF6600;
margin:0px;
font-style:italic;
text-decoration:none;}


h4{
padding:1px 0 20px 5px;
font-size:15px;
font-weight:bold;
color:#FF6600;
margin:0px;
font-style:italic;
text-decoration:none;}

h5{
padding:1px 0 20px 5px;
font-size:18px;
font-weight:bold;
color:#FF6600;
margin:0px;
font-style:italic;
text-decoration:none;}



.clear{
clear:both;
}
.left{
float:left;}

.right{
float:right;} 


p{
color: #666666;
text-align:justify;
font-size:14px;
}
 a{
 font-size:12px;
 color:#FF0000;
 text-decoration:none;}
 
 a:hover{
 font-size:12px;
 color:#0066FF;
 text-decoration:underline;}
 
 
#main_container{
padding:0;
width: 850px;
height: auto;
margin:auto;
background-color:#FFFFFF;
}
#top_banner{
width:850px;
height:110px;
margin:auto;

}

#top_banner .logo_banner{
float:left;
padding-left:20px;
padding-top: 48px;
}

/*---------------menu------------*/

#top_banner #header_menu_section {
	float: right;
   width: 500px;
   padding-top:5px;
}

.header_menu a {
	float: left;
	display: block;
	padding-top:20px;
	width: 72px;
	height: 50px;
	outline: none;
}

.home_menu a { background: url(images/ihome.jpg) no-repeat; margin:15px 10px 0 0; }
.home_menu a:hover { background: url(images/ihome_hover.jpg) no-repeat; }
.home_menu a .active{ background: url(images/ihome_hover.jpg) no-repeat; }

.aboutus_menu a { background: url(images/iaboutus.jpg) no-repeat; margin:15px 10px 0 0; }
.aboutus_menu a:hover { background: url(images/iaboutus_hover.jpg) no-repeat; }

.service_menu a { background: url(images/iservice.jpg) no-repeat; margin:15px 10px 0 0; }
.service_menu a:hover { background: url(images/iservice_hover.jpg) no-repeat; }

.client_menu a { background: url(images/iclients.jpg) no-repeat; margin:15px 10px 0 0; }
.client_menu a:hover { background: url(images/iclients_hover.jpg) no-repeat; }

.gallery_menu a { background: url(images/igallery.jpg) no-repeat; margin:15px 10px 0 0; }
.gallery_menu a:hover { background: url(images/igallery_hover.jpg) no-repeat; }

.contact_menu a { background: url(images/icontactus.jpg) no-repeat;  margin:15px 10px 0 0;  }
.contact_menu a:hover { background: url(images/icontactus_hover.jpg) no-repeat; }





/*------------------banner content-----------------*/
#banner_content{
width:850px;
clear:both;
height:360px
background-color:#FFFFFF;

}
.left_box{
width:315px;
height:300px;
float:left;
}
.right_box{
width:535px;
height:300px;
float:left;
text-align:justify;
background:url(images/banner-right.jpg) no-repeat center;
background-position:0px 0px;
}
.slogan{
width:250px;
height:auto;
padding:25px;
color: #666666;
}
.slogan span{
float:right;
color:#009900;
font-style:italic;
font-weight:bold;
}
.bottom_box{
width:850px;
height:13px;
clear:both;
background:url(images/banner-bottom.jpg) no-repeat center;
}
/*------------------center content-----------------*/
#center_content{
width:850px;
height: auto;
background-color:#FFFFFF;
}
.left_title{
width:271px;
height:33px;
padding:5px;
text-align:center;
line-height:30px;
font-size:24px;
font-style:italic;
color:#FF2A07;
}
#left_content{
width:290px;
height:auto;
padding:5px;
margin:5px;
float:left;
}
.left_content_box{
width:280px;
height:auto;
float:left;
margin:2px 0 2px 0;
}
.left_content_box a{
text-decoration:none;
font-weight:bold;
color:#666666;
}
.left_content_box a:hover{
text-decoration:underline;
font-weight:bold;
color:#000;
}
img.left{
float:left;
border:1px #B3DBEF solid;
margin:5px 5px 5px 8px;
}
img.right{
float:left;

margin:5px 10px 5px 5px;
}
p.leftp{
font-size:12px;
color:#666666;
text-align:justify;
padding:5px;
}

/*----------------------right content---------*/
#right_content{
width:510px;
margin:10px 15px 0 10px;
float:left;
}

#middle_content{
width:820px;
margin:10px 20px 0 20px;
float:left;
}

.red_bar{
width:510px;
height:33px;
background-color:#FF2A07;
color:#bfc0c1;
font-size:14px;
}

.red_bar_middle{
width:800px;
height:33px;
background-color:#FF2A07;
color:#bfc0c1;
font-size:14px;
}

#middle_content p{
font-size:14px;
color:#666666;
text-align:justify;

padding:5px  20px 0 15px;}



.services{
width:240px;}
.services ul{
margin:0px;
padding:0px;
list-style:none;
}
.services li{
display:block;
list-style:none;
padding:3px;
margin:4px 0 4px 0;
position: relative;}
.services li a{
text-decoration:none;
padding:5px 5px 5px 45px;
font-size:12px;
font-weight:bold;
color:#333333;
background:url(images/bullet.jpg) no-repeat left;
background-position:10px 5px;
}
.services li a:hover{
text-decoration:none;
padding:5px 5px 5px 45px;
font-size:12px;
font-weight:bold;
color:#0066FF;
/*background:url(images/bullet_a.jpg) no-repeat left #FF2A07;*/
background-position:10px 5px;
}

.services1{
width:280px;
margin-left:20px;}
.services1 ul{
margin:0px;
padding:0px;
list-style:none;
}
.services1 li{
display:block;
list-style:none;
padding:3px;
margin:4px 0 4px 0;
position: relative;}
.services1 li a{
text-decoration:none;
padding:5px 5px 5px 45px;
font-size:12px;
font-weight:bold;
color:#333333;
background:url(images/bullet.jpg) no-repeat left;
background-position:10px 5px;
}
.services1 li a:hover{
text-decoration:none;
padding:5px 5px 5px 45px;
font-size:12px;
font-weight:bold;
color:#0066FF;
/*background:url(images/bullet_a.jpg) no-repeat left #FF2A07;*/
background-position:10px 5px;
}


/*---------------footer----------*/
#footer{
width:850px;
height:61px;
clear:both;
padding-top:10px;
color:#FFFFFF;
text-align:center;
}
.footer_links{
float:left;
padding:10px;
}
.footer_links a{
text-decoration:none;
padding:0 8px 0 8px;
color:#0099FF;
}
.footer_links a:hover{
text-decoration:underline;
}
.copyright{
float:right;
color:#0099FF;
padding-right:15px;
padding-top:7px;
}

.click{
    position: absolute;
    top: 2px;
    right: 38px;
    }
.click a{ background:none!important;}