body
{
	font-family: Helvetica, arial, verdana, "sans-serif";
	padding: 0px;
	margin: 0px;
}
img { padding: 0px; margin: 0px; }
ul { padding: 0px; margin: 0px; list-style-type: none; }
li { padding: 0px; margin: 0px; }
A { 
	color: black;
	text-decoration: none; 
}
A:hover {text-decoration: none; color: #ffab00;}

A:visited { color: black; text-decoration: none; }

#container
{
	height:516px;
	width: 974px;
	background-image: url("gnp5000.png")
}

#rock
{
	position: absolute;
	margin-left: -330px;
	margin-top: 50px;
	z-index: +1;
}

#electro
{
	position: absolute;
	margin-left: -333px;
	margin-top: 110px;
	z-index: +1;
}

#coffeecup
{
	position: absolute;
	margin-left: 1050px;
}


#r1
{
	margin-top: 180px;
	margin-left: 80px;
}

#r2
{
	margin-top: 180px;
}

#r3
{
	margin-top: 180px;
}

#r4
{
	margin-top: 180px;
}

#r5
{
	margin-top: 180px;
}

#r6
{
	margin-top: 180px;
}

#r7
{
	margin-top: 180px;
}

#r8
{
	margin-top: 180px;
}

#r9
{
	margin-top: 180px;
}

#r10
{
	margin-top: 180px;
}

#r11
{
	margin-top: 180px;
}

#r12
{
	margin-top: 180px;
}

#r13
{
	margin-top: 180px;
}

#r14
{
	margin-top: 180px;
}

#r15
{
	margin-top: 180px;
}

#r16
{
	margin-top: 180px;
}

.row
{
	width: 36px;
	margin-left: 5px;
	background-color: #999999;
	border-radius: 5px;
	float: left;
	border-style: solid;
	border-width: 1px;
}

.btn
{
	width: 26px;
	height: 40px;
	margin: 10px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: black;
	border-radius: 5px;
}

.btn:hover
{
	box-shadow: 0 0 10px red;
}

.activeRow
{
	background-color: #ff9e00;
	box-shadow: 0 0 20px #ff8100;
}

.pressed
{
	background-color: #dc0000;
	box-shadow: 0 0 15px red!important;
}

#seq ul
{
	width: 60px;
	float: left;
	margin-top: 176px;
	margin-left: 90px;
}
#seq li
{
	padding: 5px;
	background-color: #999999;
	color: black;
	width: 120px;
	height: 20px;
	text-align: center;
	font-size: 18px;
	margin-top: 20px;
	float: left;
	border-radius: 10px;
}

#controls
{
	position: absolute;
	margin-top: 22px;
	margin-left: 595px;
	padding: 0px;
	font-size: 25px;
	font-weight: bold;
}

#controls li
{
	text-align: center;
	width: 70px;
	background-color: #999999;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 5px;
	box-shadow: rgba(110,110,110,.5) 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
}

#start:hover
{
	color: green;
}

#stop:hover
{
	color: red;
}

#clear:hover
{
	color: #ffab00;
}

#eight:hover
{
	color: white;
}