@charset 'UTF-8';
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,600italic,700');
@import url('font-awesome.min.css');

/* This is a test */

/*
	Miniport by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Resets (http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)) */

	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body,input,textarea,select, p {
		font-family: 'Open Sans', sans-serif;
		font-size: 13pt;
		line-height: 1.85em;
		color: #444;
		font-weight: 400;
	}

	body.is-loading * {
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	
	a {
		/* color: #43B3E0; */
		text-decoration: none;
		-moz-transition: color .2s ease-in-out;
		-webkit-transition: color .2s ease-in-out;
		-o-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
	}
	
/*		a:hover
		{
			color: #43bff0 !important;
		} */

		.box.style2 .image:hover, .image:focus
		{
			outline: #757575 solid 3px;
			outline-offset: 5px;
		}

		.wrapper.style4 a:hover, a:focus {
			outline: #fff solid 2px;
			outline-offset: 3px;
		}

		a img
		{
			border: 0;
		}

		.left {
			text-align: left;
		}

		.right {
			text-align: right;
		}

	b, strong
	{
		font-weight: 600;
		color: #3e3e3e;
	}

	i, em
	{
		font-style: italic;
	}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	blockquote {
		border-left: solid 0.75em #eee;
		padding: 1em 0 1em 1.5em;
		font-style: italic;
	}
				
	h1, h2, h3, h4, h5, h6 {
		color: #3e3e3e;
		margin: 0 0 1em 0;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		text-decoration: none;
		color: inherit;
	}
	
	h1 {
		font-size: 3.25em;
		font-weight: 300;
		letter-spacing: -0.025em;
		line-height: 1em;
	}
	
	h1 strong {
		font-weight: 700;
	}
	
	h2, h3, h4, h5, h6 {
		font-weight: 700;
	}

	h2 {
		font-size: 2em;
		letter-spacing: -0.015em;
	}
	
	h3 {
		font-size: 1.4em;
		letter-spacing: -0.015em;
		margin-top: 1.5em;
		margin-bottom: 0.25em;
	}

	h4 {
		font-size: 1.2em;
		letter-spacing: -0.015em;
		margin-top: 1.25em;
		margin-bottom: 0.25em;
	}

	header {
		margin: 0 0 2em 0;
	}
	
	header > p {
			font-size: 1.25em;
			margin: 0.5em;
	}

	footer {
		margin: 1em 0 0 0;
	}
	
	footer > p {
		font-size: 1.25em;
	}

	em, i
	{
		font-style: italic;
	}

	br.clear
	{
		clear: both;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #444;
		border-top-color: rgba(0,0,0,0.35);
		box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1);
		height: 1px;
		margin: 1em 0 2em 0;
	}


	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
	}

/* Container */

	.container {
		margin-left: auto;
		margin-right: auto;
		max-width: 1024px; !important
	}

	.portfoliocontainer {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		margin-top: 0.5em;
		margin-left: auto;
		margin-right: auto;
	}

	.row.default {
		max-width: 1024px;
	}

	.row.portfolio {
		width: 1200px !important;
		padding-bottom: 1.5em;
		margin: auto;
	}

	.row > * {
		float: left;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

/* Section/Article */
	
		section,
		article
		{
			margin-bottom: 3em;
		}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

/* Image */

		.image
		{
			display: inline-block;
			position: relative;
		}
		
			.image img
			{
				display: block;
				width: 100%;
			}

			.image.fit
			{
				display: block;
				width: 100%;
			}
			
			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}
			
				.image.featured.padded
				{
					padding: 0 6%;
				}
					
			
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 2em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}

		.hero {
			width: 100%;
		}

		.non-hero {
			width: 100%;
		}

		.card {
			border: 1px solid #d9d9d9;
		}

