body {
	background: #000 url('../images/bg.jpg') top center;
	text-align: center;
	font: 12px 'Arial';
	color: #fff;
	line-height: 1.3;
}

.main {
	width: 889px;
	margin: auto;
	border: 2px solid #ec1c24;
	text-align: left;
	position: relative;
}

.header {
	width: 100%;
	height: 332px;
	background: #fff url('../images/header-bg.png') bottom left no-repeat;
}

	.header .navigation {
		position: absolute;
		top: 55px;
		right: 0;
		list-style: none outside none;
		padding-left: 0;
		z-index: 10;
	}

	.header .navigation li {
		float: left;
		padding-right: 10px;
		padding-left: 10px;
		border-right: 1px solid #999;
		position: relative;
	}
	
	.header .navigation li.last {
		border-right: 0;
	}

	.header .navigation li a,
	.header .navigation li a:visited {
		text-decoration: none;
		color: #000000;
		font: 12px 'Arial';
	}
	
	.header .navigation li a:hover {
		color: #ec1c24;
	}
	
	.header.navigation ul a:hover {
		background: #58595B;
		color: #fff;
	}
	
		.header .navigation ul {
			display: none;
		}
		
		.header .navigation li:hover ul {
			display: inline;
			list-style-type: none;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 10px;
			padding-top: 10px;
			left: 5px;
			width: 160px;
		}
		
		.header .navigation li:hover ul li {
			float: none;
			border: 0;
			margin-left: 0;
			padding-bottom: 3px;
			background: #C0C0C0;
			color: #000000;
			border: 1px solid #ccc;
		}
		
	
	.header .photo {
		position: absolute;
		top: 100px;
		left: 30px;
		border: 1px solid #ec1c24;
		-moz-box-shadow: 10px 10px 5px #888;
		-webkit-box-shadow: -10px -10px -5px #888;
		box-shadow: -2px 5px 5px #888;
	}
	
	.header h1.title {
		color: #c1272d;
		font: 48px 'Arial';
		position: absolute;
		top: 150px;
		right: 25px;
	}
	
.body {
	background: #000;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative;
	
}

	.body  a,
	.body  a:visited {
		color: #cc0000;
		font: 12px 'Arial';
		text-decoration: none;
	}
	
	.body a:hover {
		text-decoration: underline;
	}

	.body .navigation ul {
		list-style-type: none;
		margin: 30px 0 0 30px;
		padding: 0;
		width: 150px;
		position: absolute;
		top: 30px;
		left: 0;
	}
	
	.body .navigation li {
		padding: 8px 0 8px 10px;
	}
	
	.body .navigation a,
	.body .navigation a:visited {
		color: #fff;
		font: 14px 'Arial';
		text-decoration: none;
	}
	
	.body .navigation a:hover {
		text-decoration: underline;
	}
	
	.body .content {
		margin: 30px 0 50px 0;
		padding: 0 35px 30px 35px;
	}
		.body .content.has-sidebar {
			margin-right: 160px;
			border-right: 1px solid #666666;
		}
		
		.body .content.has-navigation {
			margin-left: 190px;
			border-left: 1px solid #666666;
		}
	
	.body .content h1 {
		font: 20px 'Arial';
	}
	
	.body .content p {
		text-align: justify;
	}
	
	.body .sidebar ul {
		list-style-type: none;
		margin: 30px 0 0 0;
		padding: 0;
		width: 160px;
		position: absolute;
		right: 0;
		top: 30px;
	}
	
	.body .sidebar li {
		padding: 8px 0 8px 10px;
	}
	
	.body .sidebar a,
	.body .sidebar a:visited {
		color: #fff;
		font: 14px 'Arial';
		text-decoration: none;
	}
	

#rollover a {
border:none;
text-decoration:none;
padding: 0 0.5em 0 0.5em; /**space between icons**/
position: relative; /**remove position rule if full size images will share the same display area. **/
}

#rollover a span {
visibility:hidden;
background-color: #FFF;
display:block;
position: absolute;
/**adjust positioning of full size images in px or %**/
left: 0px;
top: -140px;
/**optional image captions**/
font-size: 12px;
line-height: 1.2;
color:#666;
text-align: center;
/**optional image borders & padding**/
border: 5px solid orange;
padding: 5px;
}

#rollover a:hover span, #rollover a:active span, #rollover a:focus span {visibility:visible;}

#rollover a:hover, #rollover a:focus
{visibility:visible;}

	
.footer {
	background: #fff;
	padding-top: 1px;
	height: 50px;
	width: 100%;
	position: relative;
}

	.footer p {
		text-transform: uppercase;
		font: 11px 'Arial';
		color: #000;
		padding: 8px;
		line-height: 1.2;
	}
	
	.footer a,
	.footer a:visited {
		color: #000;
		text-decoration: none;
	}
	
	.footer div {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.footer img {
		float: right;
		padding-left: 5px;
	}
	
	img {
		border: 0;
	}