body{
margin:0px;
	font-size:11px;
	font-family: verdana;
	color:#333;
	background:#333 url(images/bg.jpg) top center repeat-y;
}

	/*--- container ---*/
	#container{
		margin:0px auto;
		width:780px;
	}
	
	#header{
		width:780px;
		height:209px;
		z-index:0;
		background:url(images/menu.jpg) no-repeat;
	}
	
	#header .menu1{
		display:block;
		margin:0px auto;
		width:300px;
		text-align:center;
	}
	
	a.litem{
		float:left;
		padding:15px 0;
		text-decoration:none;
		color:#333
	}
	a.litem:hover{
		color:#f33;
	}
	
	#header .menu2{
		display:block;
		margin:0px auto;
		width:100%;
		_height:165px;
		text-align:center;
		
	}
	
	a.litemx{
		position:absolute;
		display:block;
		padding:10px 0 0 0;
		width:80px;
		height:30px;
		font-weight:bold;
		text-decoration:none; 
		color:#ddd;
	}
	a.litemx:hover{
		color:#eee;
		background:#CBA02F;
	}
	
	#cont_top{
		width:780px;
		height:209px;
		color:#F2FFFF;
		font-size:10px;
		background:url(images/cont_top_bg.jpg) repeat-x;
	}
	#cont_mid{
		float:left;
		width:780px;

		background:url(images/cont_mid_bg.jpg) repeat-y;
	}
	
	#cont_bot{
	float:left;
		width:780px;
		height:37px;
		background:url(images/cont_bot_bg.jpg) repeat-x;
	}
	/*--- #nonhome ---*/
	#nonhome{
		width:780px;
		height:35px;
		color:#F2FFFF;
		font-size:10px;
		background:url(images/cont_top_bg.jpg) repeat-x;
		
	}
	
	
	/*--- #cont_top ---*/
	#cont_top .img{
	 	float:left;
	 	margin:10px 0 0 0;
		width:140px;
		height:100px;
		
	}
	#cont_top .data{
		float:left;
		margin:10px 0 0 0;
		width:140px;
	}
	
	#cont_top span{
	 	color:#EFCE31;
	}
	
	#cont_top .left{
		float:left;
		width:285px;
		height:212px;
		background:url(images/cont_top_left_bg.jpg) 0px 144px no-repeat;

	}
	
	#cont_top .center{
		float:left;
		width:160px;
		_width:160px;
		margin:0px;
		padding:65px 20px 0 30px;
		_padding:65px 20px 0 30px;
		height:127px;
		text-align:left;
		background:url(images/domain_bg.jpg) -1px 13px no-repeat ;

	}
	
	#cont_top .right{
		float:left;
		margin:-20px 0 0 0;
		width:283px;
		height:200px;
		background:url(images/cont_top_right_bg.jpg) -15px 144px no-repeat;
	}
	#cont_top .right .img{
		float:left;
	 	margin:10px 0 0 0;
		width:120px;
		height:100px;
	}
	#cont_top .right .data{
		float:left;
		margin:10px 0 0 0;
		width:150px;
	}
	
	/*--- #cont_mid ---*/
	#cont_mid span{
	
	}
	
	#cont_mid .left{
		float:left;
		padding:10px 25px 10px 10px;
		width:263px;
		color:#eee;
		text-align:justify;
	}
	
		/*--- #cont_mid left---*/
		#cont_mid .left .top{
			padding:15px 35px 15px 15px;
			width:248px;
			color:#9CDDFF;			
			/*background:#3b5796;*/
			background:url(images/cont_mid_left_top_bg.jpg) repeat-y;
			
		}
		#cont_mid .left .bot{
			padding:0px;
			color:#e3faff;

		}
		#cont_mid .left a{
			color:#c30;
		}
		#cont_mid .left a:hover{
			color:#f00;
		}
		
		
		#cont_mid .left .bot h3{
			padding:5px;
			background:#0F376A;
		}
		
		#cont_mid .left .bot hr{
			size:10px;
			background:#0F376A;
		}
		
	#cont_mid .center{
		float:left;
		padding:10px 15px 10px 10px;
		width:170px;
		
		
	}
	
	#cont_mid .right{
		float:left;
		padding:5px 0px 0px 5px;
		width:250px;
		text-align:justify;
	}
	
	#cont_mid .center h2{
		font-size:16px;
		color:#333;
		border-bottom:1px solid #666;
	}
	#cont_mid .center h3{
		font-size:14px;
	}
	#cont_mid .center a{
		color:#c30;
		text-decoration:none;
	}
	#cont_mid .center a:hover{
		color:#f00;
	}
	#cont_mid .right span{
		color:#666;
	}
	
	
	#cont_mid .right .portfolio{
		padding:15px 25px 0px 25px;
		text-align:center;
		float:left;
		width:220px;
		height:550px;
		/*background:#ddd;*/
		background:#eee;
		overflow:auto;
	}
	#cont_mid .right p{
		text-align:right;
	}
	#cont_mid .right p a{
		color:#eee;
	}
	#cont_mid .right p a:hover{
		color:#efbe23;
	}
