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

* {margin:0px; padding:0px;}

body {background:#000; font-family:Arial, Helvetica, sans-serif; background-repeat:no-repeat;
      background-size:100% 100%; background-attachment:fixed;}

#wrapper {width:1000px; height:100%; margin:0px auto 25px auto;}	  
	
#header {
	width:1000px;
	height:350px;
	margin-bottom:-1px;
	background-image:
	background-size:100%;
	background-repeat:
	background-position:right -150px;
}

#menu {
	height:50px;}
	
#menu ul {
	list-style:none;}
	
#menu ul li {
	float:left;
	width:14.28%;
	text-align:center;
	background-color:#000;
	display:block;
	line-height:40px;
	}
	
#menu a {
	color:#fff;
	text-decoration:none; 
	}	
	
	
#menu a:hover {
	background-color:#336;
	display:block; margin-top:5px;
	}


	
#content {
	min-height:600px;
	text-align:justify;
	
    }

#content #contleft {
	
	float:left;
	width:360px;
	min-height:600px;
	
	
    }

#content #contleft #box1 {
	width:350px;
	height:188px;
    background-image:url(../image/guerilla3.jpg);
	margin-top:0px;}
	
	
#content #contleft #box2 {
	width:350px;
	height:135px;
	background-image:url(../image/guerilladive%20open%20water.jpg);
	margin-top:30px;
}

#content #contleft #box3 {
	width:350px;
	height:200px;
	background-image:url(../image/ssi3.jpg);
	margin-top:30px;
}

#content #contleft #box4 {
	width:350px;
	height:500px;
	background-image:url(../image/card2.jpg);
	margin-top:30px;
}
#contright { width: 615px;
min-height : 500px;
float: left;
background-color:#FFF;
margin-top:0px;
padding-left:10px;
padding-right:10px;}

#contright #righttop{
	
	height:220px;
        margin-top:35px;
	text-align:justify;
	
}

#contright #righttop p {
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;}

#contright #righttop h1 {
        font-size:28px;
	margin-top:25px;
	margin-left:140px;
	margin-right:10px;}

#contright #righttop h2 {
        font-size:24px;
	margin-top:20px;
	margin-left:5px;
	margin-right:10px;}
	
	
	



#contright .rightmid img{
	margin-right:5px;
	margin-bottom:5px;
	float:left;}

#contright .rightmid p {
	margin-left:5px;
	margin-right:5px; 
	}

#contright .righmid h2 {
	margin-left:5px;
	margin-right:5px; 
	}
	
#contright .rightmid{
	width:100%;
	height:290px;
	text-align:justify;
	
	
	margin-bottom:30x;
}





#contright .rightmid2 {width:615px; height:100px; margin-top:10px; margin-bottom:10px; float:left  margin-left:5px; margin-right:5px;}

#contright .rightmid3 {width:615px; height:140px; margin-top:10px; margin-bottom:10px; float:left  margin-left:5px; margin-right:5px; background-color:#ccc;}

#contright .rightmid3 h2 {
        font-size:px;
	margin-top:px;
	margin-left:17px;
	margin-right:5px;}
	
		
	

.clearfloat {
  clear:both;	
}

#footer {background:#000; height:30px; margin:auto; text-align:center; font-size:14px; color:#fff; padding-top:20px;}
/*************************************end index***************************************/

#content {min-height:600px;}
.content_top {margin-top:0px;}
#form_contact {min-height:300px; width:515px; float:left; margin-bottom:0px; margin-top:0px; margin-left:50px; color:#fff;}

	#form_contact h3 {font-size:27px; font-weight:400; line-height:30px; margin-top:0px; padding:10px 0px 11; color:#fff; letter-spacing:-1px; border-bottom:1px solid e5e5e5; margin-bottom:15px; margin-top:10px; }
	
	#form_contact input[type=text] {width:269px; height:10px; border:1px solid #e5e5e5; background:#fff; padding:3px 5px; color:#696968; font:italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
				  	
	#form_contact input[type=email] {width:269px; height:10px; border:1px solid #e5e5e5; background:#fff; padding:3px 5px; color:#696968; font:italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
		
	#form_contact textarea {width:580px; height:335px; border:1px solid #e5e5e5; padding:3px 5px; color:#696968;
	                        font:italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:5px 0 10px 0px;}
							
	#form_contact input[type=button] {background:#0080c0; border:none; color:#fff; font-weight:bold;
	                                  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px;}													  	
	#form_contact input[type=reset] {background:#0080c0; border:none; color:#fff; font-weight:bold;
	                             font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px;}
								 
	.effect:hover {background-color:#080808 !important; color:#fff; cursor:pointer;}
#contact_bottom {float:left; height:530px; width:590px; margin-left:50px;}
  #contact_bottom h4 {font-size:27px; font-weight:400; line-height:30px; margin-bottom:15px;
                     padding:10px 5px 5px 10px; color:#fff; letter-spacing:-1px; border-bottom:1px solid #fff;}
	#contact_bottom p {line-height:22px; font-style:italic; color:#fff;}
        #contact_bottom a {line-height:22px; font-style:italic; color:#fff; text-decoration:none; }
	
	#contact_bottom2 {width:580px; float:right; padding:5px 10px 5px 10px;  }

/*************************************end contact***************************************/	


	
/*************************************start about***************************************/

#content_about {
	min-height:600px;
	text-align:justify;
	
    }

