/* CSS Document */

p {font:17px "Arial", "Verdana", "Helvetica", "sans-serif" ;
   color:#CCCCCC;
text-decoration: none;
	line-height: 13px;
}

a.a1:link { color: #666666; text-decoration: none}
a.a1:active {color: #666666;text-decoration: none }
a.a1:visited {color: #666666;text-decoration: none }
a.a1:hover {color: #ffffff;background: #000000 }

a.a2:link { color: #000000; text-decoration: none }
a.a2:active {color: #000000;text-decoration: none }
a.a2:visited {color: #000000;text-decoration: none }
a.a2:hover {color: #ffffff;background: #000000 }

a.a3:link { color: #000000; text-decoration: none }
a.a3:active {color: #000000;text-decoration: none }
a.a3:visited {color: #000000;text-decoration: none }
a.a3:hover {color: #ffffff;background: #000000 }

a.a4:link { color: #666666; text-decoration: none }
a.a4:active {color: #666666;text-decoration: none }
a.a4:visited {color: #666666;text-decoration: none }
a.a4:hover {color: #ffffff;}

a.a5:link { color: #ffffff; text-decoration: none }
a.a5:active {color: #ffffff;text-decoration: none }
a.a5:visited {color: #ffffff;text-decoration: none }
a.a5:hover {color: #666666; }

html, body { 
height: 100%; 
margin: 0; 
color:#CCCCCC;
overflow: hidden; 
padding: 0; 
width: 100%; 
}
#sidenav {
	height: 100%;
	float: left;
	width: 232px;
	padding: 50px 0px 0px 28px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font:17px "Arial", "Verdana", "Helvetica", "sans-serif";
	overflow: hidden;
	line-height: 13px;
}
#sidenav2 {
background: #000000; 
height: 100%; 
float: left; 
width: 232px; 
padding: 50px 0px 0px 28px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font:17px "Arial", "Verdana", "Helvetica", "sans-serif";
overflow: hidden;
line-height: 13px;
}
#sidenav3 { 
background: #383838; 
height: 100%; 
float: left; 
width: 232px; 
padding: 50px 0px 0px 28px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font:17px "Arial", "Verdana", "Helvetica", "sans-serif";
overflow: hidden;
line-height: 13px;
}
#content { 
height: 100%; 
overflow: auto;
right:0;
padding: 17px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font:17px "Arial", "Verdana", "Helvetica", "sans-serif";
line-height: 13px;
}


#main {
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
	height: 100%;
	position: static;
}


#main2 { 
background: #000000; 
bottom: auto; 
left: auto; 
right: auto; 
top: auto; 
height: 100%; 
position: static; 
}
#main3 { 
background: #383838; 
bottom: auto; 
left: auto; 
right: auto; 
top: auto; 
height: 100%; 
position: static; 
}

#layer1 {
	position:absolute;
	Left:280px;
	top:150px;
	width:167px;
	height:20px;
	z-index:10;
}

#layer2 {
position:absolute;
Left:80px;
top:400px;
width:0px;
height:0px;
z-index:2;

}
#layer3 {
position:absolute;
Left:200px;
top:100px;
width:0px;
height:0px;
z-index:3;

}

#layer4 {
position:absolute;
Left:240px;
top:300px;
width:0px;
height:0px;
z-index:4;
}

#layer5 {
position:absolute;
Left:220px;
top:180px;
width:167px;
height:167px;
z-index:5;
}

#layer6 {
position:absolute;
Left:300px;
top:200px;
width:167px;
height:167px;
z-index:10;
}

#article {
position:relative;
left:20px;
right:10px;
top:20px;
width:580px;

}
#viewproject {
position:relative;
left:10px;
right:10px;
top:-20px;
width:0px;

}