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

body{
background: url(images/bg_page.jpg) repeat-x #032e4e;
position:static;
margin:0;
padding:20px 0 0 0;
font-family:'Verdana',Arial, Helvetica, sans-serif;
font-size:12px;
}

#container{
width:970px;
margin:0 auto;
padding:8px;
background:#FFFFFF;
}

#header{
width:969px;
height:114px;
margin:0;
background:url(images/bg_header.jpg) repeat-x;
padding:0;
}

#logo{
width:227px;
height:114px;
padding-top:3px;
float:left;
margin:0;
}


/*---------- Navigation ----------*/
#nav{
height:32px;
background:url(images/bg_nav.jpg);
float:right;
width:969px;
}

#nav li {
	float:left;
	height:32px;
	list-style-type:none;
	padding: 0px;
	margin: 0;
	overflow: hidden;
	border-left:1px solid #262626;
	
}
#nav ul {
	list-style-type: none;
	margin: 0px;
	line-height: normal;
	padding: 0;
	padding-left:10px;

}


#nav a {
	display:block;
	text-decoration:none;
	color: #b5b5b5;
	text-transform: uppercase;
	font-size: 10px;
	padding-left:3px;
	padding-top:8px;
	padding-right:6px;
	border-right:1px solid #494949;

}

#nav a:link,
#nav a:visited {
	color: #b5b5b5; 
	
}

#nav a:hover {
	background-color: #1F1F1F;
	color:#FFCC00;

}

#nav a.current {

	background-color: #1F1F1F;
	color:#FFCC00;
}


#mainpic{
width:969px;
height:326px;
margin:0;
padding:0;
background:url(images/equipment-img.jpg) left;
}
#mainlesson{
width:969px;
height:326px;
margin:0;
padding:0;
background:url(images/main.jpg) left;
}

#mainpic-about{
width:969px;
height:326px;
margin:0;
padding:0;
background:url(images/about-img.jpg) right;
}

#mainpic-equipment{
width:969px;
height:456px;
margin:0;
padding:0;
background:url(images/main_pic.jpg) right;
}

#sidebar-grey{
width:277px;
height:326px;
margin:0;
padding:0;
background-color: #000;
filter:alpha(opacity=50); /* IE's opacity*/
opacity: 0.50;
color:#FFFFFF;	
-moz-opacity:0.5;
	-khtml-opacity: 0.5;

}

#sidebar-grey .info{
height:351px;
width:257px;
margin:0;
padding:10px 10px 0 10px;
display:block;


}

#sidebar-grey .info h1{
color:#ffbf23;
font-size:24px;
font-weight:bold;

}

#pathway{
display:block;
font-size:16px;
color:#333333;
font-weight:bold;
height:20px;
margin:10px 0 10px 0;
clear:both;
border-bottom: 1px solid #cccccc;
float:right;
text-transform:uppercase;
}

#pathway a{
color:#C40306;
text-decoration:none;
}
#pathway a:hover{
color:#CC0000;
text-decoration:underline;
}

#sidebar-left{
width:284px;
margin:10px 0;
padding:0;
float:left;
background-color:#efefef;
}

#right-content{
width:655px;
margin:10px 0;
padding-left:0;
float:right;
letter-spacing:1px;
color:#333333;
font-size:12px;
line-height:20px;
}

#footer-blue{
background:#022038;
height:130px;
padding:0;
margin:0;
}

#footer-white{
width:970px;
margin:0 auto;
padding:8px;
background:#FFFFFF;
height:20px;
}
#footer-copywrite{
width:970px;
margin:0 auto;
padding:8px;
height:20px;
}
#footer-copywrite .copy{
display:block;
float:left;
color:#FFFFFF;
width:500px;
}

#footer-copywrite .copy a{
color:#29baf3;
text-decoration:none;
}


#footer-copywrite .copy a:hover{
color:#29baf3;
text-decoration:underline;
}

