/* LAST UPDATED 12.19.08 */
body,h1,h2,h3,h4,h5,h6,p,blockquote,form,ol,ul,li,dl,dt,dd,table,fieldset,legend,abbr,acronym,blockquote { margin:0; padding:0; border:none; list-style:none; }
img { border: none; }

body {
	background:#000000 url('/images/site/intro/intro_bg.jpg') center top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000;
}
a, a:visited { cursor:pointer; }

#wrap {
	margin:0 auto;
	width:888px;
	text-align:center;
	
}

h1 { 
	position:relative;
	width:444px; height:295px;
	margin:30px auto;
	background:url(/images/site/intro/intro_sutasi-logo.png) no-repeat;
}
h1 a { 
	position:relative; top:62px; left:30px;
	display:block;
	width:384px; height:165px;
	overflow:hidden; text-indent:-2000px;
}

ul#nav { position:relative; height:92px; }

/* LEVEL ONE */

ul#nav li { position:relative; width:138px; height:92px; display:block; float:left; margin-right:12px; }
ul#nav li.last { margin-right:0; }
ul#nav li a { 
	position:relative; top:20px; left:22px;
	display:block; float:left;
	width:86px; height:52px;
	z-index: 99999;
}

	ul#nav li#sutasi, ul#nav li#finalists, ul#nav li#competition, ul#nav li#eugenes, ul#nav li#vip, ul#nav li#community {
		z-index:999;
		text-indent:-4440px;
	}

	ul#nav li#sutasi { background: url('/images/site/intro/intro_nav-sutasi.png') no-repeat; }
	ul#nav li#finalists { background: url('/images/site/intro/intro_nav-finalists.png') no-repeat; }
	ul#nav li#competition { background: url('/images/site/intro/intro_nav-competition.png') no-repeat; }
	ul#nav li#eugenes { background: url('/images/site/intro/intro_nav-eugenes.png') no-repeat; }
	ul#nav li#vip { background: url('/images/site/intro/intro_nav-vip.png') no-repeat; }
	ul#nav li#community { background: url('/images/site/intro/intro_nav-community.png') no-repeat; }

	
/* LEVEL TWO */
ul#nav ul {
	z-index:999; display:none;
	cursor:pointer; 
	position:absolute; top:0; left:0;
	width:130px; height:218px;
	padding-top:102px;
	background:transparent url('/images/site/intro/intro_bg-dropdown.png') 0 62px no-repeat;
}
	ul#nav li ul li {  width:130px; height:28px; display:block; float:none; margin:0 0 10px 0; }
	ul#nav li ul li a {
		top:0; left:0;
		display:block; float:none; overflow:hidden;
		width:130px; height:28px;
		text-align:left; text-indent:15px; text-transform:uppercase; text-decoration:none;
		font-weight:700; color:#000; line-height:28px;
		background:url('/images/site/intro/intro_nav-a.png') top left no-repeat;
	}

	ul#nav li ul li a.small { text-transform:none; }

	ul#nav li ul li a:hover {
		color:#fff;
		background-position:bottom left;
	}
#footer {
	position: absolute;
	top: 824px;
	left: 0;
	padding-top: 20px;
	width: 100%;
	height: 67px;
	text-align: center;
	color: #666;
	background: url('/images/site/intro/intro_bg-footer.gif') top repeat-x;
}

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

	#footer a:hover { text-decoration: underline; }

	#login { color: #752828; }

	#login a {
		color: #fff;
		text-decoration: none;
	}

	#login a:hover { text-decoration: underline; }