@charset "utf-8";
/* CSS Document */

body, div, h1, h2, h3, h4, ul, p, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}
.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom: 1; } 
body{
	color:#ffffff;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #3F351D;
}	
html, body { height:100%; }
#distance { 
	width:1px; height:50%; float:left;
	margin-bottom:-337px; /* half of container's height */
}
#container{
	width:1008px; margin:0 auto;
	height:674px; position:relative; /* puts container in front of distance */clear:left;
}
#header {
	position:relative; height:134px;
}
		#header h1 a {
			display: block; width: 197px; height: 135px; outline:none;
			background: url(../images/logo.png) no-repeat; text-indent: -9999px;
		}
	#header ul{
	list-style:none;
	position:absolute;
	right:0;
	bottom:0px;
	padding:0 0 50px 295px;
	width:681px;
	border-bottom:1px solid #6E644A;
	}
		#header ul li{
			float:left; margin:0 0 0 64px; font-size:14px;		
		}
			#header ul li a{
				font-size:14px; color:#6E644A; text-decoration:none;
				text-transform:uppercase;	
			}
			#header ul li a:hover{
				color:#ffffff;				
			}
#main{
	position:relative; height:500px;
}
	#main img.index{
		margin:10px 0 0 104px;
	}
#main2{
	position:relative; height:500px;
}
	#main2 img.index{
		margin:10px 0 0 104px;
	}
	#main h2 {
		color:#A5CD39; font-size:21px; font-weight:normal; font-stretch: expanded;
		text-transform:uppercase; position:absolute; right:20px; top:30px;
		letter-spacing: 1px;
	}
		#main h2 span{
			color:#ffffff;
		}
	#main2 h2 {
		color:#A5CD39; font-size:21px; font-weight:normal; font-stretch: expanded;
		text-transform:uppercase; position:absolute; right:20px; top:30px;
		letter-spacing: 1px;
	}
		#main2 h2 span{
			color:#ffffff;
		}
	#main ul {
		list-style:none; margin:21px 0 0 0; width:1050px; overflow: hidden;
		height:412px;
	}
		#main ul li {
			float:left; margin:0 32px 0 0; height:206px;	 /*maring 42*/	
			
		}
		#main ul li img {
			border:5px solid #6E644A;				
		}
		#main ul li:hover img {
			border:5px solid #FFFFFF;				
		}
			
			#main ul li p{
				margin:2px 0 0 6px; color:#FFFFFF; text-transform:uppercase;		
				font-size: 12px;
				line-height: 18px;	
			
			}
				#main ul li p a{
					color:#6E644A; text-decoration:none;	
				}
				#main ul li:hover p a{
					color:#FFFFFF; text-decoration:none;	
				}
		/*#main ul li.first-child {
			margin:0;
		}*/
	#main p.pagination {
		width:109px; height:29px; margin:0 auto ; position:relative; padding:30px 0 0 0;
	}
		#main p.pagination a{
			background:url(../images/pagination.png) no-repeat; cursor:pointer; position: absolute;
			height:29px; width:29px; outline:none;  text-indent:-9999px; display:block;
		}
		#main p.pagination a.prev{
			left:0;
			background-position:0px -30px; 
		}
		#main p.pagination a.prev:hover{
			background-position:-30px 0px;
		}
		#main p.pagination a.next{
			right:0;
			background-position:0 0; margin:0 0 0 51px;
		}
		#main p.pagination a.next:hover{
			background-position:-30px -30px; 
		}
	#main2 .profile {
		font-size:11px; padding:70px 0 0 0; position:absolute; left:0; width:100%;
	}
	#main2 .profile strong {
		color:#A5CD39;
	}
		#main2 .profile p{
			letter-spacing:1px;
			padding-bottom:12px;
		}
	#main2 .profile ul li {
		list-stlye:inside;
		list-style:disc inside none;
	}
	#main2 .profile ul{
		margin-bottom:20px;
		list-stlye:inside;
	}
		
		
	.position-absolute-project-details {
		position:absolute; left:78px; bottom:0px; overflow:hidden; 
	}	
	#main .project-details {
		padding:84px 0 0 0; position:relative; height:394px;
	}
		#main .project-details p{
			width:451px; line-height:20px;
		}
		#main .project-details img{
			position:absolute; top:84px; right:0;
		}
		#main .project-details ul{
			list-style:none; width:835px; height:86px; margin:0;
		}
			#main .project-details ul li{
				float:left; height:auto; margin:0 0 0 16px;
			}
				#main .project-details ul li img{
					position: static; border:0;
				}
			#main .project-details .pagination a{
				background:url(../images/pagination.png) no-repeat; cursor:pointer; position: absolute; bottom:35px;
				height:29px; width:29px; outline:none;  text-indent:-9999px; display:block;
			}
			#main .project-details .pagination a.prev{
				left:0; background-position:0px -30px; 
			}
			#main .project-details .pagination a.prev:hover{
				background-position:-30px 0px; 
			}
			#main .project-details .pagination a.next{
				right:0;background-position:0 0;
			}
			#main .project-details .pagination a.next:hover{
				right:0;background-position:-30px -30px;
			}
	#main .contact {
		padding:84px 0 0 0; position:relative;
	}
		#main .contact img {
			position:absolute; top:84px; right:0;
		}
		#main .contact p {
			width:223px; margin:20px 0 0 0; line-height:20px;
			font-size:14px;
		}
		#main .contact p.small {
			font-size:10px;
		}
		#main .contact p.address {
			margin:0;
		}
		#main .contact a {
			color:#A5CD39;
		}
			#main .contact a img{
				position:static;
			}
