badanwebindex.php

body{
	font: 15px/1.5 Arial, Helvetica,sans-serif;
	padding:0;
	margin:0;
	background-color:#ffd700;
}



.container{
	width:80%;
	margin:auto;
	overflow:hidden;
}

ul{
	margin:0;
	padding:0;
}

.button_1{
	height:38px;
	background: :#000000;
	border:0;
	padding-left:10px;
	padding-right:10px;
	color:#cccc99;
	
}

.dark{
	padding:15px;
	background: #000000;
	color : #000000;
	margin-top: 10px;
	margin-bottom: 10px;

}

header{
	background:#ffd700;
	color:yellow;
	padding-top: :30px;
	min-height:70px;
	border-bottom:#cc0000 3px solid;
}

header a{
	color:#000000;
	text-decoration:none;
	font-size:16px;
}


header li{
	float:left;
	display:inline;
	padding:0 10px 0 10px ;
}

header #branding{
	float:left;

}

header #branding h1{

	font-size: 15px;
	float:left;
}

header #branding img{
	margin-left: 30px;
	margin-top: 20px;
	width: 100px;
}

header nav{
	float:right;
	margin-top:40px;
	margin-bottom: 40px;
}


header .highlight, header, current a{
	color:#000000;
	font-weight: bold;
}

header a :hover{
	color:#ffcc66;
	font-weight:bold;
}



#showcase{
	min-height:400px;
	text-align:center;
	color:#ffffff;
}

#showcase h1{
	margin-top:100px;
	font-size:55px;
	margin-bottom:10px;
}

#showcase p{
	font-size:20px;
	text-align: center;
}

/*bagian box*/

#boxes{
	text-align: center;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 80px;
	margin-bottom: 20px;
		
}

#boxes .box{
float:left;
	text-align: center; 
	width:20%;
	padding:50px;

}

#boxes .box img{
text-align: center;
width :200px;

}

#boxes .box h3{
margin-top: 20px;

}

aside#sidebar{
float:right;
width:30%;
margin-top: 10px;


}

article#main-col{
	float:left;
	width:60%;
}


footer{
	padding:20px;
	margin-top:20px;
	color:#ffffff;
	background-color: #e8491d

}