body{
margin-top: 0px;
text-align: center;
background-color: #333333;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
}

/**Container**/
#container{
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 962px;
}

/**Header**/
#header{
height: auto;
width: 962px;
float: left;
margin: 30px 0 10px 0;
}

#header-1{
height: auto;
width: 962px;
background-color: #FFF;
background-image: url(images/main_atas.gif);
background-repeat: no-repeat;
background-position: top center;
margin: 0px 0px 0px 0px;
float: left;
}

/**main**/

#main-atas{
height: auto;
width: 862px;
float: left;
background-color: #FFFFFF;
padding: 0 50px 0 50px;
}

#main-atas p,br{
font-family: arial;
font-style: normal;
font-size: 12px;
text-align: justify;
}

#main-atas h1{
font-family: verdana;
font-style: normal;
font-weight: bold;
font-size: 18px;
text-align: left;
}

.atas-atas{
height: auto;
width: 862px;
float: left;
background-color: #FFFFFF;
}

.atas-kiri{
height: auto;
width: 380px;
float: left;
background-color: #FFFFFF;
}

.atas-kanan{
height: 220px;
width: 480px;
background-color: #FFF;
background-image: url(images/cover-hal.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin: 0px 0px 0px 0px;
float: left;
}

#main-putih{
height: auto;
width: 862px;
float: left;
background-color: #FFFFFF;
padding: 10px 50px 10px 50px;
}

#main-putih2{
height: auto;
width: 882px;
float: left;
background-color: #FFFFFF;
padding: 10px 40px 10px 40px;
}

#main-putih p,br,td{
font-family: arial;
font-style: normal;
font-size: 12px;
text-align: justify;
}

#main-putih h1{
font-family: verdana;
font-style: normal;
font-weight: bold;
font-size: 18px;
text-align: left;
}

.main-putih-td p{
font-family: verdana;
font-style: normal;
font-weight: normal;
font-size: 10px;
text-align: left;
color: #999999;
}

#main-biru{
height: auto;
width: 862px;
float: left;
background-color: #26384a;
padding: 10px 50px 10px 50px;
}

#main-biru p,br,td{
font-family: arial;
font-style: normal;
font-size: 12px;
text-align: justify;
color: #FFFFFF;
}

#main-biru h1{
font-family: verdana;
font-style: normal;
font-weight: bold;
font-size: 18px;
text-align: left;
color: #FFFFFF;
}

#main-biru a{
color: #FFFFFF;
}

#main-biru h2{
font-family: verdana;
font-style: normal;
font-weight: bold;
font-size: 14px;
text-align: justify;
color: #FFFFFF;
}

#main-biru h3{
font-family: verdana;
font-style: normal;
font-weight: bold;
font-size: 22px;
text-align: left;
color: #FFFFFF;
}

///////////////////form contact//////////
#contact p{
font-family: arial;
font-style: normal;
font-size: 12px;
text-align: right;
font-color: #000000;
}

/////////EXTRA DVD/////////////

.extra-bawah{
height: auto;
width: 862px;
float: left;
}

.extra-kiri{
height: 282px;
width: 400px;
float: left;
}

.extra-kanan{
height: 282px;
width: 460px;
background-image: url(images/dvd-extra2.jpg);
background-repeat: no-repeat;
background-position: left;
margin: 0px 0px 0px 0px;
float: right;
}

////////**Footer**//////////
#footer-1{
background-color: #FFF;
height: 13px;
width: 962px;
float:left;
}

#footer{
height: auto;
width: 962px;
float: left;
margin: 10px 0 30px 0;
}

#footer p{
font-family: verdana;
font-style: normal;
font-weight: normal;
font-size: 10px;
text-align: center;
color: #666666;
}

//////////////img order/////////////////////
#img-center{
background-image: url(images/sms-alert.jpg.jpg);
background-repeat: no-repeat;
background-position: center;
text-align: center;
height: auto;
width: 862px;
float: left;
}


a.photoboximg img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
-khtml-opacity: 0.3;
border: 5px solid #D7D7D7;
margin: 5px 5px 5px 5px;
}

a.photoboximg:hover img   {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; 
}

/* form */

#form2{
margin:1em 0;
color:#26384A;
}

	#form2 p{
		font-family: verdana;
		font-weight: bold;
		font-size: 14px;
		text-align: right;
		}	
	#form2 h3{
		margin:0;
		background:#57a700;		
		color:#fff;
		font-size:20px;
		border:1px solid #57a700;
		border-bottom:none;
		}		
			
	#form2 fieldset{
		margin:0;
		padding:0;
		border:none;	
		border-top:3px solid #000;
		background:#000;		
		padding-bottom:1em;
		}		
	#form2 legend{display:none;}	
	#form2 label{display:block;}	
	#form2 input, #form2 textarea{		
		width:272px;
		border:2px solid #CCC;
		background:#1F2D3A;
		padding:5px 3px;
		color:#fff;
		}		
	#form2 textarea{
		height:125px;
		overflow:auto;
		}					
	#form2 p.submit{
		text-align:left;
		}	
	#form2 button{
		padding:0 20px;
		height:32px;
		line-height:32px;		
		border:2px solid #CCC;
		background:#1F2D3A;
		color:#fff;
		cursor:pointer;		
		text-align:center;
		font-weight: bold;	
		}
		
////////MENU//////////

#pointermenu2{
margin: 0;
padding: 0;
}

#pointermenu2 ul{
margin: 0;
margin-right: 20px;
float: right;
padding-left: 8px;
font: bold 13px Verdana;
background: #27384a url(images/leftround2.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{
display: inline;
}


#pointermenu2 ul li a{
float: left;
color: white;
font-weight: bold;
padding: 7px 9px 7px 5px;
text-decoration: none;
}

#pointermenu2 ul li a:visited{
color: white;
}


#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: #ccffff;
background: transparent url(images/pointer.gif) bottom center no-repeat;
}

#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url(images/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
}