/*
	(c) Super-Fi 2006
*/

a, a:visited, a:link {
	color: #0099FF;
}

body {
	line-height: 1.5em;
}

html, body, form {
	margin: 0;
	padding: 0px 0 60px 0;
	background-color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 90%;
    color: #999999;
}

label {
	display: none;
}

p {
	padding: 0;
	margin: 0 0 1em 0;
}

img {
	border: 0;
}

div {
	margin: 0;
/*	border: 1px solid #000; */
}

#main {
	margin: 40px auto;
    width: 980px;
    position: relative;
}

#logo {
	height: 120px;
	text-align: right;
}


mainnavigation {
    padding: 40px 0px 0px ;
}

#menu, #submenu, #projects {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 105%;
}

#submenu {
	margin-top: 40px;
}

#submenu li {
	line-height: 120%;
}

#projects {
	margin: 15px  0;
}

#menu a, #submenu a {
	color: #B3B3B3;
	text-decoration: none;
}
#menu a:hover, #submenu a:hover, #submenu .active a, #submenu .active #projects .active a, #submenu .active #projects a:hover {
	color: #03B0F4;
}

#submenu .active #projects a {
	color: #666;
	text-decoration: none;
}
#submenu li a {
	display: block;
	background-repeat: no-repeat;
}


#left, #normal, #right, #proleft, #proright {
	float: left;
}

#left {
	width: 180px;
}
#normal {
	width: 700px;
	position: relative;
}

.clear {
	clear: both;
	height: 1px;
	width: 0;
}

#imgviewer {
	width: 800px;
	height: 400px;
	margin: 0 0 40px;
}
#imgviewer img {
	float: left;
}

#proleft, #proright {
	width: 330px;
	padding-right: 20px;
}
#proright {
	padding: 0;
}

#mask {
    position: absolute;
    top: 0;
    z-index: 999;
    height: 370px;
    width: 40px;
    background: transparent url(../i/mask.png) no-repeat 0 0;
}
#teaserimg {
    height: 370px;
    background: #999;
    width: 800px;
    overflow: hidden;
}

.projectheader {
	position: absolute;
	top: -88px;
	z-index: 9999;
}