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

body {
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	background: #fff;
	line-height: 1.6em;
	color: #332e29;
}

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

a, a:link, a:active, a:visited { text-decoration: none; color: #332e29;}
a:hover, .section-title:hover { text-decoration: underline; color: #666;}

a img { border: none; }

#menu {
    width: 240px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
}
#menu .container {
	margin: 25px 5px 10px 35px;
	height: auto;
	padding: 0;
}

#menu ul {
	list-style: none;
	margin: 0 0 1em 0;
}
#menu ul li { margin: 0; }
#menu ul li.section-title { margin: 0; }
#menu li.active { list-style-type: disc; }

#menu ul li small { font-size: 80%; color: #777; margin: 0 5px 0 0; }

#content {
    height: 100%;
    margin: 0 0 0 240px;
    top: 0;
}
#content .container {
	margin: 0;
	padding: 125px 10px 10px 0;
}

#content p { width: 640px; margin-bottom:  0.9em; }
#content p:first-child { margin-top:  0.9em; }
p {
    margin: 0 0 9px 0;
}

h1 { font-size: 14px; font-weight: normal;}
h2 { font-size: 12px; }
h3 { font-size: 11px; }
h4 { font-size: 10px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 640px; 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;
}

#img-container span.backgrounded a,
#img-container a.thumb-img, 
#img-container #d-col1 a,
#img-container a { background: transparent; border: none;}

a#logo { border: 0; cursor: pointer; outline: none; padding: 0; margin: 0; }
#logo img { }
#logo h1 { height: 10px; position: relative; text-indent: -9999px; }
.info {	position: absolute; left: 60px; }
.cv { position: relative; }