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

img, div, input { behavior: url("iepngfix.htc") }

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #CCC;
	background: #000;
	padding:2px;
}

#name {
	z-index:0; position: absolute; top:55px; right:105px;
}

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

a:link { text-decoration: none; color: #CCC; }
a:active { text-decoration: none; color:  #CCC; }
a:visited { text-decoration: none; color:  #CCC; }
a:hover { text-decoration: none; color:#099; }
a:visited:hover { text-decoration: none; color: #099; }

.name a:link { text-decoration: none; color: #CCC; }
.name a:active { text-decoration: none; color:  #CCC; }
.name a:visited { text-decoration: none; color:  #CCC; }
.name a:hover { text-decoration: none; color:  #CCC; }
.name a:visited:hover { text-decoration: none; color:  #CCC; }

#credits {position:fixed; bottom:10px; right:160px; text-align:left; font-size:8px; color: #242424;}
#lang {position:fixed; top:10px; right:20px; text-align:left; font-size:10px; color: #242424;}


#credits a:link { text-decoration: none; color: #242424; }
#credits a:active { text-decoration: none; color:  #242424; }
#credits a:visited { text-decoration: none; color:  #242424; }
#credits a:hover { text-decoration: none; color: #666; }
#credits a:visited:hover { text-decoration: none; color: #666; }

a img { border: none; }

#menu {
	overflow: visible;
    top: 185px;
    bottom: 0;
	right: 107px;
    position: absolute;
    height: 100%;
	font-size:12px;
}

#menu ul {
	list-style: none;
	margin: 0px 0px 16px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
}

#navy {
	border-bottom:#099 solid 1px;
}


#menu ul li.section-title { text-transform:uppercase; margin-left:-10px; color:#099; }

#content {
    height: 100%;
    margin: 150px 0 0 75px;
}

.comp {
	margin-left:-10px;
	font-size:8px;
	text-decoration:underline;
}

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

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

p {
    margin: 0 0 8px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF; 
}

p a:link { text-decoration: underline; color: #fff; }
p a:active { text-decoration: underline; color:  #fff; }
p a:visited { text-decoration: underline; color:  #fff; }
p a:hover { text-decoration: none; color: #099; }
p a:visited:hover { text-decoration: none; color:  #099; }

h1 { font-size: 9px; font-family:Arial, Helvetica, sans-serif; width: 48%;}
h2 { font-size: 11px; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; width: 48%;}
h3 { font-size: 18px; font-family:Arial, Helvetica, sans-serif; padding-bottom:30px; width: 48%; margin-top:10px;}
h4 { font-size: 28px; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; width: 48%;}
h5 { font-size: 12px; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; width: 50%;}
h6 { font-size:8px; color:#099;}
h7 { margin-left:10px;}

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

#once { clear: left; }

.title {
	color:#066;
}