/* fonts */

@font-face {
	font-family: Graublau;
	src: url(GraublauWeb.otf);
}

@font-face {
	font-family: Graublau;
	font-weight: bold;
	src: url(GraublauWebBold.otf);
}

/* style */

body {
	
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	
	font-family: "Graublau", "Trebuchet MS", sans-serif;
	
}

	#head-canvas {
		
		display: block;
		position: relative;
		width: 100%;
		height: 200px;
		background: #111 url(header.png) top left repeat-x;
		overflow: hidden;
		
	}

		#head {
			
			display: block;
			position: relative;
			width: 800px;
			height: 200px;
			margin: 0 auto;
			overflow: hidden;
			
			
		}

			#head h1 {
			
				display: block;
				position: absolute;
				left: 0px;
				top: 40px;

				font-size: 0;
				color: transparent;

				width: 400px;
				height: 140px;
			
				background: url(velociraptor-logo.png) top left no-repeat;
			
				padding: 0;
			
			}
		
			#head h2 {
			
				display: block;
				position: absolute;
				left: 410px;
				bottom: 65px;
			

				font-size: .9em;
				font-weight: normal;
				color: #111;
				background-color: #fff;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				text-align: center;
						
				padding: 5px 10px;
				margin: 0px;
				margin-right: 20px;
			
			}
		

	#menu-canvas {

		display: block;
		position: relative;
		width: 100%;		
		height: 40px;
		background-color: #333;

	}
	
		#menu {
			
			display: block;
			position: relative;
			max-width: 700px;
			margin: 0 auto;
			padding: 0px 50px;
			line-height: 1.6em;
			
		}
		
			#menu ul {
				
				display: block;
				position: relative;
				margin: 0px;
				padding: 0px;
				
			}
			
				#menu ul li {
					
					display: block;
					position: relative;
										
					padding: 0px;
					list-style: none;
					float: left;
					
				}

					#menu ul li a {
					
						display: block;
						position: relative;
					
						height: 30px;
						margin: 5px 5px;
						padding: 0px 10px;
					
						-moz-border-radius: 7px;
						-webkit-border-radius: 7px;
					
						font-size: 1.4em;
						font-weight: normal;
						text-decoration: none;
						color: #fff;
						background-color: #111;
						line-height: 1.4em;
					
					}

						#menu ul li a:hover {
							
							background-color: #000;
							
						}

	#content-canvas {
		
		display: block;
		position: relative;
		width: 100%;		
		
	}

		#content {
		
			display: block;
			position: relative;
			max-width: 700px;
			margin: 0 auto;
			padding: 30px 50px 50px;
			line-height: 1.6em;
		
		}
		
			#content .intro {
			
				display: block;
				position: relative;
				background-color: #eee;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				padding: 10px 20px;
			
			}
	
				#content .intro p {
				
					margin: 0px;
					padding: 0px;
					text-align: justify;
				
				}

			#content .item {
			
			
			
			}
			
				#content .item h3 {
					
					color: #7f0;
					font-size: 1.7em;
					
				}
			
				#content .item p {
					
					margin: 0px;
					padding: 10px 0px;
					text-align: justify;
					
				}
	
				#content .item p a {
					
					text-decoration: none;
					color: #fff;
					background-color: #333;
					border-left: 4px solid #333;
					border-right: 4px solid #333;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					
				}
	
				#content .item p a:hover {
					
					background-color: #111;
					border-left: 4px solid #111;
					border-right: 4px solid #111;
					
				}
				
				#content .item .hilight {
					
					color: #111;
					font-weight: bold;
					
				}
				
				#content .item img.right {
					
					float: right;
					margin: 0px 0px 20px 20px;
					border-width: 0px;
					
				}
	
	#foot-canvas {
		
		display: block;
		position: relative;
		width: 100%;
		background-color: #eee;
		overflow: hidden;
						
	}		
	
		#foot {
			
			display: block;
			position: relative;
			
			margin: 0px;
			padding: 20px;
			line-height: 1.2em;

			background-color: #eee;
			text-align: center;
			
		}
	
		#foot p {
		
			color: #666;
			font-size: .8em;
			margin: 0px;
			padding: 0px;
		
		}
		
			#foot p a {
				
				text-decoration: none;
				color: #fff;
				background-color: #333;
				border-left: 4px solid #333;
				border-right: 4px solid #333;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				
			}
	
	
	#climber {

		display: block;
		position: absolute;
		left: 5%;
		top: 0px;
		width: 240px;
		height: 329px;
		background: url(climb-small.png) 0px -50px no-repeat;
		z-index: 100;

	}