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

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	background-color: #fff;
	color: #7F7F7F;
	line-height:15px;
}

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

#text {position:static;}

.text1 {
	width: 250px; 
	padding: 15px 20px;
	margin-bottom: 5px;
	background: #7F7F7F;
	color: white;
}

.text1 a:link { text-decoration: none; color: #1BF726;}
.text1 a:visited { text-decoration: none; color: #1BF726; }
.text1 a:hover { text-decoration: none; color: #ffffff; background: #1BF726; }
.text1 a:active { text-decoration: none; color: #ffffff; background: #1BF726; }

.text2 {
	width: 100%x; 
	padding: 15px 20px;
	margin-bottom: 5px;
	background: #7F7F7F;
	color: white;
	top: 5px;
	left: 300px;
}

.arrowtext {
	width: 250px; 
	padding: 15px 20px;
	background-image: url('http://katedewitt.com/files/gimgs/15_diagonallines.png');
	color: #7F7F7F;
	text-align: center;
	position: fixed;
	text-transform: uppercase;
	/*top: 525px;*/
}

.arrowtext a:link { text-decoration: none; color: #7F7F7F;font-weight: bold;}
.arrowtext a:visited { text-decoration: none; color: #7F7F7F; }
.arrowtext a:hover { text-decoration: none; background: #1BF726; color: white;}
.arrowtext a:active { text-decoration: none; }

a:link { text-decoration: none; color: #7F7F7F; }
a:visited { text-decoration: none; color: #7F7F7F; }
a:hover { text-decoration: none; color: #ffffff; background: #7F7F7F; }
a:active { text-decoration: none; color: #ffffff; background: #7F7F7F; }

a img { border: none; }

#menu {
    width: 215px;
    overflow: off;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title { 
	background-color: #1BF726;
	color: white;
	margin: 2px 2px 2px 2px;
	font-weight: bolder;
}

#menu li.active a { text-decoration: none; color: #ffffff; background: #7F7F7F;  }


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

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

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

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }

h2 { 
	font-size: 11px;
	color: white 
}

h3 { 	
	font-size: 11px;
	background-color: #1BF726;
	margin: 2px 2px 2px 2px;
	font-weight: bolder;
	color: white; 
	}

h4 { 
	font-size: 11px;
	background-color: #7F7F7F;
	margin: 2px 2px 2px 2px;
	font-weight: bolder;
	color: white;
	}

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

#once { clear: left; }