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

body {
	font-size: 11px;
	font-family: Century Gothic, Helvetica, 'Trebuchet MS', Trebuchet, Verdana, Arial, Courier;
	#background: #fff;
	background-repeat:no-repeat;
   	background-attachment:fixed;
    	background-position: 0px;
	//previosly 215px;
}


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

a:link { 		text-decoration: none; 
			color: #999999; 
			}

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

a:hover { 
			text-decoration: none; 
			color: #fff; 
			background-color: #555555; 
			border-right: 2px solid #555555; 
			border-left: 2px solid #555555; 
			}

.home_link:hover {
			text-decoration: none;
			border: 0px;
			}

img {
			border: none; 
			background-color: none; 
			border-right: none; 
			border-left: none; 
			}
a:active { 
			text-decoration: none; 
			color: #999999; 
			}
#the-background {
			position: fixed;
			overflow: hidden;
			z-index:1;
			width: 100%;
			height: 100%;
			top:0;
			left:0;
			}
#wrapper {
			position: absolute;
			z-index: 2;
			width: 100%;
			height: 100%;
			top: 0;
			left:0;
			}

#menu {
    			width: 215px;
    			overflow: auto;
			font-size: 110%;
    			top: 0;
    			bottom: 0;
			left: 0;
			right: 5;
			position: fixed;
    			height: 100%;
			background-color: transparent;
			}


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

#menu ul li.section-title { 
			font-weight: bold; 
			font-family: Verdana, Century Gothic, Helvetica, 'Trebuchet MS', Trebuchet, Verdana, Arial, Courier;
			font-size: 10px;
			font-weight: lighter;
			line-height: 14px;
			text-transform: uppercase;
			background-color: #555555;
			max-width: 192px;
			border-left: 7px solid #555555;
        		color: #FFFFFF;
        		}
     

#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: 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; }

#once { clear: left; }

#graphicbutton {
a:hover { text-decoration: none;}
}