/* Button */
	
		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			-webkit-appearance: none;
			position: relative;
			display: inline-block;
			color: #fff !important;
			text-decoration: none;
			font-weight: 700;
			border: 0;
			outline: 0;
			cursor: pointer;
			border-radius: 8px;
			text-shadow: -1px -1px 0.5px rgba(0,0,0,0.5);
			overflow: hidden;
			box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 2px 1px 0px rgba(255,255,255,0.75);
			background: #43B3E0;
			background-image:	url('images/bg.png'),		-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
			background-image:	url('images/bg.png'),		-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
			background-image:	url('images/bg.png'),		-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
			background-image:	url('images/bg.png'),		-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
			background-image:	url('images/bg.png'),		linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
			-moz-transition: background-color .2s ease-in-out;
			-webkit-transition: background-color .2s ease-in-out;
			-o-transition: background-color .2s ease-in-out;
			-ms-transition: background-color .2s ease-in-out;
			transition: background-color .2s ease-in-out;
		}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				background-color: #43bff0;
				color: #fff !important;
			}
			
			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
				background-color: #3BA8D3;
				top: 1px;
			}
		
			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt
			{
				background-color: #444;
				box-shadow: inset 0px 0px 0px 1px #242424, inset 0px 2px 1px 0px rgba(255,255,255,0.2);
			}

				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover
				{
					background-color: #4f4f4f;
					color: #fff !important;
				}
				
				input[type="button"].alt:active,
				input[type="submit"].alt:active,
				input[type="reset"].alt:active,
				.button.alt:active
				{
					background-color: #3f3f3f;
				}

				input[type="button"],
				input[type="submit"],
				input[type="reset"],
				.button
				{
					padding: 0.5em 1.5em 0.5em 1.5em;
					font-size: 1em;
				}

					input[type="button"].big,
					input[type="submit"].big,
					input[type="reset"].big,
					.button.big
					{
						font-size: 1.25em;
						letter-spacing: -0.025em;
					}

					.project input[type="button"].big,
					.project input[type="submit"].big,
					.project input[type="reset"].big,
					.button.big
					{
						margin-top: 0.5em;
					}

