BODY 
{
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
}

HTML 
{
	height: 100%;
	background: #000000;
}

UL LI 
{ 
	list-style:none; 
}


#container 
{
	height: 700px;
	width: 800px;
	margin-top: -100px;
	margin-left: -405px;
	position: absolute;
	top: 20%;
	left: 50%;
	border: white solid thin;
        background: url(../images/IndexBG.jpg);
}

#bannerlarge 
{
	height: 82px;
	width: 410px;
	position:absolute;
	top: 40px;
	left:0px;
        background: url(../images/banner.jpg) no-repeat;
}

#blurb
{
	height: 460px;
	width: 590px;
	position:absolute;
	top: 150px;
	left: 100px;
	font: bold  16px 'Century Gothic', Arial,'Trebuchet MS',Trebuchet,Sans-serif,Verdana;
	color: black;
	text-align:left;
	overflow: auto;
	padding: 5px;
}

#blurb a 
{
	font: bold italic 16px 'Century Gothic', Arial,'Trebuchet MS',Trebuchet,Sans-serif,Verdana;
	color: black;
	text-align:center;
}


a.design 
{
        display: block;
	height: 82px;
	width: 136px;
	position:absolute;
	top: 40px;
	left:410px;
	background: url(../images/design.jpg) no-repeat;

}

a:hover.design
{
	background-position: -136px 0;
}

a.mixes 
{
        display: block;
	height: 82px;
	width: 116px;
	position:absolute;
	top: 40px;
	left:546px;
	background: url(../images/mixes.jpg) no-repeat;

}

a:hover.mixes
{
	background-position: -116px 0;
}


a.photos 
{
        display: block;
	height: 82px;
	width: 138px;
	position:absolute;
	top: 40px;
	left:662px;
	background: url(../images/photos.jpg) no-repeat;

}

a:hover.photos
{
	background-position: -138px 0;
}