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

body { color: #b4b4b4; font-size: medium; font-family: Helvetica, Arial, courier, "times new roman", times, georgia, Geneva, sans-serif; font-weight: bold; line-height: 15px; background-image: none; background-position: 0 0; text-align: left; }

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

a:link { color: #b4b4b4; font-size: medium; line-height: 15px; text-decoration: none; }
a:active { text-decoration: none; }
a:visited { color: #b4b4b4; text-decoration: none; }
a:hover { color: lime; }

#menu li a:link { font-weight: normal; }
#menu li a:hover { color: white; }
#menu li a:visited {  }
#menu li.active a { color: white; font-weight: bold; }
a img { border-style: none; }

#menu { width: 320px; overflow: auto; top: 6px; left: 15px; position: fixed; bottom: 0; }

#menu ul {  }
#menu ul li.section-title { cursor: pointer; }
#menu ul li.section-title { color: white; font-size: medium; font-weight: bold; line-height: 15px; text-decoration: none; }
#menu ul li.section-title:hover { color: #09f; text-decoration: none; }

#prenav a:link { color: white; letter-spacing: 0; position: fixed; bottom: 20px; margin-left: 0; }
#prenav a:hover { color: #09f; }
#prenav a:visited {  }

#content { color: white; height: 100%; margin: 15px 0 0 350px; top: 0; }

.container {  }

#content p { font-size: medium; font-weight: normal; width: 700px; margin-bottom: 15px; margin-left: 2px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ line-height: 15px; margin: 0 0 20px; }
#img-container p	{ width: 400px; margin-bottom: 3px; }

/* SLIDE SHOW - Navigation */
p.nav a { color: gray; line-height: 15px; padding-top: 1px; padding-right: 9px; padding-bottom: 3px; }
p.nav a:hover { color: black; }
p.nav span#num { letter-spacing : 2px; padding-left: 15px; }

#once { clear: left; }

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