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

	
}

body {
	font-size: 14px;
	font-family: Georgia, Times, serif;
	
}
body { }
body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #5e5e5e;}
a:active { text-decoration: none; color: #000000; background-color: #FFFFFF;}
a:visited { text-decoration: none; color: #373737;}
a:hover { text-decoration: line-through;  color: #929292;background-color:#FFFFFF}

a img { border: none; }

/*menu box (white)*/
#menu {
    width: 200px;
/*took overflow out right here cuz I was getting a scroll bar at the bottom of the menu*/    
   top: 00;
    bottom: 0;
	left: 35px;
    position: fixed;
    height: 100%;
	background-color: #ffffff; opacity: 0.7;
	
	 }
/*opacity:.80; would change the menu box opacity*/
#menu ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding-top: 5px;

}
/*below affects the menu section*/
#menu ul li.section-title { font-size:14px; color:#5e5e5e; 
text-decoration:none;
color:#5e5e5e; 
font-weight:bold;margin-bottom: 3px;
    border-top: 1px dotted #5e5e5e;
	 border-bottom: 1px dotted #5e5e5e;}

#content {
    height: 100%;
    margin: 0 0 0 350px;
    top:0;
}
/*the first number is top alignment of content*/
.container {
    padding: 25px 5px 0px 10px;
}

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

p {
    margin: 0 0 30px 5;
}

h1 { font-size: 60px; font-family:Helvetica, Helvetica Neue, sans-serif; color: #FFF; opacity:0.7; }
h2 { font-size: 24px; color:#5e5e5e }
h3 { font-size: 16px; color:#5e5e5e }
h4 { font-size: 12px; color:#5e5e5e }

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

#once { clear: left; }width: 599px;