@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../img/background-web.jpg);
	}

#wrapper {
	width:900px;
	margin:auto;
}

#header {
	width:900px;
	height:95px;
	background-image:url(../img/bg-kotak.gif);
	margin-top:-10px;
}

#headergradasi {
	width:900px;
	height:225px;
	background-image:url(../img/bg-slider.gif);
	margin:auto;
}

#logo {
	width:290px;
	heigh:auto;
	margin-left:70px;
	margin-top:10px;
	border:none;
}
 
#areatextheader {
	width:160px;
	height:70px;
}

.textheader {
	font-family:Arial;
	font-size:20px;
}

#menu {
	width:900px;
	height: auto;
	background-color:#FFF;
}

#maincontent1 {
	width:820px;
	height:30px;
	padding-left:40px;
	padding-right:40px;
	padding-top:30px;
	font-family:Arial;
	font-size:22px;
	text-align:justify;
}

#maincontent2 {
	width:600px;
	height:auto;
	padding-left:135px;
	padding-right:170px;
	padding-top:10px;
	font-family:Arial;
	font-size:15px;
	text-align:justify;
	line-height:21px;
}

#footer {
	width:900px;
	height:35px;
	background-color:#333;
	margin-top:280px;
	padding-top:15px;
	font-family:Arial;
	font-size:13px;
	text-align:center;
	color:#FFF;
}

.copywriter {
	width:900px;
	height:20px;
	text-align:center;
	font-family:Arial;
	padding-top:7px;
	font-size:13px;
}