/* 

Author: Benoit Nolens
Date: 2009-09-17-DD

*/

/* @group Imports */

@import url(typography.css);

/* @end */


/* @group Testing Borders */
/* @end */


/* @group Structure */
body		        { background-color: #322c1f; overflow: hidden; width: 100%; height: 100%; }

.wrapper            { margin: 0 auto; width: 100%; }

.clear	            { clear: both; }
.hide	            { display: none; }

hr 		            { display:none; }

/* @end */


/* @group Header */
#header {
	width: 100%;
	height: 164px;
	padding-top: 20px;
	position: absolute;
	overflow: hidden;
	z-index: 4;
	bottom: 30px;
}

#header h1 a {
	width: 249px;
	height: 164px;
	text-indent: -9999px;
	background: transparent url(../images/logo.png) top left no-repeat;
	float: left;
	clear: none;
}
/* @end */


/* @group Navigation */
#navigation {
	padding-top: 0px;
	padding-left: 45px;
	margin-top: 0px;
	margin-left: 250px;
	height: 168px;
	display: block;
	background: transparent url(../images/header_bg.png) repeat-x bottom left;
/*	overflow: hidden;
	z-index: 4;*/
}

#navigation #menu {
	margin-top: 35px;
	padding-left: 10px;
	float: left;
	clear: none;
}

#navigation #menu a {
	margin: 5px 0;
}

#navigation #menu a, #navigation #submenuContainer a {
	display: block;
	padding-right: 17px;
}

#navigation .active {
	background: transparent url(../images/menu_active_arrow.png) center left no-repeat;
	margin-left: -10px;
	padding-left: 10px;
}

#navigation .active a {
	color: #cc9900;
}

#navigation #subactive a {
	color: #ffffff;
	background: transparent url(../images/menu_hover_arrow.png) center left no-repeat;
	margin-left: -10px;
	padding-left: 10px;	
}

#navigation #menu a:hover, #navigation #submenuContainer a:hover{
	background: transparent url(../images/menu_hover_arrow.png) center left no-repeat;
	margin-left: -10px;
	padding-left: 10px;	
	color: #ffffff;
}

#navigation #menu .active a:hover, #navigation #submenuContainer .active a:hover{
	background: transparent url(../images/menu_active_arrow.png) center left no-repeat;
	margin-left: -10px;
	padding-left: 10px;	
	color: #cc9900;
}

#navigation .submenu {
	margin-top: 20px;
	padding-top: 16px;
	padding-left: 30px;
	margin-left: 10px;
	float: left;
	height: 127px;
	background: transparent url(../images/menu_separator.png) top left repeat-y;
}

#navigation .submenu .show {
	display: block;
}

#navigation .subactive {
	background: transparent url(../images/menu_hover_arrow.png) center left no-repeat;
	margin-left: -10px;
	padding-left: 10px;	
	color: #ffffff;
}

#navigation #sponsors {
	padding-top: 26px;
	padding-right: 15px;
	float: right;
	width: 200px;
	text-align: center;
}

#navigation #sponsors p {
	color: #6c624a;
	text-align: center;
	margin-bottom: 0px;
}

#navigation #sponsers a {
	text-decoration: none;
	border: none;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	background-image: none;
	display: inline;
}

#navigation #sponsers a:hover {
	background-image: none;
}

/* @end */


/* @group Content */

/* layout of the content without javascript */
#content {
	width: 450px;
	max-height: 280px;
	padding: 20px 30px 60px 32px;
	margin: 0 auto;
	background: transparent url(../images/content_bg.png) top left repeat;
	position: absolute;
	z-index: 3;
	top: 40px;
	left: 445px;
}

/* layout of the content with javascript */
#content_alt {
	padding: 20px 30px 60px 32px;
	width: 470px;
	height: 260px;
	float: left;
	position: absolute;
	top: 40px;
	left: 445px;
	z-index: 3;
	background: transparent url(../images/content_bg.png) top left repeat;
}

#breadcrumb {
	margin-bottom: 10px;
	float: left;
	clear: none;
	display: block;
}

#hide_btn {
	float: right;
	margin-right: 0px;
}

#scroll-pane {
	height: 260px;
	width: 470px;
	float: left;
	overflow: auto;
}

#scroll-pane2 {
	position: absolute;
	overflow: visible;
}

/* @end */

#copyright {
	position: absolute;
	bottom: 7px;
	color: #e4e2de;
	font-size: .9em;
	text-align: center;
	width: 100%;
	z-index: 50;
}

#copyright p {
	margin: 0;
	padding: 0;
}

/* @group Background */

#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 1;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(../images/progress.gif);
}
	
#background{
	position: fixed;
}

#background img, #background a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
	cursor: default;
}

#background .prevslide, #background .prevslide img{
    z-index: 1;
}

#background .activeslide, #background .activeslide img{
    z-index: 2;
}
	
#language {
	position:absolute;
	top:10px;
	right:20px;
}

#language a {
	color:white;
}

#language a:hover {
	color:#cc9900;
}
/* @end */