html, body {
    height: 98%;
	width: 95%;
}


#logo {
	height: 80px;
	left: 8px;
	position: absolute;
	top: 8px;
	width: 275px;
	background:url("/images/3d-Logo-cup2-alpha.png") no-repeat left top;
	z-index: 1
}
#photo {
height: 220px;
left: 560px;
position: absolute;
top: 160px;
width: 220px;
z-index: 1
}

#data {
height: 300px;
left: 20px;
position: absolute;
top: 95px;
width: 520px;
z-index: 3
}

#wireless {
height: 60px;
left: 560px;
position: absolute;
top: 80px;
width: 60px;
z-index: 4
}

h1 {
height: 40px;
left: 320px;
position: absolute;
top: 10px;
width: 440px;
z-index: 2
}


/* style defintions for the data display */
#data ol li a
{
	color: gray;
	display: block;
	text-decoration: none;
}

#data ol li a:hover
{
	color: blue; 
	text-decoration: underline;
}

/* width: 220px;  same width as dataBox */

#data ol
{
	color: gray;
	width: 70%;
}

#data ol li
{
	float: left;
	width: 8em;  /* width of the widest item name */
	list-style-type: none;
}



/* style defintions for the data display */
ol li a
{
	color: gray;
	display: block;
	text-decoration: none;
}

ol li a:hover
{
	color: blue; 
	text-decoration: underline;
}

/*
width: 460px;   same width as dataBox */

ol
{
	color: gray;
	width: 70%;
}

ol li
{
	float: left;
	width: 8em;  /* width of the widest item name */
	list-style-type: none;
}


ol li.wide
{
	float: left;
	width: 12em;  /* width of the widest item name */
	list-style-type: none;
}


/* stop the floating after the list */
br
{
  clear: left;
}