#footer{
	float:left;
	font-size:10px;
	padding:0px 0px 20px 0px;
	width:100%;
}

#footer a{
	color:#3B5796;
	text-decoration:none;
}

#footer a:hover{
	color:#4291AF;
}

#copyright{
	margin:auto;
	padding:10px;
	width:450px;
	text-align:center;
	background:#eee;
	border:1px solid #ccc;
}	

/*--- form  ---*/
.button_domain{
	width:88px;
	height:22px;
	font-size:10px;
	color:#666;
	background:url(images/domain_btn.jpg) no-repeat;
	border:0px solid #fff;
}
.button_domain:hover{
	color:#fd010d;
	font-weight:bold;
}

.button_add_order{
	width:120px;
	height:22px;
	font-size:10px;
	color:#999;
	background:#eee url(images/add2cart.jpg) no-repeat;
	border:1px solid #4291AF;
}
.button_add_order:hover{
	color:#eee;
	background:#f90 url(images/add2cart.jpg) top right no-repeat;
	border:1px solid #4291AF;
}

.button_del_order{
	width:120px;
	height:22px;
	padding:0 5px 0 25px;
	font-size:10px;
	color:#bb2a06;
	/*background:url(images/delitem.jpg) 10px 0 no-repeat;*/
	text-decoration:none;
}
.button_del_order:hover{
	color:#eee;
	padding:0 5px 0 15px;
	background:url(images/delitem.jpg) top center no-repeat;

}

.button_sel_paket{
	width:120px;
	height:22px;
	font-size:10px;
	color:#666;
	background:#ccc url(images/slctpaket.jpg) no-repeat;
	border:1px solid #4291AF;
}
.button_sel_paket:hover{
	color:#4291AF;
	background:#f90 url(images/slctpaket.jpg) top right no-repeat;
	border:1px solid #4291AF;
}

.button_order{
	width:120px;
	height:22px;
	font-size:10px;
	color:#666;
	background:#ccc url(images/ordercart.jpg) no-repeat;
	border:1px solid #4291AF;
}

.button_order:hover{
	color:#4291AF;
	background:#f90 url(images/ordercart.jpg) top right no-repeat;
	border:1px solid #4291AF;
}

.button_empty{
	width:120px;
	height:22px;
	font-size:10px;
	color:#666;
	background:#ccc url(images/emptycart.jpg) no-repeat;
	border:1px solid #4291AF;
}

.button_empty:hover{
	color:#4291AF;
	background:#f90 url(images/emptycart.jpg) top right no-repeat;
	border:1px solid #4291AF;
}

.button_send{
	width:120px;
	height:22px;
	font-size:10px;
	color:#666;
	background:#ccc url(images/sendcart.jpg) no-repeat;
	border:1px solid #4291AF;
}

.button_send:hover{
	color:#4291AF;
	background:#f90 url(images/sendcart.jpg) top right no-repeat;
	border:1px solid #4291AF;
}

.button_finish{
	width:120px;
	height:22px;
	font-size:10px;
	color:#666;
	background:#ccc url(images/finishcart.jpg) no-repeat;
	border:1px solid #4291AF;
}

.button_finish:hover{
	color:#4291AF;
	background:#f90 url(images/finishcart.jpg) top right no-repeat;
	border:1px solid #4291AF;
}

/*--- #cont_top .center ---*/
	#cont_top .center a{
		text-decoration:none;
		color:#fff;
	}
	#cont_top .center a:hover{
		color:#E9C322;
	}
	
/*modul :porfolio for image*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail img{
	margin: 0;
	border:1px solid #999;
}

.thumbnail:focus{
	background-color: transparent;
}

.thumbnail:focus img{
	border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background: #eee;
	padding: 5px;
	top:350px;
	left: 130px;
	width:460px;
	border: 1px solid #ccc;
	visibility: hidden;
	color: black;
	text-align:left;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border: 1px solid #f00;
	padding: 2px;
}

.thumbnail:focus span{ /*CSS for enlarged image*/
	visibility: visible;
	padding:10px;
	z-index: 50;
}

.thumbnail a{
	color:#999;
	border:1px solid #666;
}

h3 a{
	color:#eee;
}

h3 a:visited{
	color:#eee;
}

.datarow{
	font-size:11px;
	font-family:arial;
	text-align:justify;
	margin:0 0 10px 0;
}

