/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}
body {
	background:#000000;
	color:#FFFFFF;
	font-family:Verdana,sans-serif;
	font-size:12px;
	line-height:150%;
}

body.section-1 {
}
body.section-2 {
}
body.section-3 {
}
a:link {
	text-decoration: none;
	color: #999;
}
a:active {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
#menu {
	bottom:0;
	height:100%;
	overflow:auto;
	padding:0 0 0 20px;
	position:fixed;
	top:10px;
	left:0px;
	width:215px;
}
#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}
#menu ul li.section-title {
	font-weight: bolder;
	font-size: 11px;
}
#content {
	height:50%;
	margin:0 0 0 230px;
	padding:25px 0 0;
	top:40px;
	width:600px;
}
.container {
	padding: 0px 5px 25px;
}
#content p {
	width: 400px;
	margin-bottom: 9px;
}
p {
	margin: 0 0 9px 0;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 12px;
}
#img-container {
	margin: 0;
	padding: 0;
}
#img-container p {
	width: 400px;
	margin: 0;
	padding: 0 0 12px 0;
}
#img-container-menu {
	position: absolute;
	top: 10px;
}
#once {
	clear: left;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

label {
display:block;
float:left;
margin-right:0.5em;
text-align:right;
width:5em;
}
input {
background:#000 none repeat scroll 0 0;
border:2px solid #333;
color:#ccc;
}
.submit input 
{
background:#000 none repeat scroll 0 0;
border:2px outset #000;
color:#fff;
}
.submit input:hover
{
background:#555 none repeat scroll 0 0;
border:2px outset #000;
color:#fff;
}
textarea {
background:#000;
border:2px solid #333;
color:#ccc;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}