/* List */

		ul
		{
		}

			ul.default
			{
				list-style: disc;
				font-size: 1.1em;
				line-height: 1.5em;
				padding-left: 1em;
			}
			
				ul.default li
				{
					padding-top: 0.5em;
					padding-left: 0.5em;
				}

				ul.default li ul {
					list-style: circle;
					margin-left: 1em;
					margin-bottom: 0;
				}
				
			ul.social
			{
				cursor: default;
				margin: 0;
			}
			
				ul.social li
				{
					position: relative;
					display: inline-block;
					margin: 0.25em;
					top: 0;
				}

					ul.social li a {
						display: block;
						width: 48px;
						height: 48px;
						border-radius: 6px;
						top: 0;
						position: relative;

						-moz-transition: top .2s ease-in-out;
						-webkit-transition: top .2s ease-in-out;
						-o-transition: top .2s ease-in-out;
						-ms-transition: top .2s ease-in-out;
						transition: top .2s ease-in-out;
					}

					ul.social li a:before {
						background-color: #444;
						background-image: url('images/bg.png'),		-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
						background-image: url('images/bg.png'),		-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
						background-image: url('images/bg.png'),		-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
						background-image: url('images/bg.png'),		-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
						background-image: url('images/bg.png'),		linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
						border-radius: 6px;
						box-shadow: inset 0px 0px 0px 1px #282828, inset 0px 2px 1px 0px rgba(255,255,255,0.1);
						color: #2E2E2E !important;
						display: block;
						font-size: 26px;
						height: 48px;
						line-height: 48px;
						text-align: center;
						outline: 0;
						overflow: hidden;
						text-shadow: 1px 1px 0px rgba(255,255,255,0.1);
						width: 48px;

						-moz-transition: background-color .2s ease-in-out;
						-webkit-transition: background-color .2s ease-in-out;
						-o-transition: background-color .2s ease-in-out;
						-ms-transition: background-color .2s ease-in-out;
						transition: background-color .2s ease-in-out;
					}

						ul.social li a.fa-twitter		{ background-color: #2DAAE4; }
						ul.social li a.fa-facebook		{ background-color: #3C5A98; }
						ul.social li a.fa-dribbble		{ background-color: #C4376B; }
						ul.social li a.fa-linkedin		{ background-color: #006599; }
						ul.social li a.fa-tumblr		{ background-color: #51718A; }
						ul.social li a.fa-google-plus	{ background-color: #DA2713; }
						ul.social li a.fa-github		{ background-color: #FAFAFA; }
						ul.social li a.fa-rss			{ background-color: #F2600B; }
						ul.social li a.fa-instagram		{ background-color: #E0D7C8; }
						ul.social li a.fa-foursquare	{ background-color: #39A3D4; }
						ul.social li a.fa-skype			{ background-color: #10BEF1; }
						ul.social li a.fa-soundcloud	{ background-color: #FE5419; }
						ul.social li a.fa-youtube		{ background-color: #BF2E25; }
						ul.social li a.fa-blogger		{ background-color: #FF6501; }
						ul.social li a.fa-flickr		{ background-color: #0062DB; }
						ul.social li a.fa-vimeo			{ background-color: #4C8AB0; }

						ul.social li a:hover
						{
							top: -5px;
						}
						
							ul.social li a:hover:before
							{
								background-color: transparent;
							}

			ul.actions
			{
			}

				ul.actions li
				{
					display: inline-block;
					margin: 0 0 0 1em;
				}
				
					ul.actions li:first-child
					{
						margin-left: 0;
					}

		ol
		{
		}	

			ol.default
			{
				list-style: decimal;
				padding-left: 1.25em;
			}

				ol.default li
				{
					padding-left: 0.25em;
				}

		nav ul li {
			display: block;
			transition-duration: 0.5s;
		}

		nav ul li:hover {
			cursor: pointer;
		}

		nav ul li ul.dropdown {
			visibility: hidden;
			opacity: 0;
			position: absolute;
			transition: all 0.5s ease;
			margin-top: 1rem;
			left: 0;
			display: none;
		}

		nav ul li:hover > ul.dropdown,
		nav ul li ul.dropdown:hover {
			visibility: visible;
			opacity: 1;
			display: block;
		}

		nav ul li ul li {
			clear: both;
			width: 100%;
		}

/*********************************************************************************/
/* Boxes                                                                         */
/*********************************************************************************/
			
		.box {
			text-align: center;
			background: #fff;
			padding: 2em;
			box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px 0px rgba(0,0,0,0.1);
		}

		.box.style1
		{
			padding: 2em 2em 1.5em 2em;
		}

		.box.style1 h3
		{
			margin-bottom: 0.5em;
		}

		.box.style2 h3
		{
			margin-bottom: 0.25em;
		}

		.box.style2 .image
		{
			position: relative;
			left: 2em;
			top: 2em;
			padding-bottom: 2em;
			margin: -4em 0 0 -4em;
			width: auto;
		}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
		.icon > .label {
			display: none;
		}

		.icon.featured
		{
			color: #EA8A95;
			display: block;
			margin: 0 0 1.5em 0;
			cursor: default;
		}
		
			.icon.featured:before
			{
				font-size: 6em;
			}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	.wrapper
	{
		text-align: center;
		padding: 1.5em 0 1em 0;
		box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.05), inset 0px 2px 3px 0px rgba(0,0,0,0.1);
	}

		.wrapper.first
		{
			padding-top: 10em;
			box-shadow: none;
		}

		.wrapper.style1
		{
			background-image: none;
			background-color: #fff;
		}
		
		.wrapper.style2
		{
			background-color: #fafafa;
			text-shadow: 1px 1px 0px #fff;
		}
		
		.wrapper.style3
		{
			background-color: #fff;
			margin-top: 0;
			margin-bottom: 0;
		}

		.wrapper.style4
		{
			background-color: #505050;
			color: #fff;
			text-shadow: -1px -1px 0px #181818;
		}

		.wrapper.style4 h1, 
		.wrapper.style4 h2, 
		.wrapper.style4 h3, 
		.wrapper.style4 h4, 
		.wrapper.style4 h5, 
		.wrapper.style4 h6
		{
			color: #fff;
		}
		
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav {
		background-color: #505050;
		text-align: center;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 10000;
		cursor: default;
 		overflow: hidden;
 	}
	
	#nav ul {
		margin-bottom: 0;
	}

	#nav li {
		display: inline-block;
	}
	
	#nav a.selected {
		background-color: #fff;
		color: #494949;
	}

	#nav a {
			position: relative;
			display: block;
			color: #fff;
			font-weight: 600;
			text-decoration: none;
			padding: 0.2em 1em 0.2em 1em;
			border-radius: 8px;
			margin: 0.6em 0.2em 0.6em 0.2em;
			outline: 0;			
			-moz-transition: background-color .2s ease-in-out;
			-webkit-transition: background-color .2s ease-in-out;
			-o-transition: background-color .2s ease-in-out;
			-ms-transition: background-color .2s ease-in-out;
			transition: background-color .2s ease-in-out;
	}
		
	#nav a:hover {
		color: #fff !important;
		background: #000;
	}

	#nav a:focus {
		outline: #fff solid 2px;
		outline-offset: 3px;
	}

	#nav a.active:before {
		content: '';
		display: block;
		position: absolute;
		bottom: -0.6em;
		left: 50%;
		margin-left: -0.75em;
		border-left: solid 0.75em transparent;
		border-right: solid 0.75em transparent;
		border-top: solid 0.6em #282828;
	}

	#nav a:active {
		background: #484848;
	}

/*********************************************************************************/
/* Articles                                                                      */
/*********************************************************************************/

	#top .image {
			width: 15em;
			border-radius: 50%;
			margin: 0;
	}

	#top .image img	{
		border-radius: 50%;
	}

	#top p a {
		color: inherit;
	}

	#top {
		text-align: left;
	}

	#top h1 {
		margin-top: 0.35em;
	}

	#top p {
		font-size: 1.25em;
		line-height: 1.75em;
		padding-top: 0.5em;
	}
	
	.project #top p {
		font-size: 1.1em;
		line-height: 1.5em;
		padding-top: 0.5em;
		margin-bottom: 0.5em;
	}
	
	#contact footer {
		font-size: 0.9em;
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright {
		font-size: 1em;
		line-height: 1em;
	}
	
	#copyright a {
		color: inherit;
		
		-moz-transition: color .2s ease-in-out;
		-webkit-transition: color .2s ease-in-out;
		-o-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
	}
	
	#copyright a:hover {
		color: #fff;
	}

	#copyright li {
		color: #ccc;
		display: inline-block;
		border-left: solid 1px rgba(0,0,0,0.5);
		box-shadow: -1px 0px 0px 0px rgba(255,255,255,0.1);
		padding: 0 0 0 1em;
		margin: 0 0 0 1em;
	}
	
	#copyright li:first-child {
		border: 0;
		box-shadow: none;
		padding-left: 0;
		margin-left: 0;
	}

