/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_15 {
	width: 100%;
	}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15 {
	display:inline;
	float: left;
	position: relative;

}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 15 Columns
----------------------------------------------------------------------------------------------------*/


.container_15 .grid_1 {
	width:4.667%;
}

.container_15 .grid_2 {
	width:11.333%;
}

.container_15 .grid_3 {
	width:18.0%;
}

.container_15 .grid_4 {
	width:24.667%;
}

.container_15 .grid_5 {
	width:31.333%;
}

.container_15 .grid_6 {
	width:38.0%;
}

.container_15 .grid_7 {
	width:44.667%;
}

.container_15 .grid_8 {
	width:51.333%;
}

.container_15 .grid_9 {
	width:58.0%;
}

.container_15 .grid_10 {
	width:64.667%;
}

.container_15 .grid_11 {
	width:71.333%;
}

.container_15 .grid_12 {
	width:78.0%;
}

.container_15 .grid_13 {
	width:84.667%;
}

.container_15 .grid_14 {
	width:91.333%;
}

.container_15 .grid_15 {
	width:100.0%;
}



/* Prefix Extra Space >> 15 Columns
----------------------------------------------------------------------------------------------------*/


.container_15 .prefix_1 {
	padding-left:6.667%;
}

.container_15 .prefix_2 {
	padding-left:13.333%;
}

.container_15 .prefix_3 {
	padding-left:20.0%;
}

.container_15 .prefix_4 {
	padding-left:26.667%;
}

.container_15 .prefix_5 {
	padding-left:33.333%;
}

.container_15 .prefix_6 {
	padding-left:40.0%;
}

.container_15 .prefix_7 {
	padding-left:46.667%;
}

.container_15 .prefix_8 {
	padding-left:53.333%;
}

.container_15 .prefix_9 {
	padding-left:60.0%;
}

.container_15 .prefix_10 {
	padding-left:66.667%;
}

.container_15 .prefix_11 {
	padding-left:73.333%;
}

.container_15 .prefix_12 {
	padding-left:80.0%;
}

.container_15 .prefix_13 {
	padding-left:86.667%;
}

.container_15 .prefix_14 {
	padding-left:93.333%;
}



/* Suffix Extra Space >> 15 Columns
----------------------------------------------------------------------------------------------------*/


.container_15 .suffix_1 {
	padding-right:6.667%;
}

.container_15 .suffix_2 {
	padding-right:13.333%;
}

.container_15 .suffix_3 {
	padding-right:20.0%;
}

.container_15 .suffix_4 {
	padding-right:26.667%;
}

.container_15 .suffix_5 {
	padding-right:33.333%;
}

.container_15 .suffix_6 {
	padding-right:40.0%;
}

.container_15 .suffix_7 {
	padding-right:46.667%;
}

.container_15 .suffix_8 {
	padding-right:53.333%;
}

.container_15 .suffix_9 {
	padding-right:60.0%;
}

.container_15 .suffix_10 {
	padding-right:66.667%;
}

.container_15 .suffix_11 {
	padding-right:73.333%;
}

.container_15 .suffix_12 {
	padding-right:80.0%;
}

.container_15 .suffix_13 {
	padding-right:86.667%;
}

.container_15 .suffix_14 {
	padding-right:93.333%;
}



/* Push Space >> 15 Columns
----------------------------------------------------------------------------------------------------*/


.container_15 .push_1 {
	left:6.667%;
}

.container_15 .push_2 {
	left:13.333%;
}

.container_15 .push_3 {
	left:20.0%;
}

.container_15 .push_4 {
	left:26.667%;
}

.container_15 .push_5 {
	left:33.333%;
}

.container_15 .push_6 {
	left:40.0%;
}

.container_15 .push_7 {
	left:46.667%;
}

.container_15 .push_8 {
	left:53.333%;
}

.container_15 .push_9 {
	left:60.0%;
}

.container_15 .push_10 {
	left:66.667%;
}

.container_15 .push_11 {
	left:73.333%;
}

.container_15 .push_12 {
	left:80.0%;
}

.container_15 .push_13 {
	left:86.667%;
}

.container_15 .push_14 {
	left:93.333%;
}



/* Pull Space >> 15 Columns
----------------------------------------------------------------------------------------------------*/


.container_15 .pull_1 {
	left:-6.667%;
}

.container_15 .pull_2 {
	left:-13.333%;
}

.container_15 .pull_3 {
	left:-20.0%;
}

.container_15 .pull_4 {
	left:-26.667%;
}

.container_15 .pull_5 {
	left:-33.333%;
}

.container_15 .pull_6 {
	left:-40.0%;
}

.container_15 .pull_7 {
	left:-46.667%;
}

.container_15 .pull_8 {
	left:-53.333%;
}

.container_15 .pull_9 {
	left:-60.0%;
}

.container_15 .pull_10 {
	left:-66.667%;
}

.container_15 .pull_11 {
	left:-73.333%;
}

.container_15 .pull_12 {
	left:-80.0%;
}

.container_15 .pull_13 {
	left:-86.667%;
}

