/*********** BASIC ELEMENTS **********/

* {

	margin: 0;

	padding: 0;

}

body {

	background-color: #f8f9ec;

	text-align: center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

}

.footer 
{
	color:#626545;
}

img {

	border: 0;

}

.clear {

	clear: both;

}

.hidden {

	display:none;

}

.footer
{
	color:#626545;
}


/*********** STRUCTURE **********/

#container {

	margin-top:30px;

	margin-left:auto;

	margin-right: auto;

	width: 1000px;

	height: 647px;

	background-color: #fff;

}





/*********** STRUCTURE **********/

#main {

	padding:22px;

	border:solid 3px #d8dac2;

}

#header {

	width:950px;

	height:385px;

	background-color:#fff;

	

}

#header a.contact {

	float:right;

	height:16px;

	width:16px;

	position:relative;

	top: 205px;

	right:3px;

	font-size:0px;

	color: #91b209;

	text-indent: -10000px;

}

#header a.homepage {

	float:left;

	height:130px;

	width:154px;

	position:relative;

	top: 199px;

	font-size:0px;

	color: #91b209;

	text-indent: -10000px;

}

#content {

	width:950px;

	height:189px;

	background-color: #d8dac2;

	text-align:left;

}

#headline {

	width: 110px;

	height:168px;

	padding-top:21px;

	padding-left:21px;

	background-color: #f5f7eb;

	padding-right:21px;

	float:left;

}

.project {

	float: right;

	height:174px;

	width:772px;

	padding-top:15px;

	padding-left:26px;

	/*background-image:url(../images/home/project_bg.jpg);

	background-position:bottom;

	background-repeat:no-repeat;*/
	background-color:#d8dac4;
	display:none;

}

#footer {

	width: 944px;

	height: 23px;

	background-color: #9da177;

	border-left: 6px solid #bce223;

	text-align:left;

}

.project .photo
 {

	border: 7px solid #fff;

	float:left;

	margin-right:22px;

}

.project .text
 {

	width:329px;

	margin-left:158px;

}

.project .number {

	float:right;

	padding-top:110px;

	padding-right:5px;

	border:0;

	margin:0;

}

/*********** TYPOGRAPHY **********/

#headline h1 {

	font-family:Arial, Helvetica, sans-serif;

	font-weight:normal;

	font-size:11px;

	color: #626545;

	text-transform:uppercase;

}

#headline p {

	font-family:Myriad Pro;

	font-size:10px;

	color: #626545;

	padding-bottom:5px;

}

#headline p.date {

	color:#a2c610;

}

.project h1 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:25px;

	color:#9da177;

	font-weight:normal;

	padding-bottom:2px;

	letter-spacing:2px;

}

.project p {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#626545;

}

.projectVisible
{
	display:block;
}

.projectInvisible
{
	display:none;
}



/*********** NAVIGATION **********/

#project-nav {

	width:190px;

	height:23px;

	float:right;

	background-image:url(../images/home/project_nav_bg.gif);

	background-position:top;

	background-repeat:no-repeat;

	position:relative;

}

#project-nav li {

	top:0px;

	list-style-type: none;

	visibility: visible;

	position:absolute;

}

#project-nav li a {

	padding: 23px 0 0 0;

	overflow: hidden;

	height: 0px;

	font-size:0px;

	display:block;

}

#nav-p01 {

	left:16px;

	width:18px;

}

#nav-p02 {

	left:43px;

	width:18px;

}

#nav-p03 {

	left:70px;

	width:18px;

}

#nav-p04 {

	left:97px;

	width:18px;

}

#nav-p01 a:hover, body#p01 li#nav-p01 a {

	background-position: -16px -23px;

	background-image:url(../images/home/project_nav_bg.gif);

}

#nav-p02 a:hover, body#p02 li#nav-p02 a {

	background-position: -43px -23px;

	background-image:url(../images/home/project_nav_bg.gif);

}

#nav-p03 a:hover, body#p03 li#nav-p03 a {

	background-position: -70px -23px;

	background-image:url(../images/home/project_nav_bg.gif);

}

#nav-p04 a:hover, body#p04 li#nav-p04 a {

	background-position: -97px -23px;

	background-image:url(../images/home/project_nav_bg.gif);

}





#nav-placeholder {

	width:950px;

	height:57px;

}