#footer-copywrite .logo{
display:block;
float:right;
width:347px;
}

.blue{
color:#29baf3;
}

.red{
color:#FF0000;
}

h1{color:#000;
}

/*lessons bg*/
#bg-topbook{
		background-image:url('module/images/bg-topbook.gif'); background-repeat:repeat-x; height:35px;
}

#bg-top{
		background-image:url('images/bg-p-top.gif'); background-repeat:no-repeat; height:24px; width:300px;
}
#bg-tengah{
		background-image:url('images/bg-p-tengah.gif'); background-repeat:repeat-y; width:300px;
}
#bg-bawah{
		background-image:url('images/bg-p-bawah.gif'); background-repeat:no-repeat; height:20px; width:300px;}

/*end lessons bg*/
#img-overflow{ overflow:hidden; height:150px; width:270px; border:none;}

#img-overflow-cart{ overflow:hidden; height:65px; width:75px; border:none; padding:5px;}

#big-img{ overflow:hidden; height:175px; width:225px; border:none;}

.judulpage{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ca0004; font-size:1.5em; font-weight:bold; text-align:left; line-height:20px; padding-left:15px}

.paypal{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:1.0em; font-weight:bold; text-align:center;}

.judul{ font-family:'Verdana', Arial, Helvetica, sans-serif; color:#313131; font-size:1.2em; font-weight:bold; text-align:left; line-height:20px; padding-left:15px
	}

.judul a:link{ 
color:#ca0004; text-decoration:none;
	}
.judul a:hover{ 
color:#ff003c; text-decoration:none;
	}
.judul a:visited{ 
 text-decoration:none;
	}
.judul a:active{ 
 text-decoration:none;
	}
.holiday{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; font-size:15px; font-weight:normal; text-align:center; line-height:20px; font-weight:bold;}