#content_about #contright { width: 615px;
min-height : 600px;
float: left;
background-color:#FFF;
margin-top:0px;
padding-left:10px;
padding-right:10px;}

#content_about #contright #righttop{
	width:600px;
	height:200px;

	text-align:justify;
	
}

#content_about #contright #righttop p {
	margin-top:15px;
	margin-left:5px;
	margin-right:5px;}
	
#content_about #contright #righttop h1{
	font-size:24px;
	margin-top:20px;
	margin-left:70px;
	margin-right:5px;}
	
#content_about .rightmid{
	width:100%;
	height:200px;
	text-align:justify;
	margin-top:5px;
	
	margin-bottom:60px;
}



#content_about .rightmid img{
	margin-right:5px;
	margin-bottom:5px;
	float:left;}

#content_about .rightmid p,h2{
	margin-left:5px;
	margin-right:5px;
	}

#content_about .last-rightmid {width:615px; height:85px; margin-top:10px; margin-bottom:20px; float:left  margin-left:5px; margin-right:5px;}

#content_about .last-rightmid2 {width:615px; height:160px; margin-top:10px; margin-bottom:20px; float:left  margin-left:5px; margin-right:5px; background-color:#ccc;}



#content_about .last-rightmid2 h2 {margin-left:55px; margin-right:5px;}

	
#content_about .rightmid2 {
	width:100%;
	height:200px;
	text-align:justify;
	margin-top:5px;
	
	margin-bottom:30px;
}



#content_about .rightmid2 img{
	margin-right:5px;
	margin-bottom:5px;
        margin-left:5px;
	float:right;}

#content_about .rightmid2 p {
	margin-left:5px;
	margin-right:5px;
	}	
	
#content_about #contright2 {
	
	float:right;
	width:360px;
	min-height:600px;
	
	
    }

#content_about #contright2 #box1 {
	width:350px;
	height:200px;
	background-image:url(../image/bendera2.jpg);
	margin-top:0px;
	
}
	
#content_about #contright2 #box2 {
	width:350px;
	height:200px;
	background-image:url(../image/sepa5.jpg);
	margin-top:20px;
}

#content_about #contright2 #box3 {
	width:350px;
	height:200px;
	background-image:url(../image/raja%20ampat2.jpg);
	margin-top:20px;}	
	
#content_about #contright2 #box4 {
	width:350px;
	height:200px;
	background-image:url(../image/lionfish2.jpg);
	margin-top:20px;}


		
	
/*************************************start dive course***************************************/	

#content2 {
	min-height:600px;
	text-align:justify;
	
    }


 #contleft2 {
	
	float:left;
	width:360px;
	min-height:600px;
	
	
    }
	
#contleft2 #box1 {
	width:350px;
	height:200px;
    background-image:url(../image/ssi3.jpg);
	margin-top:0px;}	

 #contleft2 #box2 {
	width:350px;
	height:200px;
    background-image:url(../image/open%20water%20card2.jpg);
	margin-top:20px;}
	
	
#contleft2 #box3 {
	width:350px;
	height:200px;
	background-image:url(../image/advance%20adventure%20card2.jpg);
	margin-top:20px;
}

#contleft2 #box4 {
	width:350px;
	height:200px;
	background-image:url(../image/specialty%20card2.jpg);
	margin-top:20px;
}

#contleft2 #box5 {
	width:350px;
	height:200px;
	background-image:url(../image/advance%20open%20water%20card2.jpg);
	margin-top:20px;
}

#contleft2 #box6 {
	width:350px;
	height:200px;
	background-image:url(../image/master%20diver%20card3.jpg);
	margin-top:20px;
}

