html {
    height:100%;
}

#background {
    text-align: center;
    width: 100%; 
    height: 100%; 
    position: fixed;
    left: 0px; 
    top: 0px; 
    z-index: -1;
}

.stretch {
    margin: auto;
    height:100%;
}

#container {
	margin: 0px auto;
	width: 270px;
	display: block;
	position:relative;
 	left:0px;
}
	
#mainmenu {
	z-index: 1;
	width: 270px;
	height: 270px;
	position: fixed;
	top: 50%;
 	margin-top: -135px;
}

#logo {
}

#logo a {
	position:relative;
	display: block;
	background-image: url("images/logo_large.png");
	background-position:0 0;
	width: 270px;
	height: 270px;
	margin: 0;
	padding: 0;
}

#gradient{
	position:fixed;
	background-image: url("images/gradient.png");
	width: 540px;
	height: 540px;
	top: 50%;
	left: 50%;
	margin-top: -270px;
	margin-left: -270px;
}

#coloveratedon{
	position: fixed;
	z-index: 1;
	width:40px;
	height:40px;
	text-decoration:none;
	display:block;
	float:left;
	background-image:url(images/coloveratedon.png);
	background-position:0px 0px;
	right:0px;
	bottom:0px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#coloveratedon:hover,#coloveratedon:active {background-position:0px 40px;}
#logo a:hover,#logo a:active {background-position:0 270px;}