/* ================================================= */
/* Mendesain Website Kartu Nama dengan 960 Grid System */
/* Mockup Design by: Richard Fang (jurusgrafis.com)            */
/* CSS/XHTML by: Sigit Purnomo (visualmagz.com)               */
/* ================================================= */

body {
	background: #dbdbdb url(../images/bg.png) repeat-x;
	
}
.container_12 {
	background: transparent url(../images/12_col.gif) repeat-y;
}
.header {
	margin-top: 145px;
	background: url(../images/header-card.png) no-repeat;
	width: 500px;
	height: 60px;
}

#menu {
	width: 460px;
	margin-left: 20px;
	padding: 0px;
}

	ul {
		margin: 0px;
		padding: 0px;
		
	}

	ul li  {
		float: left;
		width: 134px;
		height: 31px;
		list-style-type: none;
		margin: 22px 0 0 15px;
		text-align: center;
		font: bold italic 15px Georgia;
		background: url(../images/bg-menu.png) no-repeat;
		padding-top: 4px;

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

	}

	ul li.aktif {
		background: url(../images/bg-menu-aktif.png) no-repeat;
	}


.main {
	background: url(../images/bg_content.png) no-repeat;
	height: 330px;
	width: 500px;
	padding-top: 10px;
}

#content {
	background: url(../images/bg-content.png) no-repeat;
	width: 426px;
	margin-left: 35px;
	padding: 10px 20px 20px 20px;
}

	img {
		width: 150px;
		height: 200px;
		border: 4px solid #fff;
		float: left;
		margin-right : 10px;
		margin-bottom: 4px;
		margin-top: 4px;
	}
	
	.thumb {
		border: none;
		margin: 0px;
		padding: 4px;
		float: left;
		width: 90px;
		height: 222px;
		
	}
	#nav {
		clear: both;
		width: 426px;
		padding-top: 10px;	
	}
	
	.left {
		width: 15px;
		height: 25px;
		float: left;
		border: none;
	}
	
	.right {
		width: 15px;
		height: 25px;
		float: right;
		border: none;
		margin-right: 35px;
	}
	
	h1 {
		font: bold 36px Geogia;
		color: #c13a3a;
	}

	p{
		font: normal 14px Geogia;
		color: #989898;
		padding-right: 20px;
		margin: 14px;
	}
	
	strong {
		color: #000;
	}
	
	label {
		float: left;
		width: 70px;
	}
	
	input, textarea {
		padding: 3px;
		border: 1px solid #989898;
	}
	.button {
		border: none;
		float: right;
		margin-right: 40px;
		font: bold 16px Geogia;
		color: #fff;
		width: 75px;
		height: 32px;
		background: url(../images/bg-button.png) no-repeat;
	}

.footer {
	width: 500px;
}

.footer p {
	margin-top: 10px;
	text-align: center;
	font: 14px Geogia;
	color: #989898;
}