.blackVerdana12{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; color:#515050; font-size:12px; font-weight:normal; text-align:left; line-height:20px; padding-left:15px; padding-right:15px;}

.namahotel{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; color:#515050; font-size:14px; font-weight:bold; text-align:center; line-height:20px; padding-left:15px; padding-right:15px;}

.rateshotel{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:bold; text-align:center; line-height:20px; padding-left:15px; padding-right:15px;}


.blackVerdana13{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:1.1em; font-weight:bold; text-align:left; line-height:20px; padding-left:15px; padding-right:15px;
	}

.blackVerdana{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; color:#464646; font-size:1.1em; font-weight:normal; text-align:left; line-height:25px; padding-left:15px; padding-right:15px;
	}
.lessoncat{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; color:#464646; font-size:11px; font-weight:normal; text-align:left; line-height:25px;
	}

.Verdana12{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; color:#464646; font-size:1.0em; font-weight:normal; text-align:left; line-height:25px; padding-left:15px; padding-right:15px;
	}


.viewdetailink{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:1.0em; font-weight:bold; text-align:left; line-height:20px; padding-left:15px;
	}

.viewdetailink a:link{ 
color:#000; text-decoration:none;
	}
.viewdetailink a:hover{ 
color:#000; text-decoration:none;
	}
.viewdetailink a:active{ 
color:#000; text-decoration:none;
	}
.viewdetailink a:visited{ 
color:#000; text-decoration:none;
	}

.agree{ 
		font-family:Arial, Helvetica, sans-serif; 
		color:#000; 
		font-size:11px; 
		font-weight:normal; 
		text-align:left; 
		line-height:20px; 
		padding-left:15px;
	}

.agree a:link{	color:#0030ff; 
				text-decoration:none;
				}
.agree a:hover{	color:#000; 
				text-decoration:none;
				}
.agree a:active{	color:#0030ff; 
					text-decoration:none;
					}
.agree a:visited{	color:#0030ff; 
					text-decoration:none;
				}

.harga{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; color:#ff0c00; font-size:12px; font-weight:bold; text-align:left; padding-left:15px; line-height:20px;
	}

.hargadet{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; color:#ff0c00; font-size:1.0em; font-weight:bold; text-align:left; padding-left:5px; line-height:20px;
	}
	
input{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; border-top:2px solid #9d9d9d; border-left:2px  solid #9d9d9d; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; padding:4px; }

select{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; border-top:1px solid #9d9d9d; border-left:1px  solid #9d9d9d; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; padding:4px;}

.button{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:15px; background:#000000; color:#FFFFFF; cursor:pointer}
.selectaktif{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; font-weight:bold; border-top:2px solid #9d9d9d; border-left:2px  solid #9d9d9d; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; padding:4px;}

textarea{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; border-top:2px solid #9d9d9d; border-left:2px  solid #9d9d9d; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; padding:4px;}

.surflesson2{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ff0054; font-size:11px; font-weight:bold; text-align:left; line-height:15px;}

.surflesson{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#003cff; font-size:1.0em; font-weight:bold; text-align:left; line-height:20px; padding-left:5px;}

.surflesson a:link{ color:#000; text-decoration:none;
	}
.surflesson a:hover{ color:#000; text-decoration:none;
	}
.surflesson a:active{ color:#000; text-decoration:none;
	}
.surflesson a:visited{ color:#000; text-decoration:none;
	}
#bg-s{ background-image:url('images/bg-s.gif'); background-repeat:repeat-x; height:55px;}

/*table*/
table.stats 
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 100%;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td 
{background-color: #e2e2e2;
color: #000;
padding: 4px;
text-align: center;
border:1px solid #7d7d7d}

table.stats td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 1px #777777 solid;
font-size: 12px;
font-weight: bold;
}
table.stats td.hed2
{background-color: #ababab;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 1px #fff solid;
font-size: 12px;
font-weight: bold;
}


table.pack 
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 90%;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.noting 
{text-align: justify;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 12px;
color: #000000;
width: 92%;
background-color: #ffeddd;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.pack td 
{background-color: #ffde98;
color: #000;
padding: 4px;
text-align: center;
border:1px solid #7d7d7d}

table.pack td.hedpack
{background-color: #b4681e;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 1px #777777 solid;
font-size: 12px;
font-weight: bold;
}
table.pack td.hed2
{background-color: #703802;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 1px #fff solid;
font-size: 12px;
font-weight: bold;
}
table.pack td.merah{ font-family:Arial, Helvetica, sans-serif; color:#FF0000;}

/*addtional*/
/*-------MAIN CONTENT--------*/
#left_content .list{
	border-bottom:1px solid #F4F4F4;
	line-height:14px;
	margin:0 0 20px 0;
	padding:0 0 6px 0;
	width:100%;
	float:left;
}
#left_content .list h5, #left_content .list p{
	margin:0;
	padding:0 0 8px 0;
}
#left_content .list .img_frame{
	float:left;
	background:url(../images/bg-listing-pic.jpg) no-repeat;
	height:102px;
	padding:6px 0 0 6px;
	margin:0 8px 0 0;
	width:173px;
}
.imgleft{
	float:left;
	padding:7px;
	background:#FFFFFF;
	border:1px solid #eeeeee;
	margin:0 18px 4px 0;
}
a:hover .imgleft{
	background:#ebebeb;
	border:1px solid #ebebeb;
}
.align_left{
	float:left;
}

.read_more{
	width:87px;
	height:22px;
	color:#000;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	line-height:22px;
}
.read_more a{
	color:#333;
	text-decoration:none;
}
.read_more a:hover{
	color:#000;
}

.listing_shadow{
	width:135px;
	padding:0 0 0 10px;
	margin:0 5px 4px 0;
	float:right;
}
.listing_shadow img{
	float:right;
	padding:7px;
	background:#FFFFFF;
	border:1px solid #f0f0f0;
}
.listing_shadow a:hover img{
	background:#ebebeb;
	border:1px solid #ebebeb;
}

/*end*/