@charset "utf-8";
/* CSS Document */

/*
Lightgreen #00bbe4;
Darkgreen #008ead;

Darkgray #8b8b8b;

MEGAMANBlue #0f63a1;
*/

div{
margin:0;
padding:0;
}

body,html{
margin:0;
padding:0;
height:100%;
background-color:#d1d1d1;
background-image:url(../images/bg.body.jpg);
background-repeat:repeat-x;

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4e4e4e;
}

html{
overflow-y:scroll;
}

/*START - GENERAL CLASSES*/

.clearer{
clear:both;
float:none;
height:3px;
}

h1{
font-size:18px;
padding-bottom:10px;
font-weight:normal;
color:#4e4e4e;
}

h2{
font-size:18px;
padding-bottom:10px;
font-weight:normal;
color:#4e4e4e;
}

h3{
font-size:12px;
font-weight:bold;
}

p{
margin-bottom:10px;
}

a:link, a:visited{
color:#4e4e4e;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#4e4e4e;
font-weight:bold;
text-decoration:underline;
}

ul{
margin:0px 0px 10px 0px;
padding:0px;
}

ul li{
margin-left:25px;
}

ol{
margin:0px;
padding:0px;
}

ol li{
margin-left:25px;
list-style-position:inside;
}

/*END*/

#container{
margin:0 auto;
width:900px;
position:relative;

border-left:1px solid #8b8b8b;
border-right:1px solid #8b8b8b;
border-bottom:1px solid #8b8b8b;

background-color:#FFFFFF;
}

	#header{
	position:relative;	
	}
	
		#search-formDIV{
		position:absolute;
		top:92px;
		left:165px;
		}
		
		#wwwlink{
		position:absolute;
		top:92px;
		left:695px;
		}	
		
			#wwwlink a{
			margin-left:5px;
			}			

	#below-header{
	padding-left:7px;
	}
	
		#navmain{
		width:205px;
		height:240px;
		float:left;
		
		background-image:url(../images/bg-navmain.jpg);
		background-repeat:repeat-x;		
		background-color:#008ead;
		}
			
			#navmain ul{
			margin:5px;
			}
			
				#navmain ul li{
				list-style-type:none;
				position:relative;
				
				margin-left:0px;/*Reset*/
				}
				
					#navmain ul li a{
					padding-left:5px;						
					color:#FFFFFF;
					width:190px;
					display:block;
					line-height:20px;
					font-weight:bold;
					}	
					
					#navmain ul li a:hover{
					color:#00bbe4;
					background-color:#FFFFFF;
					text-decoration:none;
					}				
					
					#navmain ul li ul{
					margin:0px;
					position:absolute;
					visibility:hidden;
					top:0px;
					left:195px;
					
					background-image:url(../images/bg-navsub-ul.png);
					background-repeat:repeat;
					}
					
						#navmain ul li ul li a{
						padding:0px 5px 0px 10px;
						font-weight:normal;
						}
						
						#navmain ul li ul li a:hover{
						background:none;
						}							
		
		#flash{
		float:left;
		}
		
	#content{}
		
		#colorbar{}
		
		#contentleft{
		padding:10px 10px 10px 20px;
		width:655px;
		float:left;
		}
		
		#contentright{
		padding:10px 10px 10px 5px;
		width:195px;
		float:left;
		/*overflow-x:hidden;*/
		}	

		
#footer{
margin:0 auto;
padding-top:5px;
width:900px;
text-align:center;
}	
	
	#footer ul{}
	
		#footer ul li{
		display:inline;
		margin:0px 5px 0px 5px;
		}
		
		#footer ul li a{
		color:#0f63a1;
		text-decoration:underline;
		}		

	#footer p{
	margin-bottom:5px;
	}
	
#gallery .project{
	float:left;
	border:3px solid #c0c0c0;
	width:250px;
	text-align:center;
	margin:4px;
	margin-left:40px;
}
#gallery .project .image{
	text-align:center;
	background-color:black;
	padding:10px;
	height:150px;
	overflow:hidden;
}
#gallery .project .name{
	padding:3px;
	font-size:13px;
	line-height:20px;
}
#gallery .project .navigate{
	font-weight:normal;
}
.projbesparing{
	color:#25c54b;
}