/* _fonts */
	@font-face{font-family: 'DroidSans'; src: url('../fonts/droidsans-webfont.eot'); src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidsans-webfont.woff') format('woff'), url('../fonts/droidsans-webfont.ttf') format('truetype'), url('../fonts/droidsans-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal;}
	@font-face{font-family: 'DroidSans'; src: url('../fonts/droidsans-bold-webfont.eot'); src: url('../fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidsans-bold-webfont.woff') format('woff'), url('../fonts/droidsans-bold-webfont.ttf') format('truetype'), url('../fonts/droidsans-bold-webfont.svg#webfont') format('svg'); font-weight: bold; font-style: normal;}
	

/* _hide */
	#prev, #next{display: block; font-size: 0px; text-indent: -9999px; line-height: 0;}
	

/* _globals */
	html{font-size: 100%; height: 100%;}
	body{background: #000 url(../images/body.jpg) 50% 0 no-repeat; font-size: 62.5%; font-family: 'DroidSans', Arial, sans-serif; color: #fff; text-align: center; height: 100%;}


/* _layout */
	#Wrapper{text-align: left; width: 950px; margin: 0 auto;}
		
	
	/* _top */
		#Top{position: relative; height: 78px;}
			#Logo{position: absolute; bottom: 14px; left: 2px;}
			#Hello{position: absolute; bottom: 16px; right: 2px;}
						
						
	/* _slideshow */
		#SlideshowContainer{position: relative; width: 950px; height: 274px; margin: 0 auto;}
		
			#Slideshow{width: 814px; height: 274px; margin: 0 auto; overflow: hidden;}				
				#prev, #next{position: absolute; top: 19px; width: 67px; height: 236px; cursor: pointer; opacity: 0.6!important;}
				#prev{left: 0; border-right: 1px solid #435874; background: url(../images/prev.png) 50% 50% no-repeat;}
				#next{right: 0; border-left: 1px solid #435874; background: url(../images/next.png) 50% 50% no-repeat;}
					#prev:hover, #next:hover{border-color: #374b65; opacity: 1!important;}
			
			#Slideshow .slide{font-size: 1.3em; line-height: 1.3; width: 830px; padding: 59px 0;}
				.ProjectImage{display: block; float: left; background: #344e69; padding: 5px; margin-left: 52px; box-shadow: 0 0 4px #1A2651;}
					.ProjectImage img{display: block; border: 1px solid #2a3d54;}
						.ProjectImage:hover{background: #128CBC;}
				#Slideshow .slide-content{margin-left: 374px; margin-right: 50px;}
					#Slideshow .slide-content em{font-size: 0.85em}
					#Slideshow .slide-content h4{font-size: 1.7em; padding: 0 0 0.6em;}
					#Slideshow .slide-content p{font-size: 0.95em;}
					#Slideshow .slide-actions{margin-top: 1.4em;}
						#Slideshow .slide-actions a{float: left; display: block; font-size: 0.9em; line-height: 1; color: #fff; font-weight: bold; text-decoration: none; padding: 11px 14px 10px; margin-right: 8px; opacity: 0.85; border-radius: 3px; box-shadow: 0 0 2px #2c2c2c;}
						#Slideshow .project-link{background: #15a5e4;}
						#Slideshow .portfolio-link{background: #435577;}
							#Slideshow .slide-actions a:hover{opacity: 1;}
						
	/* _container */
		#Container{padding: 40px 0; overflow: hidden;}
	
		/* _nav */
			#Nav{float: left; width: 144px;}
				#Nav li{border-top: 1px solid #1C2533;}
				#Nav li.last{border-bottom: 1px solid #1C2533;}
					#Nav a{display: block; font-size: 1.4em; color: #fff; font-weight: bold; line-height: 1; text-decoration: none; padding: 12px 10px;}
						#Nav a:hover{background: url(../images/NavHover.png) 95% 50% no-repeat; color: #8AC4ED; text-indent: 1px;}
					#Nav a.current, #Nav a.section{background: url(../images/NavCurrent.png) 95% 50% no-repeat; color: #0097d4; text-indent: 0;}
					
		/* _content */
			#Content{text-align: justify; margin-left: 188px; margin-right: 315px;}
			
		/* _sidebar */
			#Sidebar{float: right; background: #fff; width: 224px; padding: 23px; border-radius: 3px;}
			#Sidebar.typography{color: #2c2c2c;}
				#Sidebar.typography p{line-height: 1.4; margin-bottom: 1em;}
				#SidebarContent{}


/* _typography */
	.typography{color: #fff; font-size: 1.35em; line-height: 1.3;}
		.typography h2, .typography h3, .typography h4{line-height: 1; font-weight: bold;}
			.typography h2{font-size: 1.4em; margin-bottom: 0.8em;}
			.typography h3{font-size: 1.4em; margin-bottom: 0.8em;}
			.typography h4{font-size: 1.2em; margin-top: 1em; margin-bottom: 0.8em;}
			.typography .Title{margin-top: 0.6em;}
		.typography p{margin-bottom: 1.5em; line-height: 1.8;}
		.typography a{color: #0097d4;}


/* _forms */
	.typography .field{position: relative; margin-bottom: 0.6em;}
		.typography label.left{}
		.typography label.required{background: #4B1818; color: #fff; font-size: 0.88em; padding: 2px;}
		.typography .middleColumn, .typography .Actions{}
			.typography .middleColumn input, .typography .middleColumn textarea{display: block; border: 0; font-size: 1em; font-family: 'DroidSans', Arial, sans-serif; font-weight: bold; padding: 6px; border-radius: 3px;}
			.typography .middleColumn input.required, .typography .middleColumn textarea.required{background: #4B1818; color: #fff;}
			.typography .middleColumn textarea{width: 300px; height: 200px; margin: 0;}
			.typography .action{background: #0097d4; border: 0; font-size: 1.1em; font-family: 'DroidSans', Arial, sans-serif; font-weight: bold; color: #fff; padding: 5px 12px; cursor: pointer; border-radius: 3px;}

/* _pages */

	/* _portfolio */
		.PortfolioPage #Sidebar,
		.PortfolioPage #SidebarContent{display: none;}
		
		#Projects{overflow: hidden; margin-bottom: 2em;}
			#Projects li{float: left;}
				#Projects a{display: block; background: #fff; margin: 1px; padding: 4px;}
					#Projects a:hover,
					#Projects a.current{background: #128CBC;}
						#Projects img{display: block;}
	
	/* _ajax_ProjectPage */
		.ajax_ProjectImage{display: block; background: #D3D3D3; color: #2c2c2c!important; padding: 5px; text-decoration: none; margin-bottom: 1em;}
			.ajax_ProjectImage img{display: block; border: 1px solid #B1B1B1;}
			.ajax_ProjectImage span{display: block; font-size: 0.9em; text-align: center; font-weight: bold; padding-top: 0.3em;}