/* CSS DOC */

body
{
	background: url(bg_content.jpg) repeat;
}

#header
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 57px;
	background-color: #1C1C1C;
}

#Menu
{
	float: right;
	padding: 0px 550px 0px 0px;

}

#content
{
	position: absolute;
	top: 200px;
	left: 50px;
}

.otherstyle a
{
	color: #0010FF;
	text-decoration: none;
}

.roll
{
	text-decoration: none;
	color: #0000FF;
}

.roll a:hover
{
	text-decoration: none;
	color: #00FF00;
}

.otherstyle a:hover
{
	color: #00FF00;
	text-decoration: none;
}

.otherstyle a .appear, .otherstyle a .appear2, li .appear3
{
	display: none;
}

.otherstyle li
{
	display: inline;
	list-style: none;
	position: relative;
}



.otherstyle img
{
	width: 150px;
	height: 150px;
}

.otherstyle a:hover .appear
{
	display: block;
	position: absolute;
	color: #0000FF;
	top: -130px;
	left: 260px;
}

.otherstyle a:hover .appear2
{
	display: block;
	position: absolute;
	color: #0000FF;
	top: -130px;
	left: 320px;
}

.roll:hover .appear3
{
	display: block;
	position: absolute;
	color: #0000FF;
	left: 650px;
}

.roll img
{
	width: 150px;
	height: 150px;
}

.roll:hover
{
	color: #00FF00;
	text-decoration: none;
}

#pictureplacement
{
	position: absolute;
	left: 1150px;
	top: 70px;
}

.links a 
{
	text-decoration: none;
	color: #FFFFFF;
	padding: 20px 20px 20px 20px;
	background-color: #000000;
}

.links li
{
	display: inline;
	list-style: none;
	text-align: center;
}

.links a:hover
{
	background-color: #D72000;
	color: #FFFFFF;
}