/* G L O B A L  S T Y L E S
==================================================================*/

html, body {
	height: 100.01%;
}

.hidden {
	display: none;
}

/* L A Y O U T 
==================================================================*/

	/*
	 * W R A P P E R
	 */
	 
		#wrapper {
			position: relative;
			min-height: 100%;
		}

	/*
	 * L A N G U A G E S   B A R 
	 */
	 
		#languages {
			height: 24px;
			background: url(../images/bg-lang-tile.png) repeat-x left top;
		}
		
			#languages ul {
				width: 835px;
				padding-top: 2px;
				margin: 0 auto;
			}
			
				#languages li {
					padding: 0 7px 0 5px;
					float: right;
					list-style: none;
					background: url(../images/bg-separator.png) no-repeat right center;
					color: #9c6;
				}
				
				#languages li.first {
					padding-right: 0;
					background: none;
				}
				
				#languages a {
					color: #9c6;
					text-decoration: none;
				}
				
				#languages a.selected {
					color: #fff;
				}
				
				#languages a:hover {
					text-decoration: underline;
				}
				
	/*
	 * H E A D E R
	 */
	 
		#header {
			position: relative;
			height: 134px;
			background: url(../images/bg-header-tile.png) repeat-x left top;
		}
			
			#logo {
				position: relative;
				margin: 0 auto;
				padding-top: 1px;
				width: 1070px;
				height: 108px;
			}
		
	/*
	 * N A V I G A T I O N
	 */				
	
	 	#navigation {
	 		position: absolute;
	 		width: 100%;
	 		bottom: 0;
	 	}
	 	
	 	#navigation ul {
			width: 835px;	 		
	 		margin: 0 auto;
	 	}
	 	
	 	#navigation li {
	 		float: left;
	 		margin-right: 4px;
	 		list-style: none;
	 	}
	 	
		#navigation a {
			display: block;
			width: 158px;
			height: 25px;
			padding-left: 5px;
			background: url(../images/btn-navigation.png) no-repeat left top;
			color: #000;
			text-decoration: none;
	 		cursor: pointer;
		}	
		
		#navigation a span {
			display: block;
			padding-right: 5px;
			height: 25px;
			background: url(../images/btn-navigation.png) no-repeat right top;
			line-height: 25px;
			text-align: center;
		}
		
		#navigation a:hover { background-position: left center; }
		#navigation a:hover span { background-position: right center; }

		#navigation .selected a { background-position: left bottom; }
		#navigation .selected a span { background-position: right bottom; }

		#navigation .selected a:hover { background-position: left bottom; }
		#navigation .selected a:hover span { background-position: right bottom; }
		
	/*
	 * C O N T E N T
	 */
	 
		#content {
			overflow: hidden;
			width: 835px;
			margin: 0 auto;
			padding-top: 15px;
			padding-bottom: 65px;
		}

	/*
	 * M A I N  C O L U M N
	 */

		#main {
			width: 665px;
			float: left;
		}
		
		#welcome_index #main, #past_projects_index #main {
			width: 691px;
		}
		
		#text {
			width: 412px;
		}
		
	/*
	 * B A N N E R S
	 */
	 
		#banners {
			width: 133px;
			float: right;
			margin-right: 5px;
		}
		
			#banners a {
				display: block;
				margin-bottom: 15px;
			}
		
	/*
	 * F O O T E R
	 */	
		
	 	#footer {
	 		position: relative;
	 		text-align: center;
	 		margin-top: -65px;
	 		height: 65px;
	 		background: #232323 url(../images/bg-footer-tile.png) repeat-x left top;
	 	}
	 	
	 		#footer .wrap {
	 			width: 835px;
	 			margin: 0 auto;
	 		}
	 		
	 		#footer ul {
	 			margin: 0;
	 			float: left;
	 			width: 691px;
	 			padding-top: 13px;
	 			text-align: center;
	 		}
	 		
	 			#footer li {
	 				display: inline;
	 				list-style: none;
	 				padding: 0 7px 0 5px;
	 				background: url(../images/bg-separator.png) no-repeat right center;
	 				font-size: 10px;
	 				text-shadow: #222 2px 2px 0;
	 			}
	 			
	 			#footer li.nosep {
	 				background: none;
	 			}
	 			
	 			#footer a {
	 				color: #99cc66;
	 				text-decoration: none;
	 			}
	 			
	 			#footer a:hover {
	 				text-decoration: underline;
	 			}

	 			#footer .copyright {
	 				float: left;
	 				width: 691px;
	 				font-size: 10px;
	 				color: #666;
	 				text-align: center;
	 				font-style: normal;
	 			}
	 	
