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


body {
	font-size: 12px;
	color: #666;
	font-family: helvetica neue, helvetica, arial, verdana, sans-serif;
	background: #fff;
	text-align: center
}

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


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

a img { border: none; }

#wrapper { width: 960px; margin: 0 auto; text-align: left;}


#menu {
    width: 215px;
    overflow: auto;
    top: 0;
    bottom: 0;
    left: 1;
    position: fixed;
    height: 100%; 
	background-color: #fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	float: left; 
	text-align: left;}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
	text-align: left;
}

#menu ul li.section-title { 
	color: #666; 
	font-weight: 600; 
	font-size: 14px; 
	text-align: left;}



#content {
    height: 100%;
    margin: 5px 0 0 215px;
    top: 0;
}

.container {
    padding: 25px 5px 25px 15px;
}

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

p {
    margin: 0 0 9px 0;
}

p3 { font-size: 12px; font-weight: 500; color: #999; }
p5 { font-size: 12px; font-weight: 500; color: #666; }
p6 { font-size: 12px; font-weight: 700; color: #666; }

h1 { font-size: 22px; font-weight: 700; color: #000; }
h2 { font-size: 22px; font-weight: 300; color: #006699; }
h3 { font-size: 12px; font-weight: 500; color: #999; width: 415px}
h4 { font-size: 12px; font-weight: 500; color: #333; }
h5 { font-size: 12px; font-weight: 500; color: #666; }
h6 { font-size: 12px; font-weight: 700; color: #666; }



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

#once { clear: left; }

.clear-both { clear: both; }