/* CSS Document */

p {
	font:10px "Verdana", "Arial", "Helvetica", "sans-serif";
	color:#666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

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

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

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

html, body { 
height: 100%; 
margin: 0; 
overflow: hidden; 
padding: 0; 
width: 100%; 
}
#sidenav {
	background: #ffffff;
	height: 100%;
	float: left;
	width: 290px;
	padding: 10px 0px 0px 32px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font:10px "Verdana", "Arial", "Helvetica", "sans-serif";
	overflow: hidden;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sidenav2 { 
background: #000000; 
height: 100%; 
float: left; 
width: 290px; 
padding: 10px 0px 0px 32px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font:10px "Verdana", "Arial", "Helvetica", "sans-serif";
overflow: hidden; 
}
#sidenav3 { 
background: #383838; 
height: 100%; 
float: left; 
width: 290px; 
padding: 10px 0px 0px 32px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font:10px "Verdana", "Arial", "Helvetica", "sans-serif";
overflow: hidden; 
}
#content { 
height: 100%; 
overflow: auto;
right:0;
padding: 17px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font:10px "Verdana", "Arial", "Helvetica", "sans-serif";
}


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


#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:167px;
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;

}