#content2 #contright3 { width: 615px;
min-height : 600px;
float: right;
background-color:#FFF;
margin-top:0px;
padding-left:10px;
padding-right:10px;}

#content2 #contright3 #righttop3{
	width:600px;
	height:200px;
        margin-top:25px;
	text-align:justify;
	
}

#content2 #contright3 #righttop3 p{
	margin-top:15px;
	margin-left:5px;
	margin-right:5px;}

#content2 #contright3 #righttop3 h1{
	margin-top:5px;
	margin-left:20px;
	margin-right:5px;}
	margin-bottom:15px;
	
	
#content2 #contright3 .rightmid3{
	width:100%;
	height:230px;
	text-align:justify;
	margin-top:5px;
	
	margin-bottom:30px;
}





#content2 #contright3 .rightmid3 p{
	margin-left:5px;
	margin-right:5px;
        margin-bottom:25px;
	}

#content2 #contright3 .rightmid3 h2{
	margin-left:5px;
	margin-right:5px;
	}

#content2 #contright3 .last-rightmid3 {width:615px; height:100px; margin-top:10px; margin-bottom:10px; float:left  margin-left:5px; margin-right:5px;}

#content2 #contright3 .last-rightmid4 {width:615px; height:260px; margin-top:10px; margin-bottom:10px; float:left  margin-left:5px; margin-right:5px; background-color:#ccc;}
	
#content2 #contright3 .last-rightmid4 h2 {margin-left:30px; margin-right:5px;}

.clearfloat {
  clear:both;	
}

#footer {background:#000; height:30px; margin:auto; text-align:center; font-size:14px; color:#fff; padding-top:20px;}
	
	
	


	
	
	





/*************************************end dive course***************************************/


	
#content_diveoperator {
	min-height:600px;
	text-align:justify;
	
    }

#content_diveoperator #contleft {
	
	float:left;
	width:360px;
	min-height:600px;
	
	
    }

#content_diveoperator #contleft #box1 {
	width:350px;
	height:188px;
    background-image:url(../image/guerilla3.jpg);
	margin-top:0px;}
	
	
#content_diveoperator #contleft #box2 {
	width:350px;
	height:135px;
	background-image:url(../image/guerilladive%20open%20water.jpg);
	margin-top:20px;
}

#content_diveoperator #contleft #box3 {
	width:350px;
	height:200px;
	background-image:url(../image/ssi3.jpg);
	margin-top:20px;
}

#content_diveoperator #contleft #box4 {
	width:350px;
	height:500px;
	background-image:url(../image/card2.jpg);
	margin-top:20px;
}

#content_diveoperator #contright { width: 615px;
min-height : 600px;
float: left;
background-color:#FFF;
margin-top:0px;
padding-left:10px;
padding-right:10px;}

#content_diveoperator #contright #righttop{
	
	height:200px;
        margin-top:30px;
	text-align:justify;}



#content_diveoperator #contright #righttop p {
	margin-top:15px;
	margin-left:5px;
	margin-right:5px;}

#content_diveoperator #contright #righttop h1 {
        font-size:28px;
	margin-top:10px;
	margin-left:53px;
	margin-right:10px;}
	
	
	
#content_diveoperator #contright .rightmid {
	width:100%;
	height:260px;
	text-align:justify;
	margin-top:10px;
	
	margin-bottom:30x;
}

#content_diveoperator #contright .rightmid h2 {
	font-size:22px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;}




#content_diveoperator #contright .rightmid img{
	margin-right:5px;
	margin-bottom:5px;
	float:left;}

#content_diveoperator #contright .rightmid p {
	margin-left:5px;
	margin-right:5px; margin-top:10px; 
	}

#content_diveoperator #contright .rightmid2 {width:615px; height:100px; margin-top:10px; margin-bottom:10px; float:left  margin-left:5px; margin-right:5px;}

#content_diveoperator #contright .rightmid3 {width:615px; height:160px; margin-top:10px; margin-bottom:10px; float:left  margin-left:5px; margin-right:5px; background-color:#ccc;}

#content_diveoperator #contright .rightmid3 h2 { margin-left:67px; margin-right:5px; }
	
/*******************************************************end dive operator*****************************************/



	
#content_divetrip {
	min-height:600px;
	text-align:justify;
	
    }

#content_divetrip #contleft {
	
	float:left;
	width:360px;
	min-height:600px;
	
	
    }

