﻿html, body {
	margin: 0;
	padding: 0;
}

body {
	font-size: 13pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: #141414 url('/_Images/background-page.png') repeat-y center center;
}

#homepage-header {
	background: #1d1d1d url('/_Images/background-homepage-header.jpg') repeat-y left top;
	border: 1px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14pt;
	padding: 3px 15px 10px 15px;
}
	#homepage-header span {
		color: #b6d925;
		font-size: 23pt;
	}

#homepage-content {
	
}
	#homepage-content h1 {
		color: #A3C421;
		padding-left: 15px;
		margin-bottom: 3px;
		font-size: 24pt;
	}
	#homepage-content #homepage-features {
		position: relative;
		height: 375px;
		width: 880px;
		background: transparent url('/_Images/background-homepage-features.png') no-repeat center top;
		/*overflow-x: hidden;*/
	}
	#homepage-content #homepage-features #homepage-features-viewable {
		overflow: hidden;
		width: 880px;
		margin-top: 0px;
	}
	
	#homepage-content #homepage-features #homepage-features-full.position_1 {
		margin-left: -291px;
	}
	#homepage-content #homepage-features #homepage-features-full.position_2 {
		margin-left: -582px;
	}
	#homepage-content #homepage-features #homepage-features-full.position_3 {
		margin-left: -872px;
	}
	
	#homepage-content #homepage-features #homepage-features-full {
		width: 5000px;
		overflow: auto;
	}
		#homepage-content #homepage-features #homepage-features-full div {
			width: 253px;
			height: 309px;
			float: left;
			padding: 33px 40px;
			margin: -10px -24px 0 -18px;
			color: #666;
			font-size: 9pt;
			background: transparent url('/_Images/background-homepage-feature.png') no-repeat center center;
		}
			#homepage-content #homepage-features #homepage-features-full div img {
				margin: 0 -7px 10px -7px;
			}
			#homepage-content #homepage-features #homepage-features-full div strong {
				display: block;
				color: #b6d925;
				border-bottom: 1px dotted #414141;
				padding-bottom: 5px;
				margin-bottom: 5px;
				font-size: 14pt;
			}
			#homepage-content #homepage-features #homepage-features-full div a {
				display: block;
				width: 62px;
				height: 19px;
				text-indent: -10000px;
				overflow: hidden;
				margin: 10px 0 0 0;
				background: transparent url('/_Images/button-homepage-view.png') no-repeat center top;
			}
	#homepage-content #homepage-features .feature-button { display: none; position: absolute; top: 115px; }
		#homepage-content #homepage-features .feature-button a, #homepage-content #homepage-features .feature-button img { border: 0; outline: none; }
	#homepage-content #homepage-features #feature-previous { left: -47px; }
	#homepage-content #homepage-features #feature-next {  right: -47px; }


#header {
	background: transparent url('/_Images/background-header.png') repeat-x center top;
	color: #fff;
	height: 173px;
	position: relative;
}
	#logo {
		width: 151px;
		height: 97px;
		position: absolute;
		left: 50%;
		top: 15px;
		margin-left: -440px;
		/*background: transparent url('/_Images/logo.png') no-repeat;
		text-indent: -5000px;
		overflow: hidden;*/
	}
	#navigation {
		position: absolute;
		right: 50%;
		bottom: 64px;
		margin-right: -440px;
		overflow: visible;
	}
		#navigation ul, #navigation li {
			margin: 0;
			padding: 0;
		}
		#navigation li {
			list-style-type: none;
			float: left;
			border-left: 1px solid #fff;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			height: 15px;
		}
		#navigation li:first-child,
		#navigation li.first-child {
			border-left: none;
		}
		#navigation li a {
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			padding: 0 20px 9px 20px;
		}
		#navigation li:hover,
		#navigation li.hover {
			background: transparent url('/_Images/background-navigation-hover.jpg') repeat-x top;
		}
		#navigation li:hover a,
		#navigation li.hover a {
			background: transparent url('/_Images/background-navigation-arrow.png') no-repeat center bottom;
		}
		.cufon-active #navigation ul li a {
			font-size: 14pt;
		}
	
	#headline {
		width: 100%;
		height: 49px;
		background: transparent url('/_Images/background-headline.png') no-repeat center top;
		position: absolute;
		bottom: 0;
		text-align: right;
	}
		#headline ul {
			position: absolute;
			right: 50%;
			margin: 0 -440px 0 0;
			padding: 0;
		}
		#headline li {
			margin: 0;
			padding: 0;
			float: left;
			line-height: 28px;
			list-style-image: url('/_Images/headline-bullet.png');
		}
		#headline li a {
			text-decoration: none;
			color: #b6da25;
			text-transform: uppercase;
			font-size: 8pt;
		}
		
		
