body {
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-size: 62.5%;
	margin:0;
	background:#262626;
	text-align:center;
}

body * {
	text-decoration: none;
	list-style-type: none;
	padding:0;
	margin:0;
}

a img { border:none; }

.access-item, hr { display:none; }

abbr { cursor:help; }

/* =============================================== general styles */

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:3.0em;
	color:#000;
	font-weight:normal;
	line-height:1.2em;
	letter-spacing:-0.03em;
	margin-bottom:0.3em;
}

p {
	font-size:1.3em;
	color:#333;
	line-height:1.5em;
	letter-spacing:-0.05em;
	margin-bottom:0.8em;
}

	p a {
		color:#386182;
		text-decoration:underline;
	}
	
	p a:hover {
		color:#000;
	}
	
	p small {
		font-size:0.6em;
		color:#666666;
	}
	

/* =============================================== general layout */

#wrap {
	width:870px;
	margin:0 auto;
	text-align:left;
	position:relative;	
}

#header {
	background:#000;
	width:100%;
	float:left;
	border-left:5px solid #000;
	border-right:5px solid #000;
	padding:5px 0;
	position:relative;
}

	#header-banner {
		position:absolute;
		bottom:5px; right:5px;
		width:468px;
	}
	
	#header-banner img {
		float:left;
		margin-bottom:5px;
	}
	
	#header-banner p {
		float:right;
		font-size:1.0em;
	}
	
	#header-banner p a {
		color:#FFF;
		text-decoration:none;
	}
	
	#header-banner p a:hover {
		color:#FFF;
		text-decoration:underline;
	}

#content {
	background:#FFF;
	width:100%;
	float:left;
	border-left:5px solid #000;
	border-right:5px solid #000;
	border-bottom:5px solid #000;
}

/* =============================================== special classes */

a.button {
	display:block;
	height:32px;
	line-height:2.4em;
	background:url(images/bg-button.png) top left repeat-x;
	text-align:center;
	border:1px solid #919EA4;
}

.wide { width:450px; }
.narrow { width:215px; }

.column {
	width:405px;
	float:left;
}

.left { margin-right:20px; }

/* =============================================== navigation */

#navigation {
	width:100%;
	float:left;
	background:#E8E8E8 url(images/1px-block.png) top right no-repeat;
}

	#navigation ul {
		background:url(images/1px-block.png) top left no-repeat;
		float:left;
	}

	#navigation ul li {
		float:left;
		background:url(images/li-sep-dark.png) bottom left no-repeat;
		position: relative;
	}
	
	#navigation ul li a {
		display:block;
		width:290px;
		background:url(images/li-sep-white.png) bottom right no-repeat;
		text-align:center;
		height:36px;
		color:#50585B;
		font-size:1.5em;
		line-height:2.2em;
		border-bottom:1px solid #919EA4;
	}
	
	#navigation ul li a:hover {
		color:#000;
	}
	
	#navigation ul li a.active {
		background:#D4E8F0 url(images/li-sep-white.png) bottom right no-repeat;
		font-weight:bold;
		color:#000;
		border-bottom:1px solid #D4E8F0;
	}
	
	#navigation span#edition {
		position:absolute;
		top:-15px;
		right: 5px;
		display: block;
		background: #D21D27;
		padding:5px;
		color: #FFF;
	}
	
/* =============================================== banner */

#banner {
	width:830px; /* height:224px; */ padding:20px;
	background:#D4E8F0 url(images/bg-banner.png) top left no-repeat;
	float:left;
	border-bottom:1px solid #919EA4;
}

	#banner-text {
		width:450px;
		float:left;
	}
	
	#banner-image {
		float:left;
		margin-left:20px;
		width:360px;
		height:224px;
	}
	
/* =============================================== page */

#page {
	width:830px; padding:20px;
	background:#FFF;
	float:left;
	border-bottom:1px solid #919EA4;
}
	
/* =============================================== ads */

#ads {
	width:830px; padding:20px;
	float:left;
}

	#ads #address {
		width:200px;
		float:left;
	}
	
	#ads #ads-135x135 {
		width:571px;
		float:right;
	}
	
	#ads #ads-135x135 img {
		float:right;
		margin-left:5px;
	}
	
/* =============================================== contact form */

#contact-name,
#contact-email,
#contact-phone,
#contact-msg {
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-size:1.3em;
	color:#333333;
	padding:5px;
	width:395px;
}

#contact-msg {
	height:120px;
}

#contact-submit {
	float:right;
}

/* =============================================== footer */

#footer {
	width:100%;
	float:left;
	margin-top:10px;
	position:relative;
}

	#footer p {
		color:#FFF;
	}
	
	#footer p a {
		color:#FFF;
	}
	
	#footer p a:hover {
		color:#FFF;
	}
	
	p#roodesign {
		position:absolute;
		top:0; right:0;
	}
	
		p#roodesign a {
			display:block;
			background:url(images/roodesign.png) top left no-repeat;
			width:58px; height:20px;
		}
		
		p#roodesign a:hover {
			background-position:bottom;
		}
		
		p#roodesign a span {
			display:none;
		}
		
		
/* =============================================== rsvErrors */

#rsvErrors {
	position:absolute;
	width:260px; height:140px; padding:20px;
	background:#FFF; border:5px solid #000;
	top:260px; left:285px;
}

	#rsvErrors h2 {
		font-size:1.4em;
		font-weight:normal;
	}
	
	#rsvErrors span {
		font-size:1.2em;
		color:#CC0000;
		line-height:1.5em;
	}