/*
      layout inspiration from
	  http://www.code-sucks.com
*/

* {
	margin: 0;
	padding: 0;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url('../Images/Background.png');
 background-position:center;
 background-repeat:repeat-y;
}

#wrapper { 
 margin: 0 auto;
 width: 1000px;
}

#header {
 width: 1000px;
 height: 150px;
}

#navigation {
	position: relative;
	height: 60px;
	width: 974px;
	margin: 5px 0;
	padding: 0px 10px;
	overflow: hidden;
	background-color: #ccc; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 3px solid #969696;
	font-size: 24px;
 	font-variant:small-caps;
 	font-weight:bold;
}

#navigation li {
	float: left;
	height:58px;
}

#navigation li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	outline: none;
	text-align: center;
	letter-spacing: 0;
	line-height: 60px;
	z-index: 10;
	display: block;
	float: left;
	height: 60px;
	width:162.33px;
	position: relative;
	overflow: hidden;
}

#navigation li.back {
	background-color: #969696; -moz-border-radius: 12px; -webkit-border-radius: 12px; 
	width: 9px;
	height: 40px;
	z-index: 8;
	margin-top: 10px;
	position: absolute;
}

#content { 
 width: 994px;
 margin: 5px 0px 0px 0px;
 background-color: #ccc; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 3px solid #969696;
}


#featuredprojects{
	color: #ccc;
	padding: 10px 0px 10px 0px;
	width: 994px;
	margin: 20px 0px 0px 0px;
	background-color: #868686;
	font-variant: small-caps;
	font-size: 48px;
}

#featuredprojects h2{
	margin-left: 20px;
}

.project{
	
	width: 994px;
	height: 280px;
	padding: 0;
	margin: 0;
}

.project h2{
	font-size:36px;
	font-weight:lighter;
	padding: 30px 0px 15px 0px;
}

.project img{
	border: #FFF 8px solid;
	margin: 20px 20px 0px 20px;
	float: left;
}

.project p
{
	font-size:16px;
	padding-right: 20px;
	line-height:20px;
	text-align:justify;
}