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

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

body { background:#496367; }
#wrapper 
  {
	  width:284px; 
	  min-height:426px;
	  height:auto;
	  margin:0px auto;
	  background:#496367;
  }
  
.header 
  {
      width:100%;
	  height:75px;
	  float:left;
	  background:#445e63;
	  text-align:center;
  }

.main_logo 
  {
       width:auto;
	  height:50px;
      margin:5px auto; 
      	  
  } 

.company_name 
  { 
	width:auto; 
	height:28px; 
	font:26px "Myriad Pro";
	color:#fff;
	margin:3px 0 0 10px;
	display:block;
  }

.salogan 
   {
	   display:block;
	  width:auto;
	  height:15px;
	  font:12px Arial, Helvetica, sans-serif;
	  color:#fff;
	  padding:0 0 0 10px;
   }
   
  .social_icon { height:30px; display:block; text-align:center; width:100%; float:left; position:absolute;  }
  .social_inner{ padding:50px 0 0 190px; display:block;}
   .social_icon img { border:0px; }
   
.main
  {
	  width:100%;
	
	  height:auto; 
	
	  background:#496367 url(images/grd.png) top repeat-x;
	  text-align:center;
  }

 .welcome
  {
    width:auto;
	display:block;

	 }
  
.welcome h2 
  {
	 font:18px "Myriad Pro";
	 color:#4cf7fd;
	 text-decoration:underline;
	 padding-right:18px; 
  }
  
  .sp { width:100%; height:10px; float:left; }
  
 
 .welcome_text
  {
	height:80px;
    display:block;
	width:100%;
	text-align:center;
  }

  .welcome_text p 
  {
	width:200px;
	display:block;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px 20px 0px 22px;
	text-align:justify; 
	margin:auto;

	
  }
 .content  { width:284px; margin:0 auto; }
 
 
 .image { float:left; margin:14px 5px 0 20px;}  

  .nav
   {
	 width:100%;
	 height:40px;
	 display:block;
     background:#fff;
	 border-bottom:1px solid #476065;
     text-align:center;
   }
   .current 
   { 
	 width:100%;
	 height:40px;
     color:#6FF;
	 vertical-align:middle;
	 display:block;
	 text-align:center;
	
   }
      .current a {  color:#17B7B3; }
   .navi {height:40px;   text-align:center; margin:0 auto; padding:0; width:200px; }
   .nav_img {  height:40px; float:left;  border:0px; text-decoration:none; padding-right:30px; display:inline-block; }
   .nav_img img { border:0px; }
   .nav_img a{ text-decoration:none; border:0px; }
   .nav_txt { line-height:40px; float:left;}
   .nav a { font:bold 14px "Myriad Pro"; color:#445e63; text-decoration:none; border:none; line-height:40px; }

	
  .footer 
  {
	  width:100%;
	  height:55px; 
	  font:12px "Myriad Pro"; 
	  text-align:center; 
	  	  background:#496367;
		  float:left;
  }
  .copyrite
    { 


	margin:5px auto; 
	font:12px Arial, Helvetica, sans-serif; 
	text-align:center;
	color:#fff;
	}
	.click_here
	{

	
	margin:5px auto; 
	font:12px Arial, Helvetica, sans-serif; 
	text-align:center;
	color:#fff;
	}
	.click_here a { font:bold 10px Arial, Helvetica, sans-serif; color:#0FF; margin-left:2px; }
	
	.aboutus
  {
	  width:100%;
	
	  height:auto; 
	   float:left;
	  background:#496367 url(images/grd.png) top repeat-x;
  }
.aboutus h4 
  {
	 font:18px "Myriad Pro";
	 color:#4cf7fd;
	 text-decoration:underline;
	 padding-right:162px; 
  }
  
   .aboutus p 
  {
	width:240px;
	display:block;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px 20px 0px 22px;
	text-align:justify; 
	margin:auto;

	
  }
  
 .back 
  {
    width:100%;
	height:20px;
	margin:2px 0 2px 0;
	background:#fff;
	border-bottom:1px solid #496367; 
	border-top:1px solid #496367; 
	line-height:20px;
	text-align:center;
	float:left;
	}
  .back a { font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#496367; padding:0 218px 0 0px; line-height:20px;}	
  
  .email { width:100%; height:20px; float:left; margin:15px 0 0 0 ; text-align:center;}
    .email_img { width:30px; height:30px; float:left; padding:0 0 0 40px; border:0px; text-decoration:none;  }
	
	.email_txt { width:165px; height:20px; float:left; padding:0 0 0 0; line-height:17px; font:bold 14px Arial, Helvetica, sans-serif; color:#4cf7fd; }
     .email_txt a{ font:bold 14px Arial, Helvetica, sans-serif; color:#4cf7fd;line-height:25px; }
	 .map { width:284px; height:156px; float:left; margin:12px 0 5px 0;}
	 
	.service { width:250px; height:30px; float:left; margin:5px 0 0 15px; padding:0 0 0 0; background:#364a4e; border:1px solid #fff; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; font:bold 14px Arial, Helvetica, sans-serif; color:#4cf7fd;  } 
	
	
	
html {
	overflow-Y: scroll;
}
body {
	font: 10px normal Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.7em;
}
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

.container {
	width: 500px;
	margin: 0 auto;
}
h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #666;
}
h2.trigger {
	padding: 0 8px 0 6px;
	margin: 10px 0 5px 10px;
	background:url(images/arr.png) right no-repeat #364a4e ;
	height: 30px;
	line-height: 30px;
	width: 230px;
	font:bold 14px Arial, Helvetica, sans-serif; color:#4cf7fd;
	font-weight: normal;
	float: left;
	border:1px solid #fff;
	-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;/*width:250px; height:30px; float:left; margin:5px 0 0 15px; padding:0 0 0 0; background:#364a4e; border:1px solid #fff; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; font:bold 14px Arial, Helvetica, sans-serif; color:#4cf7fd; */
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	
    font:bold 14px Arial, Helvetica, sans-serif; color:#4cf7fd;
	line-height: 30px;
	text-decoration:none;
}
h2.trigger a:hover {
	color: #ccc;
}
h2.active {background:url(images/arr2.png) right no-repeat #364a4e}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	brder-top: 1px solid #d6d6d6;
	bakground: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 280px;
	clear: both;
}
.toggle_container .block {
	padding: 5px 15px 5px 15px;
	background: url(toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 0px 0;
}
.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}