/* CSS RESET */
/* ---------------------------------------------------------------------------------------------------*/
html, body, div, span,  h1, h2, h3, h4, h5, h6, p,  a, em, img, ol, ul, li, form, table, tr, th, td, *{ 
	margin:0; 
	padding:0; 
	border:0;  
	outline:0;  
}

/* GENERAL */
/* ---------------------------------------------------------------------------------------------------*/

body{
	background:  #111 url(bg.jpg) fixed center center;
	color: #FFF;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p{margin-bottom: 10px}

a{text-decoration:none;	color: #124b71;}

a:hover{color:#fff;}

.clear{clear: both;}

#container{
	width: 960px;
	margin: 0 auto 20px auto;
	z-index: 0;
}

/* HEADER */
/* ---------------------------------------------------------------------------------------------------*/

.logo{
	width:501px;
	height:83px;
	float: left;
	margin-top: 40px;
}

.nav{
	float: right;
	text-align: right;
	margin-top: 60px;
	border: none;
	font-size: 15px;
}
.nav li { float: left; display: inline; margin-left: 24px; margin-right: 5px; }

/* MAIN CONTENT */
/* ---------------------------------------------------------------------------------------------------*/

.project{
	width: 960px;
	height: 222px;
	margin-bottom: 50px;
}

.project-image{
	float: left;
	width: 545px;
	height: 222px;
}

.project-info{
	float: left;
	background: url(bg-field.png) repeat;
	width: 415px;
	height: 222px;
}

.project-info a:hover{color:#000;}

.project-info-text{
	width: 340px;
	height: 145px;
	margin-top: 30px;
	margin-left: 40px;
	font-size: 14px;
	position:relative;   
	z-index:1;  
}

.button{
	font-size: 16px;
	color: #124b71;
	font-weight: bold;
	width: 104px;
	height: 40px;
	float: right;
	text-align: center;
	padding-top: 9px;
	margin-right: 20px;
	margin-top: -20px;
	background: url(button.png) no-repeat;
	position:relative;   
	z-index:1;
}

.button a{text-decoration:none}

/*FOOTER */
/* ---------------------------------------------------------------------------------------------------*/

#footer{
	width: 100%;
	height: 59px;
	color: #124b71;
	clear: both;
	position:relative;   
	z-index:2;
}

.footer-content{
	width:960px;
	color: #124b71;
	margin: 0 auto;
	text-align: right;
}

.footer-content p{
	float: right;
}

#footer a{color:#fff}

#footer a:hover{color:#000}


/* HEADINGS */
/* ---------------------------------------------------------------------------------------------------*/

h1{
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 15px;
	border-bottom: 1px dashed #fcee1f;
	padding-bottom: 5px;
}

h2{
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/* FORM */
/* ---------------------------------------------------------------------------------------------------*/


#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-right: 72px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}