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

body 
{
	font-size: 11px;
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
	color: #8f8f8f;
	background: #FAFAFA;
}

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

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


div#wrap {
	width: 500px;
	margin: 50px auto;	
}

img { border:1px; border-color:#CCCCCC; }
#img { border:1px; border-color:#CCCCCC; }


#menu {
    float: right; 
    width: 340px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
	height:100%;
	position:fixed;
	background-color: #F8F8F8;
}

#menu a:link { text-decoration: none; color: #285787;  display:block; width: 290px }
#menu a:active { text-decoration: none; color: #285787;  display:block; width: 290px }
#menu a:visited { text-decoration: none; color: #285787;  display:block; width: 290px }
#menu a:hover { background:#131313; color: #FAFAFA;  display:block; width: 290px }


#menu ul {
	list-style: none;
	margin: 0 0 8px 0;
}

#menu ul li.section-title 
{
	background:#FAFAFA; 
	list-style: none;
	display:block; 
	width: 300px;
	margin: 0 0 8px 0;
}



#content 
{
    height: 100%;
	border: 0px;
    width: 600px;
    margin: 0px 0 0 355px;
    top: 0px;
	left: 0px;
	color: #131313;
	font-size: 11px;
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
	border: 0px;
}


#content a:link { text-decoration: none; color: #285787; }
#content a:active { text-decoration: none; color: #285787; }
#content a:visited { text-decoration: none; color: #285787; }
#content a:hover { background:#131313; color: #FAFAFA; }


.container 
{
    border: 0px;
    padding: 20px 0px 20px 20px;
}

#content p 
{ 
	width: 600px; 
	margin-top: 0px; 
	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: 600px; border:0px; margin: 0; padding: 0 0 0 0; }

#img-container a:link { text-decoration: none; border:0px; color: #999999; }
#img-container a:active { text-decoration: none; border:0px; color: #999999; }
#img-container a:visited { text-decoration: none; border:0px; color: #999999; }
#img-container a:hover { background:#131313; border:0px; color: #131313; }

#once { clear: left; }