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

/* ----- Reset ----- */

body, form, html, iframe, img, li, object, ol, pre, tabel, tbody, td, tr, ul { border: 0; margin: 0; outline: 0; padding: 0; }
div, h1, h2, h3, h4, h5, h6, input, p, span { margin: 0; padding: 0; }
* { margin: 0; padding: 0; }


/* ----- Body ----- */

* { font: 12px/20px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif; }

body {
	background: #fff url(/img/bg.jpg) top left repeat-x;
	color: #333;
	font: 12px/20px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	}
	
body,
html		{ width: 100%; }
html		{ height: 100%; }

a {
	color: #08c;
	outline: 0;
	text-decoration: none;
	}

	a:hover {
		color: #08f;
		text-decoration: underline;
		}

.clear { clear: both; }


/* ----- @font-face ----- */

@font-face {
	font-family: 'AachenStdBold';
	src: url('/font/aachenstdbold.eot');
	src: local('Aachen Std'), local('AachenStd-Bold'), url('/font/aachenstdbold.woff') format('woff'), url('/font/aachenstdbold.otf') format('opentype'), url('/font/aachenstdbold.svg#AachenStd-Bold') format('svg');
	}


/* ----- Content ----- */

p { margin: 10px 0; }

div#page_wrap {
	height: auto;
	margin: 0 auto;
	padding: 50px 20px 20px;
	width: 945px; 
	}

.outer {
	height: 1px;
	left: 0px;
	overflow: visible;
	position: absolute;
	top: 50%;
	width: 100%;
	}
 
.inner {
	height: 629px;
	left: 50%;
	margin-left: -472px;
	position: absolute;
	top: -314px;
	width: 945px;
	}

div.header {
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 50px 0;
	text-align: center;
	width: 480px; 
	}
	
	div.header a { color: #333; }

div.projects {
	height: 220px;
	padding: 0 0 30px;
	width: 945px; 
	}
	
	div.projects img { float: left; }

div.text {
	float: left;
	height: 220px;
	overflow: hidden;
	padding: 0 0 0 30px;
	width: 475px; 
	}

div#topline {
	background: #6fbd0b;
	display: block;
	height: 10px;
	width: 100%;
	}
	
	div#topline a {
		background: url(/img/flik.gif) 0 0 no-repeat;
		color: #fff;
		display: block;
		height: 24px;
		left: 50%;
		margin: 0 0 0 350px;
		padding: 6px 0 0;
		position: absolute;
		text-align: center;
		width: 80px;
		}
		
		div#topline a:hover {
			cursor: pointer;
			text-decoration: none;
			}

div#top {
	background: #dbdbdc url(/img/me.jpg) center 0 no-repeat;
	display: block;
	height: 15px;
	padding: 185px 0 0;
	}
	
	div#top div.shadow {
		background: url(/img/shadow.png) 0 0 repeat-x;
		float: left;
		height: 15px;
		width: 100%;
		}


/* ----- Headers ----- */

h1, h2 {
	color: #6fbd0b;
	text-transform: uppercase;
	font-family: 'AachenStdBold', Georgia, "Times New Roman", Times, serif;
	}

.header h1, h1 {
	font-size: 48px;
	line-height: 60px;
	margin: 0 0 -5px;
	}

h2 {
	font-size: 25px;
	line-height: 40px;
	}

/* Nones */
div#ie6warning	{ display: none; }