@charset "utf-8";

html
{
	height:100%;
}
body 
{
	padding:0;
	margin:0;
	height:100%;
	background-color:#ffffff;
	background-position: top center;
}
img
{
	border:0;
}
a
{
	text-decoration:none;
}
#head
{
	width:100%;
	height:20px;
	background-color:#2a8c92;
	margin:auto 0;
	padding: auto 0;
	margin-top:0px;
}
#head1
{
	background-color:#2a8c92;
	width:955px;
	height:20px;
	margin: auto;
	padding:auto;
	margin-top:0px;
}
#top
{
	width:955px; 
	height:197px; 
	margin: auto; 
	padding:auto; 
}
#logo
{
	width:264px; 
	height:145px; 
	/*background-color:#000000; */
	float:left; 
	margin-top:10px; 
	margin-left:650px;
}
#home{ 
	margin-top:0px;
	margin-left:0px;
	float:left;
  width:245px;
}
#home a{ 
	display:block; 
	width:89px; 
	height:42px; 
	text-indent:-9999px; 
	background:url(../images/homepage.jpg); 
	background-position:0 0;
}
#home a:hover{
	display:block; 
	width:89px; 
	height:42px; 
	text-indent:-9999px; 
	background:url(../images/homepage.jpg); 
	background-position:0 42px;
}
#vannishing{ 
	margin-top:0px;
	margin-left:150px;
	float:left;
}
#vannishing a{ 
	display:block; 
	width:161px; 
	height:42px; 
	text-indent:-9999px; 
	background:url(../images/vannishing.jpg); 
	background-position:0 0;
}
#vannishing a:hover{
	display:block; 
	width:161px; 
	height:42px; 
	text-indent:-9999px; 
	background:url(../images/vannishing.jpg); 
	background-position:0 42px;
}
#selfcleaning{ 
	margin-top:0px;
	margin-left:150px;
	float:left;
  width:316px;
}
#selfcleaning a{ 
	display:block; 
	width:153px; 
	height:42px; 
	text-indent:-9999px; 
	background:url(../images/selfcleaning_2.jpg); 
	background-position:0 0;
}
#selfcleaning a:hover{
	display:block; 
	width:153px; 
	height:42px; 
	text-indent:-9999px; 
	background:url(../images/selfcleaning_2.jpg); 
	background-position:0 42px;
}
#contactus{ 
	margin-top:0px;
	margin-left:150px;
	float:left;
}
#contactus a{ 
	display:block; 
	width:94px; 
	height:42px; 
	text-indent:-9999px; 
	background:url(../images/contactus.jpg); 
	background-position:0 0;
}
#contactus a:hover{
	display:block; 
	width:94px; 
	height:42px; 
	text-indent:-9999px; 
	background:url(../images/contactus.jpg); 
	background-position:0 42px;
}
#banner
{
	width:955px; 
	height:312px; 
	margin: auto; 
	padding:auto;
}
#banner_left
{
	width:278px; 
	height:312px; 
	float:left;
        background:url(../images/aloha_left.jpg); 
}
#banner_mid
{
	width:393px; 
	height:312px; 
	float:left;
}
#banner_right
{
	width:278px; 
	height:312px; 
	float:left;
       background:url(../images/aloha_right.jpg); 
}
#content
{
	width:955px; 
	min-height:100px; 
	height:auto !important; 
	margin: auto; 
	padding:auto; 
	margin-bottom:15px;
}
#content_left
{
	width:400px; 
	min-height:100px; 
	height:auto !important;  
	float:left; 
	margin-top:25px; 
	margin-left:40px;
}
#content_right
{
	width:440px; 
	min-height:20px; 
	height:auto !important;  
	float:left; 
	margin-top:25px;  
	margin-left:30px; 
	border-left:1px solid #E1DFDF;
}
#content_right_text
{
	width:400px; 
	min-height:20px; 
	height:auto !important;  
	float:left; 
	margin-top:0px; 
	float:right;
}
#thumbnail
{
	width:941px; 
	min-height:130px; 
	height:auto !important; 
	margin: auto; 
	padding:auto; 
	margin-bottom:30px;
}
.h1
{
	color:#5a5a5d;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	margin-top:3px;
	float:right;
}
.h2
{
	color:#2a8c92;
	font-family:Arial,Verdana ,Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-top:0px;
}
.text_head_bold
{
	color:#2a8c92;
	font-family:Arial,Verdana ,Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:0px;
}
.text_normal
{
	color:#8c8c8c;
	font-family:Arial,Verdana ,Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top:0px;
}
.text_normal_link{
	margin:0;
}
.text_normal_link a{
	color:#8c8c8c;
	font-family:Arial,Verdana ,Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
}
.text_normal_link a:hover {
  color:#8c8c8c;
	font-family:Arial,Verdana ,Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
  text-decoration:underline;
}
.clear
{
	clear:both;
}
/*----------footer-------------*/
.div_h {
	float:left;
	/*border-right:1px solid #0368AE;*/
	padding-right:15px;
	margin-right:15px;
}
.div_h3 {
	float:left;
	border-right:1px solid #145C60;
	padding-right:27px;
	margin-right:20px;
}
.div_h33 {
	float:left;
	border-right:1px solid #145C60;
	padding-right:15px;
	margin-right:15px;
}
.h3_head{
	margin:0;
}
.h3_head a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #145C60;
	text-decoration: none;
}
.h3_head a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-decoration:none;
}
.h3{
	margin:0;
}
.h3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #145C60;
	text-decoration: none;
}
.h3 a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ffffff;
  text-decoration:none;
}
#footerbg
{
	width:100%;
	min-height:105px; 
	height:auto !important; 
	background-color:#2a8c92;
	margin-left: auto;
	margin-right: auto;
}
#footerbg1
{
	width:955px;
	min-height:105px; 
	height:auto !important; 
	background-color:#2a8c92;
	margin-left: auto;
	margin-right: auto;
	border:0px solid #ffffff;
	/*margin-bottom:10px;*/
}
#footer1{
	width:955px;
	padding-left:10px;
	padding-top:5px;
	margin-top:0px;
	text-align:left;
	border:0px solid red;
}
#footer2{
	width:955px;
	padding-left:10px;
	padding-top:6px;
	margin-top:0px;
	text-align:left;
	border:0px solid green;
}
#footer3{
	width:955px;
	padding-left:10px;
	/* padding-top:5px; */
	margin-top:10px;
	text-align:left;
	/*border:1px solid #ddd222;*/
}
#footer4{
	width:955px;
	/* padding-left:10px; */
	margin-top:10px;
	text-align:left;
	/*border:1px solid #ddd222;*/
}
.linefooter
{
	color:#145C60;
	font-family:Arial, Helvetica, sans-serif,Verdana;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}