.container_15 .pull_14 {
	left:-93.333%;
}

.projects-button {
  padding: 0.75em 1.25em;
  background-color: E9E9E9;
  opacity: 0.9;
  width: 10em;
  color: black;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

	.thumbnail:hover {
  	  	position:relative;
   		top:25px;
  	  	left:-35px;
  	  	width:300px;
  	  	height:auto;
  	  	display:block;
  	  	z-index:999;
		}

	.widefont {
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-size: 300%;
		}

	.superfont {
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-size: 500%;
		}

	.smallfont {
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-size: 150%;
		}

	.scriptfont {
		font-family: 'Coda', cursive;
		font-size: 300%;
		color: #FFFFFF;
		}

	.scriptbig {
		font-family: 'Coda', cursive;
		font-size: 500%;
		color: #000000;
		}

	.boxA {
		margin-top: 5px;
		margin-bottom: 5px;
		background-color: #3299BB;
		box-shadow: 10px 10px #424242;
		opacity: 0.9;
		}

	.boxB {
		margin-top: 5px;
		margin-bottom: 5px;
		background-color: #90FEFB;
		box-shadow: 10px 10px #424242;
		opacity: 0.9;
		}

	.imgback {
		background-image: url("trythis2.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
		border: 1px solid #424242;
		padding-top:5px;
		}

	.box2 {
		margin-bottom: 50px;
		background-color: #BCBCBC;
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 50px;
		padding-right: 50px;
		border: 1px #E9E9E9 dotted;
		box-shadow: 10px 10px;
		text-align: left
		}

	.whitebox {
		background-color: #E9E9E9;
		}

	.maintitlebox {
		margin-top: -60px;
		opacity: 0.9;
		}

	.titlebox {
		margin-top: -5px;
		margin-right: -80px;
		padding-top: 50px;
		padding-bottom: 50px;
		background-color: #FFFFFF;
		}


	.tall {
		min-height: 207px;
		}

	.medium {
		min-height: 100px;
		}

	.short {
		min-height: 43px;
		}

	h1 	{
			font-family: 'Coda', cursive;
			text-align: center;
			color: #E9E9E9;
			font-size: 800%;
			border: 1px dotted #e2e2e2;
			margin-left: 10px;
			margin-right: 10px;

		}

	body{
			background-color: #FFFFFF;

		}

	h2	{
			font-family: 'Coda', sans-serif;
			text-align: center;
			color: #E9E9E9;
			padding-top: 0px;
			padding-bottom: 20px;
			padding-left: 20px;
			font-size: 150%;

		}

	h3	{
			font-family: 'Coda', cursive;
			text-align: center;
			color: #424242;
			padding-top: 20px;
			padding-bottom: 20px;
			font-size: 300%;
			border: 1px dotted #424242;

		}

	.vidtext {
			font-family: 'Coda', sans-serif;
			text-align: left;
			color: #424242;
			padding-top: 0px;
			padding-bottom: 20px;
			padding-left: 20px;
			font-size: 100%;

		}

	.vidlinks {
		align: center;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.pics img {
		width: 75%;
		height: 75%;
		}

	p{
			font-family: sans-serif ;
			color: #FFFFFF;
		}

	ul 	{
    		float: left;
    		width: 100%;
    		padding: 0;
    		margin: 0;
    		list-style-type: none;
		}

	a 	{
			font-family: 'helvetica', sans-serif;
    		float: center;
    		width: 6em;
    		text-decoration: none;
    		color: #98EADA;
    		padding: 0.2em 0.6em;

		}

	a:hover
		{
    		color: #E2E2E2;
		}

	li 	{
    		display: inline;
		}

#list
{
    width: 100%;
    overflow: hidden;
    margin-bottom: -1.875em; /* 30px */
    -webkit-column-count: 3;
    -webkit-column-gap: 1.875em; /* 30px */
    -webkit-column-fill: auto;
    -moz-column-count: 3;
    -moz-column-gap: 1.875em; /* 30px */
    -moz-column-fill: auto;
    column-count: 3;
    column-gap: 1.875em; /* 30px */
    column-fill: auto;
}
    .item
    {
        margin-bottom: 1.875em; /* 15px 30px */
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        column-break-inside: avoid;
    }

@media only screen and ( max-width: 40em ) /* 640px */
{
    #list
    {
        -webkit-column-count: 2;
        -webkit-column-gap: 0.938em; /* 15px */
        -moz-column-count: 2;
        -moz-column-gap: 0.938em; /* 15px */
        column-count: 2;
        column-gap: 0.938em; /* 15px */
    }
        .item
        {
            margin-bottom: 0.938em; /* 15px */
        }
}
@media only screen and ( max-width: 20em ) /* 320px */
{
    #list
    {
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
    }
}
	#footer {
	margin-bottom: 50px;
	white-space: nowrap;
	text-align: center;
	color: #424242;
}
#footer a {
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	color: #424242;
	text-transform: uppercase;
	margin-right: 10px;
	padding: 10px;
	}
#footer a:hover {
	color: #3299BB;
	text-decoration: none;
	border-bottom: 1px solid #3299BB;