@media screen, projection {
* { padding:0; margin:0; }
fieldset, img { border:0; }
label, a { cursor:pointer; }
body, textarea, input, table, select { font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

#all {position: relative; width: 1024px;  }

#head {position: relative; width: 1024px;height: 150px; border-bottom: 1px #e1e1e1 solid; overflow: hidden;}
			#head #logo { width: 144px; height: 141px; background: url('img/logo.png') center center no-repeat; position: absolute; top: 20px; left: 20px;}
			#head #palak { width: 1px; height: 25px; background: #e1e1e1; position: absolute; left: 170px; top: 125px;}
			#head #napis { position: absolute; top: 130px; left: 520px;width: 500px; height: 30px; color:#000000; font-size: 1em; font-weight: bold; text-align: right;}
#middle {position: relative; width: 1024px; }
				#middle #menu  {float: left; width: 	160px; border-right: 1px #e1e1e1 solid; text-align: right; padding-right: 10px; padding-top: 15px; font-size: 0.9em; color: #666666; }
				#middle table {font-size: 0.9em; color: #666666; text-align: left;}
				#middle #menu ul {list-style: none;}
				#middle #menu li { padding-top: 2px; }
				#middle #menu li a {text-decoration: none; color: #666666;}
				#middle #menu li a:hover {text-decoration: none; color: #666666; font-weight: bold;}
				
				#middle #content { float: left; width: 841px; padding-bottom: 20px;border-left: 1px #e1e1e1 solid; margin-left: -1px; padding-top: 10px; padding-left: 10px;}
				#middle #content1 { float: left; font-size: 0.9em; color: #666666; text-align: left;}
#foot {position: relative; width: 1019px; text-align: right; background: url('img/foot_bg.png') top right no-repeat; padding-top: 10px; padding-right: 5px; color: #666666; font-size: 0.9em;}
#foot a { color: #666666; font-size: 0.9em; text-decoration: none;}
#foot a:hover { color: #666666; font-size: 0.9em; text-decoration: none;}
#content a { color: #666666; text-decoration: none;}
#content a:hover { text-decoration: underline; }

}