* { margin: 0; padding: 0; border: 0; }

body {
	font: 12px/22px Arial, Helvetica, sans-serif;
	color: #808080;
	background-color: #000;
	-webkit-text-size-adjust: none;
}
body#main {	background: #000 url('../images/main_gradient_bck.jpg') no-repeat scroll center 242px; }
body#sub { background: #000 url('../images/body_bck.png') repeat-x scroll 0 242px; }

a:link, a:visited {	color: #808080;	text-decoration: none; }
a:active, a:hover {	color: #fff; }

h1 {
	font-size: 30px;
	line-height: 22px;
	color: #e0e0e0;
	margin-bottom: 28px;
	font-weight: normal;
}

h2 {
	font-size: 18px;
	line-height: 20px;
	color: #b0b0b0;
	margin-bottom: 17px;
}

h3 {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

p { margin-bottom: 22px; }

form { width:300px; }

label {
    width: 40px;
	height: 23px;
    float: left;
	margin: 7px 6px 6px 0;
}

input {
    width: 220px;
    height: 18px;
    float: right;
	border: 1px solid #808080;
	margin: 6px;
	font-size: 11px;
	padding: 4px 2px 0;
}

input#button {
	width: 80px;
    height:20px;
	padding: 2px 2px 4px;
}

#clear {
    clear:both;
 }


/* ----- Page Elements ----- */

#wrapper {
	margin: 0 auto;
}

#header {
	width: 900px;
	height: 196px;
	background: #000 url('../images/header_gradient_bck.jpg') no-repeat scroll 0 0;
	text-align: center;
	padding-top: 46px;
	letter-spacing: 1px;
	margin: 0 auto;
}

#navbar {
	height: 50px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
}

body#sub #content {
	width: 100%;
	background: transparent url('../images/content_gradient_bck.jpg') no-repeat scroll center 0;
}

#content #top {
	height: 267px;
}

#footer { height: 118px; text-align: center; }
#footer, #footer a { color: #5f5f5f; }
#footer a:hover { color: #fff; }
#footer img { margin-bottom: 31px; }


/* ----- Menus ----- */

ul#mainmenu { padding-top: 42px; }
ul#mainmenu li { display: inline; padding: 0 26px; }
ul#mainmenu li a.active { color: #fff; }

ul#submenu { padding-top: 10px; text-align: center; }
ul#submenu li { display: inline; }
ul#submenu li a { display: inline-block; width: 100px; height: 30px; margin: 0 1px; color: #afafaf; line-height: 30px; }
ul#submenu li a.active { color: #030303; background-image: url('../images/submenu_active_bck.png'); }
ul#submenu li a:hover, ul#submenu li a:active { color: #000; }


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

#overview {
	width: 100%;
	height: 480px;
	text-align: center;
}

#profile {
	width: 396px;
	height: 526px;
	margin: 0 auto 30px;
	background-image: url('../images/main_content_bck.png');
	padding: 56px 32px 0 32px;
	color: #a6a6a6; /* heller */
}

#profile a { color: #a6a6a6; text-decoration: underline; }
#profile a:hover { color: #a6a6a6; text-decoration: none; }

/* PORTFOLIO PAGES */

#project {
	width: 854px;
	height: 649px;
	margin: 0 auto;
	padding-left: 46px;
	position: relative;
}

#project #banner {
	position: absolute;
	top: 0;
	left: 46px;
}

#project #top {
	position: absolute;
	top: 28px;
	left: 378px;
}

#project #links {
	position: absolute;
	top: 226px;
	left: 378px;
}

#project #bottom {
	position: absolute;
	top: 281px;
	left: 385px;
}

#project #bottom a.screen {
	display: inline-block;
	margin: 18px 15px 0 0;
}

#project a { color: #808080; text-decoration: underline; }
#project a:hover { text-decoration: none; }