/* B A S I C  E L E M E N T S
==================================================================*/

	/*
	 * Project information box on the home page
	 */
	 
		.project {
			width: 691px;
			margin-bottom: 15px;
			padding-top: 8px;
			background: url(../images/bg-rounded-box.png) no-repeat left top;
		}
		
			.project .wrap {
				overflow: hidden;
				padding: 0 8px 2px 8px;
				background: url(../images/bg-rounded-box.png) no-repeat left bottom;	
			}
			
			.project .photos {
				overflow: hidden;
				padding: 3px;
				float: left;
				width: 234px;
			}
			
				.project .photos div {
					float: left;
				}
			
			.project .thumb {
				float: left;
				margin: 0 20px 8px 0;
			}
			
			/* Thumbnails on the home page are a bit different */
			#welcome_index .thumb {
				margin: 4px 12px 0 4px;
			}

			.project h2 {
				float: left;
				width: 420px;
				margin-bottom: 22px;
				clear: none;
				border-bottom: 1px solid #d7d7d7;
			}
			
				.project h2 a {
					color: #333;
					text-decoration: none;
				}
				
				.project h2 a:hover {
					color: #555;
				}
			
			.project dl {
			}
			
				.project dl dt {
					float: left;
					padding-right: 8px;
				}
			
			.project .more {
				padding-right: 10px;
				background: url(../images/arrow-grey-right.gif) no-repeat right center;
			}
			
			.project p {
				padding-right: 14px;
			}
			
	/*
	 * Lightbox window
	 */
	 
	.lightbox-window {
		position: absolute;
		z-index: 2000;
		width: 760px;
		height: 605px;
		overflow: hidden;
	}
	
		.lightbox-window .shadow {
			position: absolute;
			width: 760px;
			height: 605px;
			background: url(../images/lightbox-shadow.png) no-repeat center;
		}
		
		.lightbox-window .image {
			width: 700px;
			height: 467px;
		}
		
		.lightbox-window .close-link {
			float: right;
			margin: 15px 15px 0 0;
			color: #333;
			font-size: 16px;
			text-decoration: none;
		}
	
		.lightbox-window .titlebar {
			position: absolute;
			width: 700px;
			height: 50px;
			opacity: .7;
			background: #fff;
		}
		
		.lightbox-window .photo-container {
			position: absolute;
			left: 30px;
			top: 25px;
			width: 700px;
			height: 545px;
			background: #f0f0f0;
			text-align: center;
		}
		
		.lightbox-window .photo-container .photo img {
			margin: 17px 3px 0 0;
		}
		
		.lightbox-window .list img {
			opacity: .5;
		}
		
		.lightbox-window .list a {
			outline: none;
		}
		
		.lightbox-window .list .selected img {
			opacity: 1;
		}
		
/* P A G E  S P E C I F I C  S T Y L E S
==================================================================*/		
	#map {
		float: right;
		margin-top: 12px;
		margin-right: -9px;
	}
	
	#contacts_index h3 {
		clear: none;
	}
	
	#contacts_address {
		overflow: hidden;
		margin-top: 18px;
	}
	
	#contacts_address dd {
		font-weight: normal;
		padding-left: 55px;
	}
	
	#contacts_address dt {
		float: left;
		clear: left;
		padding-right: 5px;
		width: 50px;
		font-weight: bold;		
	}
	
	#contact_form label { display: block; }
	#contact_form input, #contact_form textarea { width: 300px; }
	#contact_form textarea { margin-top: 4px; height: 150px; padding: 3px; }
	#contact_form .button { width: auto; margin-bottom: 18px; }
	
	.validation-advice {
		color: red;
	}

/* New Year's Card */
#welcome_index .lightbox-window .image {
	height: auto;
}