.datarow span{
	border:0;
	margin:0;
}

.datarow a{
	font-weight:normal;
	color:#c30;
}

.datarow a:hover{
	color:#f00;
}

/*--- learning ---*/
#learning {

}

#learning span{
	
}

#learning a{
	padding:5px 0 5px 25px;
	font-size:10px;
	color:#E9C322;
	text-decoration:none;
}

#learning a h3{
	margin:0;
	padding:5px 0 5px 5px;
}

#learning h3{
	margin:0;
	font-size:12px;
	padding:2px 0 2px 10px;
}

#learning a:hover{
	color:#eee;
}

/*--- second_page ---*/
#second_page {
	width:100%;
	_width:760px;
	color:#ddd;
	
}

#second_page .dataimg{
	float:left;
	margin: 20px 40px 20px 20px;
	_margin: 20px 40px 20px 10px;
	width:240px;
	_border:1px solid #f00;
}
#second_page .dataimg .thumbnail{
	float:left;
	margin: 0px 0px 10px 0px;
	border:2px solid #ccc;
}

#second_page .dataimg .thumbnail:hover{
	border:2px solid #1D7A9B;
}

#second_page .datarow{
	float:left;
	margin: 20px 40px 20px 20px;
	_margin: 20px 10px 20px 10px;
	width:420px;
}

/*--- second_page2 ---*/
#second_page2 {
	display:block;
	width:100%;
	
	color:#ddd;
	
}

#second_page2 .dataimg{
	float:left;
	margin: 10px 0px 20px 10px;
	_margin: 10px 0px 20px 10px;
	width:440px;
	
}

#second_page2 .dataimg img{
	border:0px solid #eee;
}
#second_page2 .dataimg span{
	position:absolute;
	top:270px;
	left:120px;
	width:310px;
}

#second_page2 .dataimg span img{
	border:1px solid #666;
}

#second_page2 .dataimg a.thumbnail{
	float:left;
	margin: 0px 10px 10px 0px;
	border:2px solid #eee;
}

#second_page2 .dataimg a.thumbnail:hover{
	border:2px solid #1D7A9B;
}

#second_page2 .datarow{
	margin: 0px 0px 0px 20px;
}

#second_page2 .datarow h1{
	border-bottom:1px solid #eee;
	font-size:18px;
}
#second_page2 .datarow a{
	color:#eee;
}

/*---member---*/
#second_page2 .text{
	width:300px;
	background:#eee;
	border:1px solid #666;
}

#second_page2 .textarea{
	width:300px;
	height:50px;
	background:#eee;
	border:1px solid #666;
}
#second_page2 .select{
	background:#eee;
	border:1px solid #666;
}

#second_page2 .radio{
	background:#eee;
	border:1px solid #666;
}

/*--- navigate ---*/
.nav{
margin:0 auto;
text-align:center;
}
.nav img{
	border:0px solid #999;
}
.nav a{
	color:#eee;
	text-decoration:none;
}
.nav a:hover{
	color:#F3BB06;
	text-decoration:overline;
}

/*--- boxmid ---*/
#boxmid {
	margin:0 0 10px 0;
	padding: 10px 5px 10px 5px;
	background:#2C719A;
	border:1px solid #ddd;
}

#boxmid h3{
	margin:0;	
	padding:0;
	color:#eee;
	font-family:arial;
	border-bottom:1px solid #eee;
}

/*--- boxmid2 ---*/
.boxmid2 {
	margin:0 0 10px 0;
	padding: 10px 5px 10px 5px;
	background:#2C719A;
	border:1px solid #ddd;
}

.boxmid2 h3{
	margin:0 0 5px 0;
	padding:0 0 0 0;
	color:#eee;
	font-family:arial;
	border-bottom:1px solid #eee;
}

#order {
	color:#eee;
}

.ele_host{
	border: 1px solid #ccc; 
	margin: 3px; 
	padding: 1px; 
	background: #69f; 
	font-size: 8px; 
	color: #eee; 
}

input.ele_host:hover{
	background: #f30;
	color: #eee; 
}

.ele_slct{
	border: 1px solid #ccc; 
	margin: 0px; 
	padding: 1px; 
	background: #eee; 
	font-size: 9px; 
	color: #666; 
}

.ele_txt{
	border: 1px solid #ccc; 
	margin: 0px; 
	padding: 1px; 
	background: #eee; 
	font-size: 9px; 
	color: #666; 
}

ul li {
display:block;
margin:0 10px 0 0;
 padding:3px 5px 3px 0;
 border-bottom:1px solid #999;
}

ul li:hover {
 background:#047;
}

ul li a{
 color : #eee;
 text-decoration:none;
}