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

body {
	font-size: 11px;
	font-family: Century gothic, Verdana, sans-serif;
	background: #000;
	color: #fff;
}

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

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

a img { border: none; }

#logo {
position:fixed;
font-size:15px;
left:10px;
top:7px;	
z-index:999;
}



#logo a{
color: #ffffff;
}

#menu {
    position:fixed;
	bottom: 16px;
    left:10px;
    z-index:999;
    background-image: url(img/trbg.png);
    background-repeat: yes;
    height: auto;
	padding: 10px;
}

#toggle {font-size: 15px; color: black; background-image: url(img/ul_bg.png); padding: 0 5px; }


#menu a{
}

#menu ul {
	list-style: none;
	width: auto


}

#menu ul li.section-title {	font-size: 13px;
	margin-top: 15px;margin-bottom: 5px; background-image: url(img/ul_bg.png); color: black;padding: 0 5px;width: inherit
}

#menu ul li{padding: 0 5px}


#content {
	height:100%;
    margin-left: 0;
    top: 0;
}

#content p { width: 400px; margin-bottom: 9px; }

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; }

#the-background {
position: fixed;
overflow: hidden;
z-index:1;
width: 100%;
height:100%;
top:0;
left:0;
}

#wrapper {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left:0;
}


div.container {
	padding-top: 30px;
	padding-left: 10px;
}

#loader {
	position: absolute;
	width: 100%;
	height:100%;
	background-color: black;
	background-image: url('img/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 998;
	/*visibility: hidden;*/
}