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

/* Set 1em to 10px */
body {font-size: 62.5%;}
html>body {font-size: 10px;}

/* Base font face */
* {font-family: "Helvetica", Arial, monospace;} 
html>body * {font-family: "Helvetica", Arial, monospace;}

/* Base font size */
#menu, #content {
	font-size: 1.1em;
}

#menu, #content * {
	line-height: 1.3em;
}

body {
	font-size: 1.4em;
	line-height: 1.6em;
	font-family: Arial, sans-serif;
	background: #ffffcc;
}

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

a:link { 
	text-decoration: none; 
	border-bottom: thin 1px #000000;
	color: #666;
}

a:active { 
	text-decoration: none;
	background: #967966;
	color: #ffffcc;
}

a:visited { 
	text-decoration: none; 
	color: #666;
}

a:hover { 
	text-decoration: none;
	background: #967966;
	color: #ffffcc;
}

a img { border: none; }



/* nav */

#menu {
    width: 200px;
    overflow: auto;
    top: 0;
    bottom: 0;
    left: 0;
    position: fixed;
	height: auto;
	background: #ffffcc;
}

#menu ul {
	list-style: none;
	margin: 0 0 6px 0;
	padding: 0px 6px 6px 12px;
	background: #ffffcc;
}

#menu ul li {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}

#menu ul li.section-title { 
	padding: 4px 0px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
	color: #967966;
}


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

.container {
    padding: 20px 10px 10px 0px;
}


#logotype {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: -.03em;
	margin: 0 0 0 10px;
	color: #967966;
}

#logotype .upon {
	font-size: 1.5em;	
}

#logotype a, #logotype a:hover, #logotype a:visited  {
	color: #967966;
	background: #ffffcc;
}

#content p { 
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #ffffff;
	padding: 4px;
}

#content span {
	background: #333333;
}

#content .textblack {
	background: #000000;
}

#content .textgrey {
	background: #333333;
}

#content .textclear {
	background: none;
}


#content p.Br {
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #967966;
	padding: 4px;
}

#content .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4.4em;
	line-height: .8em;
	font-weight: bold;
	letter-spacing: -.03em;
	color: #ffffcc;
}

#content .titleBr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4.4em;
	line-height: .8em;
	font-weight: bold;
	letter-spacing: -.03em;
	color: #967966;
}

#content .subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 1.1em;
	font-style: italic;
	color: #ffffcc;
	width: 400px;
	margin: 0px 0px 12px 0px;
}

#content .subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: 600;
	color: #ffffcc;
	width: 400px;
	margin: 12px 0px 0px 4px;
}

p {
    margin: 0 0 9px 0;
}

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

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

#img-containerBG { width: 241px; float: right; position: fixed; bottom: 10px; right: 0px; margin: 0px; padding: 12px 12px 0 0; }
#img-containerBG li { display: inline; list-style-type: none; }

#img-containerFront { width: 400px; margin: 0; padding: 0; }
#img-containerFront li { display: inline; list-style-type: none; }
#img-containerFront img { height: 75px; width: 75px; }

#once { clear: left; }