/* CSS Document */
* { margin: 0; padding: 0; list-style:none; }
p { font: 1.3em/1.3em; }
a { outline: none; color:#000000 }
a img { border: none; }
img{ border:none}
a{ text-decoration:none}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */

body{
	text-align:center;
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, Tahoma;
	background-color: #0f2a55;
	background-image: url(../images/background_big.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapper{
	width:880px;
	height:768px;
	text-align:left;
	margin:0 auto;
	position:relative;
}

#nav{
	position:absolute;
	top:115px;
	right:-10px;
	color:#fff;
}
#nav li{
	float:left;
}
#nav li a{
	color:#fff;
	float:left;
	padding:0 15px;
	font-family:"Lucida Grande";
}
#nav li a:hover{

	color:#6690cc;
}
#nav li.selected a{
	color:#6690cc;
}
#logo{
	position:absolute;
	left:0px;
	top:85px;
	z-index:10px;
}
#video{
	position:absolute;
	top:70px;
	left:0px;
	width:876px;
	height:498px;
	z-index:5px;
}
#projects{
	position:absolute;
	top:175px;
	left:78px;
	width:876px;
	height:498px;
	z-index:5px;
}
.leftimage{
 	float:left;
	margin:0 20px;
 }
 #projects div{
 	height:285px;
	float:left;
 }