/* Global */
body, html {
	background:#111;
	margin:0; padding:0;
	color:#eee;
	font-family:'Lucida Sans Unicode','Lucida Grande',Tahoma,Verdana,sans-serif;
	font-size:8pt;
	height:100%;
	}
h1 {
	margin:0; padding:0;
	}
h2 {
	font-size:1.2em;
	font-weight:normal;
	margin:0 0 15px;
	color:#fff;
	}
a, a img {
	border:none;
	text-decoration:none;
	}
a {
	color:#fc0;
	}
a:hover {
	color:#fc3;
	}
ul, li { 
	margin:0; 
	padding:0;
	}

/* Struktur */
#content-container {
	width:960px;
	margin:0 auto;
	}

/* Header */
#header {
	height:100px;
	position:relative;
	}
#logo {
	float:left;
	position:absolute;
	top:14px;
	}
#logo h1 a {
	display:block;
	width:240px;
	height:73px;
	text-indent:-1000px;
	overflow:hidden;
	background:url(images/logo-small.gif) no-repeat left top;
	}

/* Navigasi */
.main-nav {
	float:right;
	margin-top:50px;
	}
.main-nav ul li {
	display:inline;
	list-style-type:none;
	}
.main-nav ul li a {
	display:block;
	float:left;
	height:13px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-left:15px;
	}
.main-nav ul li a.bindanaku {
	background:url(images/bindanaku.gif) 0 22px;
	width:89px;
	}
.main-nav ul li a.undangan {
	background:url(images/undangan.gif) 0 22px;
	width:86px;
	}
.main-nav ul li a.galeri {
	background:url(images/galeri.gif) 0 22px;
	width:51px;
	}
.main-nav ul li a.buku-tamu {
	background:url(images/buku-tamu.gif) 0 22px;
	width:86px;
	}
.main-nav ul li a.bindanaku:hover, .main-nav ul li.active a.bindanaku { 
	background:url(images/bindanaku.gif) 0 57px;
	}
.main-nav ul li a.undangan:hover, .main-nav ul li.active a.undangan { 
	background:url(images/undangan.gif) 0 57px;
	}
.main-nav ul li a.galeri:hover, .main-nav ul li.active a.galeri { 
	background:url(images/galeri.gif) 0 57px;
	}
.main-nav ul li a.buku-tamu:hover, .main-nav ul li.active a.buku-tamu { 
	background:url(images/buku-tamu.gif) 0 57px;
	}

/* Content */
#content {
	clear:both;
	color:#ccc;
	}
#content p {
	line-height:1.7em;
	margin-bottom:20px;
	}
#content p.emph {
	font-size:1.2em;
	font-weight:normal;
	color:#fff;
	}
.left-content {
	width:465px;
	height:474px;
	min-height:474px;
	float:left;
	border-right:1px solid #222;
	position:relative;
	}
.left-content img.bg-left {
	float:right;
	}
#content .main { background:url(images/d03.jpg) no-repeat right 10px; }
#content .bindanaku { background:url(images/d01.jpg) no-repeat right 5px; }
#content .undangan { background:url(images/p10.jpg) no-repeat 170px 140px; }
#content .galeri { background:url(images/d04.jpg) no-repeat right 10px; }
#content .buku-tamu { background:url(images/d02.jpg) no-repeat right 160px; }
#content .kontak { background:url(images/d03.jpg) no-repeat right 10px; }
.right-content {
	width:435px;
	float:left;
	padding-left:20px;
	border-left:1px solid #222;
	margin-left:-1px;
	}


/* Footer */
#footer {
	width:960px;
	margin:0 auto;
	float:none;
	clear:both;
	border-top:1px solid #222;
	padding:9px 0;
	}
.notice {
	float:left;
	padding-bottom:9px;
	}
.metalinks {
	float:right;
	}
.metalinks ul li {
	list-style-type:none;
	display:inline;
	margin-left:5px;
	color:#fff;
	}
.metalinks a {
	color:#555;
	}
.metalinks a:hover {
	color:#fff;
	}


.floater {
	float:right;
	margin:330px 20px 20px 0;
	width:410px;
	}
.floater ul { 
	line-height:1.5em;
	}
.floater li { 
	margin-bottom:0.3em;
	}

ul.galeri-kat {
	list-style-type:none;
	}
ul.galeri-kat li {
	position:relative;
	display:block;
	width:90px !important;
	height:140px !important;
	float:left;
	margin:0 14px 18px 0;
	text-align:center;
	}
.galeri-kat img {
	border:1px solid #333;
	padding:1px;
	width:80px;
	height:107px;
	}
.galeri-kat li a {
	position:relative;
	}

form#mailform input, form#mailform textarea {
	font-family:'Lucida Sans Unicode','Lucida Grande',Tahoma,Verdana,sans-serif;
	font-size:8pt;
}	
form#mailform input {
	width:200px;
}	
form#mailform input#submit {
	width:auto;
}	
form#mailform dt {
	float:left;
	clear:left;
}
form#mailform dd {
	margin-left:50px;
	clear:right;
}
form#mailform .error{
	margin-left:5px;
	color:#f93;
	}	

img.faviconimg {
	border:0;
	width:11px;
	height:11px;
	padding-left:2px;
	vertical-align:middle;
}