*{
	margin:0;
	padding:0;
}

* img{
	border:none;
	vertical-align:bottom;
}

article,section,head,nav{
	display:block;
}

body{
	background:#ffffff url('../img/bg_html.gif') left top;
	color:#666666;
}

ul.menu{
	list-style-type:none;
}

ul.menu li{
	position:absolute;
}

ul.menu li a{
	display:block;
	width:200px;
	height:200px;
	padding:25px;
	text-decoration:none;
	color:#666666;
	-webkit-transition-duration:0.4s;
}

ul.menu li a:hover{
	background:#afafaf;
	color:#ffffff;
}

ul.menu li:nth-child(1){
	left:0;
	top:250px;
}

ul.menu li:nth-child(2){
	left:500px;
	top:250px;
}

ul.menu li:nth-child(3){
	left:250px;
	top:500px;
}

ul.menu li:nth-child(4){
	left:750px;
	top:500px;
}

h1{
	width:1000px;
	height:249px;
	background:url('../img/sitelogo.gif') left top no-repeat;
	text-indent:-9999px;
}