/* based on eric meyer's css reset v1.0 | 20080212 */
/* http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, h1, p, a, ul, li{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background: #000;
	color: #fff;
	font: 18px Helvetica, Arial, San-serif;
}
ul { list-style: none; }
a{
	color: #fff;
	text-decoration: none;
}
a:hover, a:active{ color: #e86b97; }
a:visited{ color: #e3e3e3 }
:focus { outline: 0; }
#container{
	width: 960px;
	margin: 0px auto;
	padding: 0px 30px;
}
#top{
	position: relative;
	background: url(../image/back.jpg) no-repeat top center;
	width: 725px;
	height: 519px;
	margin: 15px auto;
}
#top h1, #enter, #donate, #artful_international{ text-indent: -9999px }
#top h1{
	background: url(../image/header.png) no-repeat bottom left;
	position: absolute;
	width: 560px;
	height: 270px;
	left: 20px;
	bottom: 20px;
}
.left{ float: left; }
.right{ float: right; }
#enter, #donate, #artful_international{ height: 44px; width: 310px; display: inline-block;}
#nav{ margin-bottom: 20px; }
#nav li{ display: inline; }
#enter{ background: url(../image/enter.png) no-repeat top center; }
#enter:hover{ background: url(../image/enter-hover.png) no-repeat top center; }
#donate{ background: url(../image/donate.png) no-repeat top center; }
#donate:hover{ background: url(../image/donate-hover.png) no-repeat top center; }
#artful_international{ background: url(../image/artful_international.png) no-repeat top center; }
#artful_international:hover{ background: url(../image/artful_international-hover.png) no-repeat top center; }
.clear{ clear: both; }
p.clear{ margin-bottom: 20px; }