#container {
	width: 881px;
	margin: 0 auto;
	overflow: auto;
	padding: 0 50px;
}
	#content {
		float: right;
		width: 650px;
	}
		#content h1 {
			color: #A3C421;
			font-size: 18pt;
			font-weight: normal;
			margin: 10px 0 5px 0;
		}
			#content h1 span {
				color: #b6d925;
			}
			
		.cufon-active #content h1 {
			font-size: 22pt;
		}
		
		#content h2 {
			color: #b6d925;
			margin: 5px 0 5px 0;
		}
		.cufon-active #content h2 {
			font-size: 18pt;
		}
		
		#content h3 {
			color: #b6d925;
			margin-bottom: 10px;
		}
		.cufon-active #content h3 {
			font-size: 16pt;
		}
		
		#content a {
			color: #fff;
		}
		#content a:hover, #content a:focus, #content a:active {
			color: #b6d925;
		}

	
	#sidebar {
		width: 172px;
		background: transparent url('/_Images/background-sidebar.png');
		border: 1px solid #333;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		float: left;
		margin-top: 4px;
		padding: 6px 15px 10px 15px;
	}
		#sidebar h2 {
			color: #b6d925;
			font-size: 22pt;
			font-weight: normal;
			margin: 0 0 5px 0;
			border-bottom: 1px dotted #414141;
		}
		.cufon-active #sidebar h2 {
			font-size: 22pt;
		}
		#sidebar h3 {
			color: #b6d925;
			font-size: 10pt;
		}
		
		#sidebar ul {
			margin: 0;
			padding: 0;
		}
		#sidebar li {
			list-style-type: none;
			margin-left: 5px;
			margin-bottom: 8px;
			font-size: 9pt;
		}
		#sidebar li a {
			text-decoration: none;
			color: #fff;
			border: 1px solid transparent;
			height: 92px;
			width: 162px;
			display: block;
			position: relative;
		}
		#sidebar li a img {
			border: 1px solid #484848;
			display: block;
		}
		
		#sidebar li a.hover img {
			border: 1px solid #acce23;
		}
		#sidebar li a.hover {
			color: #acce23;
			border: 1px solid #acce23;
		}
		
		#sidebar li a .tooltip {
			position: absolute;
			left: 15px;
			top: -15px;
			width: 161px;
			display: block;
		}
		#sidebar li a .tooltip .top {
			background: transparent url('/_Images/project-popup-top.png') no-repeat center top;	
			display: block;
			height: 14px;
			width: 161px;
		}
		#sidebar li a .tooltip .text {
			background: transparent url('/_Images/project-popup-middle.png') repeat-y center top;	
			display: block;
			width: 131px;
			padding: 0 15px;
			color: #6a7f16;
		}
		#sidebar li a .tooltip .bottom {
			background: transparent url('/_Images/project-popup-bottom.png') no-repeat center top;
			display: block;
			height: 23px;
			width: 161px;
			
		}
	#footer {
		clear: both;
		padding-top: 30px;
		overflow: auto;
		width: 100%;
		background: transparent url('/_Images/background-footer.png') no-repeat 50% 20px;
	}
		#tagline {
			color: #b6da25;
			text-transform: uppercase;
			font-weight: bold;
		}
			#tagline big {
				font-size: 9pt;
				background: transparent url('/_Images/footer-quote-left.png') no-repeat 30px 0;
				padding-left: 60px;
				float: left;
				line-height: 21px;
			}
			#tagline small {
				font-size: 9pt;
				background: transparent url('/_Images/footer-quote-right.png') no-repeat right bottom;
				clear: left;
				float: left;
				padding-left: 100px;
				display: block;
				line-height: 20px;
				padding-right: 30px;
			}
		
		#copyright {
			float: right;
			font-size: 7pt;
			color: #666;
			text-transform: uppercase;
		}
		#copyright a {
			color: #fff;
			text-decoration: none;
		}
		
.previous-next {
	margin: 0;
	padding: 0;
	overflow: visible;
}
	.previous-next li {
		list-style-type: none;
		margin: 0 5px 0 0;
		pading: 0;
		float: left;
	}
	.previous-next li a img {
		border: none;
	}
ul.right {
	float: right;
	margin-bottom: 10px;
}

/****** WHO WE ARE SECTION *******/

.bioContainer {
	float:left;
	width:854px;
	height:202px;
	background-image: url('/_Images/transparent.png');
	border: 1px solid #333;
	padding:10px;
	margin:0 0 6px 0;
}
.bioContainer:hover {
	float:left;
	width:854px;
	height:202px;
	background-image: url('/_Images/transparent.png');
	border: 1px solid #b6d925;
	padding:10px;
	margin:0 0 6px 0;
}
.bioPhoto {
	float:left;
	width:240px;
	height:200px;
	margin:0 10px 0 0;
	border: 1px solid #333;
}
.bioName {
	float:left;
	color: #b6d925;
	width:590px;
	font-size:18px;
	margin:4px 0 4px 0;
}
.bioText {
	float:left;
	width:598px;
	font-size:12px;
}
.bioTitle {
	float:left;
	font-size:13px;
	font-weight:bold;
	margin:0 0 4px 0;
}

/******** Contact section *******/

.mapContainer {
	float:left;
	padding:10px;
	margin:4px 0 0 0;
	border: 1px solid #444;
	background-color:#222;
}