.inline{
  display: inline;
}
.footer_text_bold {
    color: #D3D5D5;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    outline: medium none;
    text-decoration: none;
    }
.footerlink {
	margin:0px;
	padding-top:10px;
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif,Verdana;
	font-size: 10px;
	color: #145C60;
}
.footerlink2 {
	margin:0px;
	padding-top:10px;
	margin-left:10px;
}
.footerlink2 a{
  font-family: Arial, Helvetica, sans-serif,Verdana;
  font-size: 10px;
  color: #145C60;
  text-decoration:none;
 
}
.footerlink2 a:hover {
  font-family: Arial, Helvetica, sans-serif,Verdana;
  font-size: 10px;
  color: #ffffff;
  text-decoration:none;
}
.footerlink3 {
	margin:0px;
	padding-top:15px;
	margin-left:10px;
  font-family: Arial, Helvetica, sans-serif,Verdana;
  font-size: 10px;
  color: #ffffff;
}
.left_footer{
  float:left;
  width:675px;
}
.right_footer{
  float:left;
  width:200px;
}
#left_tb_footer{
  float:left;
  width:608px; 
  margin-top: 10px;
}
#right_tb_footer{
  width:210px;
  float:left; 
  margin-top: 10px;
}
/*.footerlink3 a{
  font-family: Arial, Helvetica, sans-serif,Verdana;
  font-size: 10px;
  color: #145C60;
  text-decoration:none;
 
}
.footerlink3 a:hover {
  font-family: Arial, Helvetica, sans-serif,Verdana;
  font-size: 10px;
  color: #ffffff;
  text-decoration:none;
}*/

.footerr
{
	color:#145C60;
	font-family:Arial, Helvetica, sans-serif,Verdana;
	font-size:10px;
	font-weight:normal;
	margin-left:10px;
}
.footer
{
	color:#145C60;
	font-family:Arial, Helvetica, sans-serif,Verdana;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}
.footer:hover 
{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif,Verdana;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}
#exalogo{ 
	margin-top:-30px;
	margin-right:40px;
	float:right;
}
#exalogo a{ 
	display:block; 
	width:54px; 
	height:20px; 
	text-indent:-9999px; 
	background:url(../images/exalogo.jpg); 
	background-position:0 0;
}
#exalogo a:hover{
	display:block; 
	width:54px; 
	height:20px; 
	text-indent:-9999px; 
	background:url(../images/exalogo.jpg); 
	background-position:0 20px;
}
#webmagnet{ 
	margin-top:-36px;
	margin-right:100px;
	float:right;
}
#webmagnet a{ 
	display:block; 
	width:108px; 
	height:29px; 
	text-indent:-9999px; 
	background:url(/images/webmagnet_logo_108.png); 
	background-position:0 0;
}
#webmagnet a:hover{
	display:block; 
	width:108px; 
	height:29px; 
	text-indent:-9999px; 
	/*background:url(/images/webmagnet_logo_108.png); */
	background-position:0 29px;
}

/*----------end-------------*/
/*----------gallery-------------*/
#cover_gallery{
	  height:80px;width:941px;position:relative;border:0px solid #000000;float:left;padding-top:10px;
	  display:inline;
	}
    #slide_gallery{
	  position:relative;width:900px;height:70px;margin:0 auto;border:0px solid #ff4400;
	}
      #slide_gallery img{border:1px solid #626262;width:150px;height:61px;}
      #slide_gallery ul{list-style:none;margin:0 auto;width:900px;height:100px;overflow:hidden;position:relative;}
      #slide_gallery li{height:100px;width:100px;margin:0px 1px;}

#prevBtn, #nextBtn{position:absolute;top:10px;margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
      #prevBtn{left:0px;}
      #nextBtn{right:0px;}
      #prevBtn,#nextBtn,#prevBtn a,#nextBtn a{display:block;width:15px;height:70px;}
      #prevBtn a{background:url(../images/arrow_l.png) no-repeat center;}
      #nextBtn a{background:url(../images/arrow_r.png) no-repeat center;}

/*----------end-------------*/

/*---------PCC-----------*/
#pcc
{
     width: 400px; 
     min-height: 100px;
     height: auto ! important; 
     float: left; 
     margin-bottom:10px;
}
#pcc_left
{
    width: 100px;
    min-height: 100px;
    height: auto ! important; 
     float: left;
}
#pcc_right
{
    width: 280px; 
    min-height: 100px; 
    height: auto ! important;
    float: left; 
    margin-top:50px;
    margin-left: 20px;
}
/*----------end-------------*/
.related_links{color:#8C8C8C; text-decoration: none;}
.related_links:hover{color:#8C8C8C; text-decoration: none;}