* {
	border: 0;
	padding: 0;
	margin: 0;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #999;
}

#logo {
	position: absolute;
	width: 100%;
	height: 40px;
/*	border-bottom: 1px dashed #CCCCCC; */
	background-image: url(images/logo-bg.gif);
}

#logo img {
	position: absolute;
	right: 0;
	top: 0;
}

#flash {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -150px;

}

a.rolltest {
	width: 40px;
	height: 40px;
	display: block;
	background-image: url(images/roll1.gif);
}

a.rolltest:hover {
	width: 40px;
	height: 40px;
	display: block;
	background-image: url(images/roll2.gif);
}

#menu {
	width: 400px;
	height: 28px;
	position: absolute;
	left: 4%;
	left: 4%;
	top: 8%;
/*	border: 1px solid #000000; */
}

#menu img {
	float: left;
}

a.home {
	width: 65px;
	height: 28px;
	display: block;
	float: left;
	background-image: url(images/menu-home.gif);
}

a.home:hover {
	width: 65px;
	height: 28px;
	display: block;
	float: left;
	background-image: url(images/menu-home-roll.gif);
}

a.blog {
	width: 39px;
	height: 28px;
	display: block;
	float: left;
	background-image: url(images/menu-blog.gif);
}

a.blog:hover {
	width: 39px;
	height: 28px;
	display: block;
	float: left;
	background-image: url(images/menu-blog-roll.gif);
}

a.links {
	width: 39px;
	height: 28px;
	display: block;
	float: left;
	background-image: url(images/menu-links.gif);
}

a.links:hover {
	width: 39px;
	height: 28px;
	display: block;
	float: left;
	background-image: url(images/menu-links-roll.gif);
}

#contact {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 286px;
	height: 44px;
}

div.clear {
	clear: both;
}

div.content {
	position: absolute;
	left: 5%;
	top: 15%;
}

#preload {
	position: absolute;
	left: -2000px;
}