#footer{
	position:relative;
	border-top:1px solid #6E644A;
}
	#footer p{
		color:#6E644A; font-size:10px; margin:6px 0 0 0;
	}
	#footer img{
		position:absolute; right:0; top:5px;
	}
.hidden {
	display:none;
}
.contact-form {
	background:#A5CD39; padding:37px 77px 45px;
	position:relative; font-family:Verdana, Arial, Helvetica, sans-serif;
}
	.contact-form .contact-align-left{
		width:341px; float:left; overflow:hidden;
	}
	.contact-form .contact-align-right{
		width:341px; float:left; margin:0 0 0 20px;
	}
	.contact-form form{
		width:702px; margin:65px 0 52px 0; 
	}

	.contact-form h2{
		text-transform: uppercase; font-weight:normal; letter-spacing:1px;
		font-size:21px;	
	}
		.contact-form h2 span{
			color:#5a471b;
		}
	.contact-form a{
		color:#5A471C; text-decoration:none;	
	}
		.contact-form form p.button{
			position:relative;
		}
			.contact-form form p.button span{
				position:absolute; right:0; top:0;	
			}
	.contact-form label{
		display:block; margin:5px 0 0 0; font-size:13px;
		letter-spacing:1px;	
	}
	.contact-form input{
		background:#c0dc75; border:0; line-height:25px; height:25px;
		width:100%; outline:none; color:#5a471b;
	}
	.contact-form input.submit{
		width:57px; height:24px; text-align:center; color:#ffffff; margin:0 0 0 5px;
		cursor:pointer;background: url(../images/button-submit.gif) no-repeat;
	}
	.contact-form input.reset{
		width:57px; height:24px; text-align:center; color:#ffffff;
		cursor:pointer;background: url(../images/button-clear.gif) no-repeat;
	}
	.contact-form label.error{ 
		display:none; 
	}
	.contact-form input.error {
	 	background:#f3c0b4; 
	}
	.contact-form input:focus,
	.contact-form textarea:focus {
		background:#FFFFFF; 
	}
	.contact-form input.submit:focus,
	.contact-form input.reset:focus { 
		background:#c0dc75; 
	}
	.contact-form textarea{
		background:#c0dc75; border:0; color:#5a471b;
		width:341px; height:211px;	outline:none;
	}