/*********************************************************************************/
/* Anti-spam                                                                     */
/*********************************************************************************/

	span.blockspam {
	  display: none;
	}

/*********************************************************************************/
/* Additions by Leah                                                             */
/*********************************************************************************/

	span.bold {
		font-weight: 600;
	}

	.caption {
		font-size: .9em;
		font-style: italic;
	}

	.portfoliopage {
		max-width: 1024px;
		margin: auto;
	}

	.previousnext {
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	.previousnext a {
		color: #00080;
	}

	.previousnext a:focus, a:hover {
		outline: #757575 2px solid;
		outline-offset: 5px;
	}

	.previousnext:after, .previousnext:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.alignleft {
		float: left;
	}

	.alignright {
		float: right;
	}

	.centered {
		width: 33.33%;
		margin: 0 auto;
		float: none;
	}

	.thirds {
		width: 31%;
		margin-right: 3%;
	}

	.thirds:last-child {
		margin-right: 0 !important;
	}

	.twothirds {
		width: 66%;
		margin-right: 0 !important;
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
			/*********************************************************************************/
			/* Basic                                                                         */
			/*********************************************************************************/

				body
				{
					min-width: 960px;
				}

				body,input,textarea,select
				{
					font-size: 11pt;
				}

				header
				{
					margin: 0 0 0 0;
				}
				
			/*********************************************************************************/
			/* Wrappers                                                                      */
			/*********************************************************************************/

				.wrapper
				{
					padding: 2em 0 1em 0;
					text-align: center;
				}
				
					.wrapper.first
					{
						padding-top: 8em;
					}

					.wrapper.style4 .row-special
					{
						margin: 2em 0 0 0;
						padding: 0em 0 0em 0;
					}

			/*********************************************************************************/
			/* Articles                                                                      */
			/*********************************************************************************/

				#top
				{
				}

					#top .image
					{
						width: 19.5em;
						height: 19.5em;
						margin: 0;
					}
			}

@media only screen and (max-width: 991px) and (min-width: 768px) {...}

@media only screen and (max-width: 767px) and (min-width: 600px) {...}

@media only screen and (max-width: 600px) {
			/*********************************************************************************/
			/* Basic                                                                         */
			/*********************************************************************************/

				body,input,textarea,select {
					line-height: 1.75em;
					font-size: 10pt;
					letter-spacing: 0;
				}

				h1, h2, h3, h4, h5, h6 {
					font-size: 1.25em;
					margin: 0 0 0.4em 0;
				}

				h1 {
					font-size: 2.5em;
					line-height: 1.25em;
					margin-bottom: 0.75em;
				}
				
				h2 {
					font-size: 1.75em;
				}
				
				h3 {
					font-size: 1.5em;
				}
				
				p {
					font-size: 1.25em;
				}

				header {
					margin: 0 0 2em 0;
				}
				
				header > p {
					font-size: 1.3em;
					line-height: 1.5em;
				}

				footer {
					margin: 2.5em 0 0 0;
				}
				
				footer > p {
					font-size: 1.25em;
				}

				hr {
					margin: 1.5em 0 2em 0;
				}

				/* Section/Article */
				
				section, article {
					clear: both;
				}

				/* Button */

				input[type="button"], input[type="submit"], input[type="reset"], .button {
					text-align: center;
					font-size: 1.2em;
					width: 100%;
					padding: 1em 0 1em 0;
				}

				/* List */

					ul
					{
					}

						ul.social
						{
							padding: 1em 0.5em 0 0.5em;
						}

							ul.social li
							{
								margin: 0.5em 0.5em 0.5em 0.5em;
							}

								ul.social li a
								{
									top: 0 !important;
								}

									ul.social li a:before
									{
										background-color: transparent !important;
									}

						ul.actions
						{
							margin: 0;
						}

							ul.actions li
							{
								display: block;
								margin: 10px 0 0 0;
							}
							
								ul.actions li:first-child
								{
									margin-top: 0;
								}

				/* Box */

					.box
					{
						padding: 30px 20px 30px 20px;
						margin: 0 0 20px 0 !important;
					}

						.box h3
						{
							margin-bottom: 0.25em;
						}

						.box .image.centered
						{
							margin-bottom: 1em;
						}

						.box .image.featured
						{
							position: relative;
							left: 20px;
							top: 20px;
							margin: -50px 0 50px -40px;
							width: auto;
						}

			/*********************************************************************************/
			/* Wrappers                                                                      */
			/*********************************************************************************/

				.wrapper
				{
					padding: 3em 15px 1em 15px;
					text-align: center;
				}

					.wrapper.first
					{
						padding-top: 5em;
					}
				
			/*********************************************************************************/
			/* Nav                                                                           */
			/*********************************************************************************/

					#nav a
					{
						padding: 0.5em;
					}
					
			/*********************************************************************************/
			/* Articles                                                                      */
			/*********************************************************************************/

					#top .image
					{
						width: 70%;
						height: auto;
						margin: 0 auto 1.75em auto;
					}
					
					.project #top .image {
						margin-top: 2.5em;
					}
				
					#contact footer
					{
						margin: 0;
					}
					
			/*********************************************************************************/
			/* Copyright                                                                     */
			/*********************************************************************************/

				#copyright
				{
					font-size: 1em;
					margin: 0;
				}
				
					#copyright li
					{
						display: block;
					}}