#content_divetrip #contleft #box1 {
	width:350px;
	height:188px;
    background-image:url(../image/guerilla3.jpg);
	margin-top:0px;}
	
	
#content_divetrip #contleft #box2 {
	width:350px;
	height:135px;
	background-image:url(../image/guerilladive%20open%20water.jpg);
	margin-top:20px;
}

#content_divetrip #contleft #box3 {
	width:350px;
	height:200px;
	background-image:url(../image/ssi3.jpg);
	margin-top:20px;
}

#content_divetrip #contleft #box4 {
	width:350px;
	height:500px;
	background-image:url(../image/card2.jpg);
	margin-top:20px;
}

#content_divetrip #contright { width:615px;
min-height : 600px;
float:left;
background-color:#FFF;
margin-top:0px;
padding-left:10px;
padding-right:10px;}

#content_divetrip #contright #righttop{
	
	height:170px;
        margin-top:30px;
	text-align:justify;}



#content_divetrip #contright #righttop p {
	margin-top:10px;
	margin-left:5px;
	margin-right:5px; }

#content_divetrip #contright #righttop h1 {
        font-size:28px;
	margin-top:10px;
	margin-left:75px;
	margin-right:10px;}
	
	
	
#content_divetrip #contright .rightmid{
	
	height:260px;
	text-align:justify;
	margin-top:10px;
	
	margin-bottom:30x; 
}
#content_divetrip #contright .rightmid h2{
	
	
	font-size:22px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;}



#content_divetrip #contright .rightmid img{
	margin-right:5px;
	margin-bottom:5px;
	float:left;}

#content_divetrip #contright .righmid p {
	margin-left:5px;
	margin-right:5px; margin-bottom:10px; 
	}

#content_divetrip #contright .rightmid2 {width:615px; height:100px; margin-top:10px; margin-bottom:10px; float:left  margin-left:5px; margin-right:5px;}

#content_divetrip #contright .rightmid3 {width:615px; height:260px; margin-top:10px; margin-bottom:10px; float:left  margin-left:5px; margin-right:5px; background-color:#ccc; text-align:justify;}


#content_divetrip #contright .rightmid3 h2 { margin-left:14px; margin-right:5px; }
	
/*******************************************************end dive trip*****************************************/	


	
#content_artikel {
	min-height:600px;
	text-align:justify;
	
    }

#content_artikel #contleft {
	
	float:left;
	width:360px;
	min-height:600px;
	
	
    }

#content_artikel #contleft #box1 {
	width:350px;
	height:188px;
    background-image:url(../image/guerilla3.jpg);
	margin-top:0px;}
	
	
#content_artikel #contleft #box2 {
	width:350px;
	height:135px;
	background-image:url(../image/guerilladive%20open%20water.jpg);
	margin-top:30px;
}

#content_artikel #contleft #box3 {
	width:350px;
	height:200px;
	background-image:url(../image/ssi3.jpg);
	margin-top:30px;
}

#content_artikel #contleft #box4 {
	width:350px;
	height:500px;
	background-image:url(../image/card2.jpg);
	margin-top:30px;
}
#content_artikel #contright { width: 615px;
min-height : 600px;
float: left;
background-color:#FFF;
margin-top:0px;
padding-left:10px;
padding-right:10px;}

#content_artikel #contright #righttop{
	
	height:500px;
        margin-top:40px;
	text-align:justify;
	
}

#content_artikel #contright #righttop p {
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;}

#content_artikel #contright #righttop h1 {
        font-size:28px;
	margin-top:10px;
	margin-left:5px;
	margin-right:10px;}

#content_artikel #contright #righttop a { 
        margin-left:5px;
	margin-right:5px;}
			
#content_artikel #contright .rightmid{
	
	height:590px;
	text-align:justify;
	margin-top:10px;
	
	margin-bottom:30x;
}



#content_artikel #contright .rightmid img{
	margin-right:5px;
	margin-bottom:5px;
	float:left;}
        
#content_artikel #contright .righmid p {
	margin-left:5px;
	margin-right:5px; margin-bottom:10px;
	}

#content_artikel #contright .rightmid {width:615px; height:120px; margin-top:10px; margin-bottom:10px; float:left  margin-left:5px; margin-right:5px;}

#content_artikel #contright .rightmid2 {width:615px; height:270px; margin-top:10px; margin-bottom:10px; float:left  margin-left:5px; margin-right:5px; background-color:#ccc;}

#content_artikel #contright .rightmid2 h2 { margin-left:30px; margin-right:5px; }

	
/*******************************************************end artikel*****************************************/