ÿþ/**

* CSS

* 

* @version 1.0

* @author Vaska 

* @author Gregory Cadar

*/

* {

	margin: 0;

	padding: 0;

}



body {

	font-size: 11px;

	font-color: #fff;

	font-family: normal normal Hiragino Maru Gothic Pro,Ò0é0®0Î08N´0 Pro W4,Arial,sans-serif;

	background: #000;

}



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: #000; background-color: #999; }



a img { border: none; }



#menu {

    width: 200px;

    overflow: auto;

    top: 20px;

    bottom: 20px;

	left: 20px;

    position: fixed;

    height: 100%;

	background-color: #transparent;

	color: #fff;

}



#menu ul {

	list-style: none;

	margin: 0 0 12px 0;

	font: bold;

}



#menu ul li.section-title {

	font: bold;

	color: #666;

	font-size:13px;

	font-style:italic;

}



#content {

    height: 100%;

    margin: 20px 0 0 220px;

    top: 20px;

	color: #fff;

}



.container {

    padding: 5px 5px 25px 5px;

	width:640px;

}



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



p {

    margin: 0 0 9px 0;

}



h1 { font-size: 32px; }

h2 {

	font-size: 12px;

	font-weight:400;

	color: #666;

}







h3 { 

	font-size: 18px; 

	font-style: italic;

	color: #fff;

	font-weight:400;

	font: bold;

}



h4 { 

	font-size: 10px;

	color: #666; 

	font-style:italic;

	font-weight:400;

}



#img-container	{ margin: 0; padding: 0; }

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



#once { clear: left; }