/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 81%;
	font-family: helvetica, sans-serif;
	background: #000;
	color: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: none; }

a img { border: none; }
#super{
	position: absolute;
	overflow: hidden;
}

.one-box.content{
	background: #fff;
	height: 475px;
	color:#000;
	padding: 20px;
	overflow: auto;
}
.one-box.picture{
	margin-left: 3px;
	padding-top: 10px;
	position: relative;
}


	.one-box.picture a:hover .caption-box{
		position: absolute;
		bottom: 0;
		left: 0;	
		background: url(back_dark.png);
		height: 50px;
		width: 100%;
		display: block;
		color: #fff;
	}
	
	.one-box.picture .caption-box .title,
	.one-box.picture .caption-box .caption{
		display: block;	
	}
	
	
	.one-box.picture .caption-box span{
		padding: 3px 10px;	
	}
	.one-box.picture .caption-box{
		
		display: none;	
	}

#content{
	padding-top: 20px;
}

.one-box{
	margin-top:-15px;	
}
#header{
	position: fixed;
	width: 100%;
	height: 55px;
	overflow: hidden;
	z-index: 9;
}
	#header h1{
		position: absolute;
		top: -5px;	
	}
	#header h1 span{
		color: #fff;
		letter-spacing: -10px;
		font-size: 2.5em;
		font-weight: bold;	
	}
	#header h2{
		position: absolute;
		top: 3px;
		letter-spacing: -5px;
		font-weight: bold;
		left: 377px;
		font-size: 4em;
		float: right;
		width: 100%;
		color: #333;
	}

#menu {
    position: absolute;
    top: 20px;
    right: 0;
    text-align: right;
    letter-spacing: -2px;
}
	
	#menu ul {
		list-style: none;
		margin: 10px 1px 0 0px;
		display: inline;
		float: left;
	}
	#menu ul.title{
		display:none;
	}

		#menu ul li{margin-left: 10px;display: inline;}
			#menu ul li.section-title { }
			#menu ul a{
				font-size: 200%;
				color: #aaa;
			}
			#menu ul li.section-title{font-weight: bold;}


	
#content {
    position: relative;
    height: 550px;
    overflow: auto;
    top: 55px;
    padding:0;
    margin:0;
}

.container {
    padding: 0;
}

.one-box.content{width: 375px;}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#footer{
	position: fixed;
	background: #000;
	top: 550px;
	height: 54px;
	overflow:hidden;
	z-index: 10;
	color: #222;
	width: 50%;
}
	#footer span {
		position: relative;
		left: 70px;
		top: -10px;
		font-size: 1.5em;
	}
	#footer span span{
		position: absolute;
		top: -5px;
		left: -70px;
		font-size: 4em;
	}



hr {
	display: none;
	}

p {
	line-height: 120%;
	padding: 10px 0;
	}	

a {
	color: #415678;
	text-decoration: none;
	}	

a:hover {
	color: #06c;
	}

a img {
	border: none;
	}	

h1, h2, h3, h4{
	padding: 0px 0 10px 0;	
}

h3{
	font-size: 1.4em;
}
h2{
	font-size: 1.5em;	
}

.one-box  h2{
	font-size: 3em;
	font-weight: normal;
}



	#header #scrollers{
		position: fixed;
		clear: both;
		text-align: right;
		top: 50%;
		margin-top: 250px;
		right: 10px;
		height: 54px;	
		z-index: 9;
		width: 100%;
		overflow:hidden;
	}
		#header #scrollers div{
			font-size: 4em;
			display: inline;
			font-weight: bold;	
			width: auto;
			color: #333;
		}
		#header #scrollers #scroll_title{
			letter-spacing: -5px;	
		}
		#header #scrollers:hover #scroll_title{
			color: #999;
		}
		#header #scrollers div a{
			color: #555;	
		}
			#header #scrollers div a:hover{
				color: #fff;	
			}
			
			
			
#main_loading{
	position: absolute; top: 50%; margin-top: -75px; width: 100%; color: #fff; text-align: center; display: none; vertical-align: middle;
}

#sidebox ul{	
	padding-bottom: 40px;
}

#sidebox ul,
#sidebox ul li{
	list-style:none;
	margin:0;	
}

#thickbox_text{
	float:left;	
	width: 40%;
	height: 480px;
	background: #fff;
	color: #000;
}
#img-container{
	background: #fff;
	float: right;
	width: 60%;
	height: 480px;
	overflow: auto;
	text-align: center;
}