/**************************************************************************
Name:         grid.css
Description:  Responsive grid styling.  Based on responsivegridsystem.com.
Date Created: 06/17/2013 by Kyle Brickman
Modified:
**************************************************************************/
html
{
	-pie-load-path: "/scripts/pie";
}

body
{
	min-width:   1220px;
}

div.wrapper
{
	overflow: hidden;
}

html.responsive body
{
	min-width:   0;
}

html.responsive .grid
{
	margin:    0 auto;
	/*max-width: 1200px;
	min-width: 0;*/
	width:	   1200px;
	width:     auto;
}

.grid
{
	margin:    0 auto;
	min-width: 1200px;
	width:     1200px;
	position:  relative;
}

.grid .grid
{
	max-width: 100%;
}

.column
{
	border-left:  10px solid transparent;
	border-right: 10px solid transparent;
	display:      block;
	float:        left;
	overflow:     hidden;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding-box;
	        background-clip: padding-box;

	/* Legacy IE support */
	 behavior: url( '/scripts/pie/PIE.htc' );
	*behavior: url( '/scripts/pie/PIE.htc' ) url( '/css/polyfill.boxsizing.htc' );
}

.column.noborder
{
	border: none;
}

.column.noleftborder
{
	border-left: none;
}

.column.norightborder
{
	border-right: none;
}

.column:last-child
{
	float: right;
}

.section
{
	clear:   both;
	margin:  0px;
	padding: 0px;
}

.span_1_1, .span_2_2, .span_3_3, .span_4_4, .span_5_5, .span_6_6,
.span_7_7, .span_8_8, .span_9_9, .span_10_10, .span_11_11, .span_12_12
{
	width: 100%;
}

.span_1_2 { width: 50.00%; }

.span_2_3 { width: 66.66%; width: -webkit-calc( 100% / 3 * 2 ); width: -moz-calc( 100% / 3 * 2 ); width: calc( 100% / 3.0001 * 2 ); }
.span_1_3 { width: 33.33%; width: -webkit-calc( 100% / 3 * 1 ); width: -moz-calc( 100% / 3 * 1 ); width: calc( 100% / 3.0001 * 1 ); }

.span_3_4 { width: 75.00%; }
.span_2_4 { width: 50.00%; }
.span_1_4 { width: 25.00%; }

.span_4_5 { width: 80.00%; }
.span_3_5 { width: 60.00%; }
.span_2_5 { width: 40.00%; }
.span_1_5 { width: 20.00%; }

.span_5_6 { width: 83.33%; width: -webkit-calc( 100% / 6 * 5 ); width: -moz-calc( 100% / 6 * 5 ); width: calc( 100% / 6.0001 * 5 ); }
.span_4_6 { width: 66.66%; width: -webkit-calc( 100% / 6 * 4 ); width: -moz-calc( 100% / 6 * 4 ); width: calc( 100% / 6.0001 * 4 ); }
.span_3_6 { width: 50.00%; width: -webkit-calc( 100% / 6 * 3 ); width: -moz-calc( 100% / 6 * 3 ); width: calc( 100% / 6.0001 * 3 ); }
.span_2_6 { width: 33.33%; width: -webkit-calc( 100% / 6 * 2 ); width: -moz-calc( 100% / 6 * 2 ); width: calc( 100% / 6.0001 * 2 ); }
.span_1_6 { width: 16.66%; width: -webkit-calc( 100% / 6 * 1 ); width: -moz-calc( 100% / 6 * 1 ); width: calc( 100% / 6.0001 * 1 ); }

.span_6_7 { width: 85.71%; width: -webkit-calc( 100% / 7 * 6 ); width: -moz-calc( 100% / 7 * 6 ); width: calc( 100% / 7 * 6 ); }
.span_5_7 { width: 71.43%; width: -webkit-calc( 100% / 7 * 5 ); width: -moz-calc( 100% / 7 * 5 ); width: calc( 100% / 7 * 5 ); }
.span_4_7 { width: 57.14%; width: -webkit-calc( 100% / 7 * 4 ); width: -moz-calc( 100% / 7 * 4 ); width: calc( 100% / 7 * 4 ); }
.span_3_7 { width: 42.86%; width: -webkit-calc( 100% / 7 * 3 ); width: -moz-calc( 100% / 7 * 3 ); width: calc( 100% / 7 * 3 ); }
.span_2_7 { width: 28.57%; width: -webkit-calc( 100% / 7 * 2 ); width: -moz-calc( 100% / 7 * 2 ); width: calc( 100% / 7 * 2 ); }
.span_1_7 { width: 14.28%; width: -webkit-calc( 100% / 7 * 1 ); width: -moz-calc( 100% / 7 * 1 ); width: calc( 100% / 7 * 1 ); }

.span_7_8 { width: 87.50%; }
.span_6_8 { width: 75.00%; }
.span_5_8 { width: 62.50%; }
.span_4_8 { width: 50.00%; }
.span_3_8 { width: 37.50%; }
.span_2_8 { width: 25.00%; }
.span_1_8 { width: 12.50%; }

.span_8_9 { width: 88.88%; width: -webkit-calc( 100% / 9 * 8 ); width: -moz-calc( 100% / 9 * 8 ); width: calc( 100% / 9.0001 * 8 ); }
.span_7_9 { width: 77.77%; width: -webkit-calc( 100% / 9 * 7 ); width: -moz-calc( 100% / 9 * 7 ); width: calc( 100% / 9.0001 * 7 ); }
.span_6_9 { width: 66.66%; width: -webkit-calc( 100% / 9 * 6 ); width: -moz-calc( 100% / 9 * 6 ); width: calc( 100% / 9.0001 * 6 ); }
.span_5_9 { width: 55.55%; width: -webkit-calc( 100% / 9 * 5 ); width: -moz-calc( 100% / 9 * 5 ); width: calc( 100% / 9.0001 * 5 ); }
.span_4_9 { width: 44.44%; width: -webkit-calc( 100% / 9 * 4 ); width: -moz-calc( 100% / 9 * 4 ); width: calc( 100% / 9.0001 * 4 ); }
.span_3_9 { width: 33.33%; width: -webkit-calc( 100% / 9 * 3 ); width: -moz-calc( 100% / 9 * 3 ); width: calc( 100% / 9.0001 * 3 ); }
.span_2_9 { width: 22.22%; width: -webkit-calc( 100% / 9 * 2 ); width: -moz-calc( 100% / 9 * 2 ); width: calc( 100% / 9.0001 * 2 ); }
.span_1_9 { width: 11.11%; width: -webkit-calc( 100% / 9 * 1 ); width: -moz-calc( 100% / 9 * 1 ); width: calc( 100% / 9.0001 * 1 ); }

.span_9_10  { width: 90.00%; }
.span_8_10  { width: 80.00%; }
.span_7_10  { width: 70.00%; }
.span_6_10  { width: 60.00%; }
.span_5_10  { width: 50.00%; }
.span_4_10  { width: 40.00%; }
.span_3_10  { width: 30.00%; }
.span_2_10  { width: 20.00%; }
.span_1_10  { width: 10.00%; }

.span_10_11 { width: 90.90%; width: -webkit-calc( 100% / 11 * 10 ); width: -moz-calc( 100% / 11 * 10 ); width: calc( 100% / 11 * 10 ); }
.span_9_11  { width: 81.81%; width: -webkit-calc( 100% / 11 *  9 ); width: -moz-calc( 100% / 11 *  9 ); width: calc( 100% / 11 *  9 ); }
.span_8_11  { width: 71.71%; width: -webkit-calc( 100% / 11 *  8 ); width: -moz-calc( 100% / 11 *  8 ); width: calc( 100% / 11 *  8 ); }
.span_7_11  { width: 62.62%; width: -webkit-calc( 100% / 11 *  7 ); width: -moz-calc( 100% / 11 *  7 ); width: calc( 100% / 11 *  7 ); }
.span_6_11  { width: 54.54%; width: -webkit-calc( 100% / 11 *  6 ); width: -moz-calc( 100% / 11 *  6 ); width: calc( 100% / 11 *  6 ); }
.span_5_11  { width: 45.45%; width: -webkit-calc( 100% / 11 *  5 ); width: -moz-calc( 100% / 11 *  5 ); width: calc( 100% / 11 *  5 ); }
.span_4_11  { width: 36.36%; width: -webkit-calc( 100% / 11 *  4 ); width: -moz-calc( 100% / 11 *  4 ); width: calc( 100% / 11 *  4 ); }
.span_3_11  { width: 27.27%; width: -webkit-calc( 100% / 11 *  3 ); width: -moz-calc( 100% / 11 *  3 ); width: calc( 100% / 11 *  3 ); }
.span_2_11  { width: 18.18%; width: -webkit-calc( 100% / 11 *  2 ); width: -moz-calc( 100% / 11 *  2 ); width: calc( 100% / 11 *  2 ); }
.span_1_11  { width:  9.09%; width: -webkit-calc( 100% / 11 *  1 ); width: -moz-calc( 100% / 11 *  1 ); width: calc( 100% / 11 *  1 ); }

.span_11_12 { width: 91.66%; width: -webkit-calc( 100% / 12 * 11 ); width: -moz-calc( 100% / 12 * 11 ); width: calc( 100% / 12 * 11 ); }
.span_10_12 { width: 83.33%; width: -webkit-calc( 100% / 12 * 10 ); width: -moz-calc( 100% / 12 * 10 ); width: calc( 100% / 12 * 10 ); }
.span_9_12  { width: 75.00%; }
.span_8_12  { width: 66.66%; width: -webkit-calc( 100% / 12 *  8 ); width: -moz-calc( 100% / 12 *  8 ); width: calc( 100% / 12 *  8 ); }
.span_7_12  { width: 58.33%; width: -webkit-calc( 100% / 12 *  7 ); width: -moz-calc( 100% / 12 *  7 ); width: calc( 100% / 12 *  7 ); }
.span_6_12  { width: 50.00%; }
.span_5_12  { width: 41.66%; width: -webkit-calc( 100% / 12 *  5 ); width: -moz-calc( 100% / 12 *  5 ); width: calc( 100% / 12 *  5 ); }
.span_4_12  { width: 33.33%; width: -webkit-calc( 100% / 12 *  4 ); width: -moz-calc( 100% / 12 *  4 ); width: calc( 100% / 12 *  4 ); }
.span_3_12  { width: 25.00%; }
.span_2_12  { width: 16.66%; width: -webkit-calc( 100% / 12 *  2 ); width: -moz-calc( 100% / 12 *  2 ); width: calc( 100% / 12 *  2 ); }
.span_1_12  { width:  8.33%; width: -webkit-calc( 100% / 12 *  1 ); width: -moz-calc( 100% / 12 *  1 ); width: calc( 100% / 12 *  1 ); }

/**************************************************************************
Tablet-specific Styles
**************************************************************************/
@media only screen and ( max-width: 1024px )
{

}
@media only screen and ( max-width: 768px )
{
	html.responsive .span_1_2 { width: 50.00%; }

	html.responsive .span_2_3 { width: 66.66%; width: -webkit-calc( 100% / 3 * 2 ); width: -moz-calc( 100% / 3 * 2 ); width: calc( 100% / 3.0001 * 2 ); }
	html.responsive .span_1_3 { width: 33.33%; width: -webkit-calc( 100% / 3 * 1 ); width: -moz-calc( 100% / 3 * 1 ); width: calc( 100% / 3.0001 * 1 ); }

	html.responsive .span_3_4 { width: 75.00%; }
	html.responsive .span_2_4 { width: 50.00%; }
	html.responsive .span_1_4 { width: 25.00%; }

	html.responsive .span_4_5 { width: 80.00%; }
	html.responsive .span_3_5 { width: 60.00%; }
	html.responsive .span_2_5 { width: 40.00%; }
	html.responsive .span_1_5 { width: 20.00%; }

	html.responsive .span_5_6 { width: 100%; }
	html.responsive .span_4_6 { width: 66.66%; width: -webkit-calc( 100% / 6 * 4 ); width: -moz-calc( 100% / 6 * 4 ); width: calc( 100% / 6.0001 * 4 ); }
	html.responsive .span_3_6 { width: 66.66%; width: -webkit-calc( 100% / 6 * 4 ); width: -moz-calc( 100% / 6 * 4 ); width: calc( 100% / 6.0001 * 4 ); }
	html.responsive .span_2_6 { width: 33.33%; width: -webkit-calc( 100% / 6 * 2 ); width: -moz-calc( 100% / 6 * 2 ); width: calc( 100% / 6.0001 * 2 ); }
	html.responsive .span_1_6 { width: 33.33%; width: -webkit-calc( 100% / 6 * 2 ); width: -moz-calc( 100% / 6 * 2 ); width: calc( 100% / 6.0001 * 2 ); }

	html.responsive .span_6_7 { width: 85.71%; width: -webkit-calc( 100% / 7 * 6 ); width: -moz-calc( 100% / 7 * 6 ); width: calc( 100% / 7 * 6 ); }
	html.responsive .span_5_7 { width: 85.71%; width: -webkit-calc( 100% / 7 * 6 ); width: -moz-calc( 100% / 7 * 6 ); width: calc( 100% / 7 * 6 ); }
	html.responsive .span_4_7 { width: 57.14%; width: -webkit-calc( 100% / 7 * 4 ); width: -moz-calc( 100% / 7 * 4 ); width: calc( 100% / 7 * 4 ); }
	html.responsive .span_3_7 { width: 57.14%; width: -webkit-calc( 100% / 7 * 4 ); width: -moz-calc( 100% / 7 * 4 ); width: calc( 100% / 7 * 4 ); }
	html.responsive .span_2_7 { width: 28.57%; width: -webkit-calc( 100% / 7 * 2 ); width: -moz-calc( 100% / 7 * 2 ); width: calc( 100% / 7 * 2 ); }
	html.responsive .span_1_7 { width: 28.57%; width: -webkit-calc( 100% / 7 * 2 ); width: -moz-calc( 100% / 7 * 2 ); width: calc( 100% / 7 * 2 ); }

	html.responsive .span_7_7, html.responsive .span_6_7, html.responsive .span_5_7, 
	html.responsive .span_4_7, html.responsive .span_3_7, html.responsive .span_2_7, html.responsive .span_1_7
	{
		float: left !important;
	}

	html.responsive .span_7_8 { width: 100%; }
	html.responsive .span_6_8 { width: 50.00%; }
	html.responsive .span_5_8 { width: 50.00%; }
	html.responsive .span_4_8 { width: 50.00%; }
	html.responsive .span_3_8 { width: 25.00%; }
	html.responsive .span_2_8 { width: 25.00%; }
	html.responsive .span_1_8 { width: 25.00%; }

	html.responsive .span_8_9 { width: 100% }
	html.responsive .span_7_9 { width: 100% }
	html.responsive .span_6_9 { width: 66.66%; width: -webkit-calc( 100% / 9 * 6 ); width: -moz-calc( 100% / 9 * 6 ); width: calc( 100% / 9.0001 * 6 ); }
	html.responsive .span_5_9 { width: 66.66%; width: -webkit-calc( 100% / 9 * 6 ); width: -moz-calc( 100% / 9 * 6 ); width: calc( 100% / 9.0001 * 6 ); }
	html.responsive .span_4_9 { width: 66.66%; width: -webkit-calc( 100% / 9 * 6 ); width: -moz-calc( 100% / 9 * 6 ); width: calc( 100% / 9.0001 * 6 ); }
	html.responsive .span_3_9 { width: 33.33%; width: -webkit-calc( 100% / 9 * 3 ); width: -moz-calc( 100% / 9 * 3 ); width: calc( 100% / 9.0001 * 3 ); }
	html.responsive .span_2_9 { width: 33.33%; width: -webkit-calc( 100% / 9 * 3 ); width: -moz-calc( 100% / 9 * 3 ); width: calc( 100% / 9.0001 * 3 ); }
	html.responsive .span_1_9 { width: 33.33%; width: -webkit-calc( 100% / 9 * 3 ); width: -moz-calc( 100% / 9 * 3 ); width: calc( 100% / 9.0001 * 3 ); }

	html.responsive .span_9_10  { width: 100%; }
	html.responsive .span_8_10  { width: 80.00%; }
	html.responsive .span_7_10  { width: 80.00%; }
	html.responsive .span_6_10  { width: 60.00%; }
	html.responsive .span_5_10  { width: 60.00%; }
	html.responsive .span_4_10  { width: 40.00%; }
	html.responsive .span_3_10  { width: 40.00%; }
	html.responsive .span_2_10  { width: 20.00%; }
	html.responsive .span_1_10  { width: 20.00%; }

	html.responsive .span_10_11 { width: 100%; }
	html.responsive .span_9_11  { width: 81.81%; width: -webkit-calc( 100% / 11 *  9 ); width: -moz-calc( 100% / 11 *  9 ); width: calc( 100% / 11 *  9 ); }
	html.responsive .span_8_11  { width: 81.81%; width: -webkit-calc( 100% / 11 *  9 ); width: -moz-calc( 100% / 11 *  9 ); width: calc( 100% / 11 *  9 ); }
	html.responsive .span_7_11  { width: 81.81%; width: -webkit-calc( 100% / 11 *  9 ); width: -moz-calc( 100% / 11 *  9 ); width: calc( 100% / 11 *  9 ); }
	html.responsive .span_6_11  { width: 54.54%; width: -webkit-calc( 100% / 11 *  6 ); width: -moz-calc( 100% / 11 *  6 ); width: calc( 100% / 11 *  6 ); }
	html.responsive .span_5_11  { width: 54.54%; width: -webkit-calc( 100% / 11 *  6 ); width: -moz-calc( 100% / 11 *  6 ); width: calc( 100% / 11 *  6 ); }
	html.responsive .span_4_11  { width: 54.54%; width: -webkit-calc( 100% / 11 *  6 ); width: -moz-calc( 100% / 11 *  6 ); width: calc( 100% / 11 *  6 ); }
	html.responsive .span_3_11  { width: 27.27%; width: -webkit-calc( 100% / 11 *  3 ); width: -moz-calc( 100% / 11 *  3 ); width: calc( 100% / 11 *  3 ); }
	html.responsive .span_2_11  { width: 27.27%; width: -webkit-calc( 100% / 11 *  3 ); width: -moz-calc( 100% / 11 *  3 ); width: calc( 100% / 11 *  3 ); }
	html.responsive .span_1_11  { width: 27.27%; width: -webkit-calc( 100% / 11 *  3 ); width: -moz-calc( 100% / 11 *  3 ); width: calc( 100% / 11 *  3 ); }

	html.responsive .span_11_11, html.responsive .span_10_11, html.responsive .span_9_11, html.responsive .span_8_11, html.responsive .span_7_11, 
	html.responsive .span_6_11, html.responsive .span_5_11, html.responsive .span_4_11, html.responsive .span_3_11, html.responsive .span_2_11, html.responsive .span_1_11
	{
		float: left !important;
	}

	html.responsive .span_11_12 { width: 100%; }
	html.responsive .span_10_12 { width: 100%; }
	html.responsive .span_9_12  { width: 100%; }
	html.responsive .span_8_12  { width: 66.66%; width: -webkit-calc( 100% / 12 *  8 ); width: -moz-calc( 100% / 12 *  8 ); width: calc( 100% / 12 *  8 ); }
	html.responsive .span_7_12  { width: 66.66%; width: -webkit-calc( 100% / 12 *  8 ); width: -moz-calc( 100% / 12 *  8 ); width: calc( 100% / 12 *  8 ); }
	html.responsive .span_6_12  { width: 66.66%; width: -webkit-calc( 100% / 12 *  8 ); width: -moz-calc( 100% / 12 *  8 ); width: calc( 100% / 12 *  8 ); }
	html.responsive .span_5_12  { width: 66.66%; width: -webkit-calc( 100% / 12 *  8 ); width: -moz-calc( 100% / 12 *  8 ); width: calc( 100% / 12 *  8 ); }
	html.responsive .span_4_12  { width: 33.33%; width: -webkit-calc( 100% / 12 *  4 ); width: -moz-calc( 100% / 12 *  4 ); width: calc( 100% / 12 *  4 ); }
	html.responsive .span_3_12  { width: 33.33%; width: -webkit-calc( 100% / 12 *  4 ); width: -moz-calc( 100% / 12 *  4 ); width: calc( 100% / 12 *  4 ); }
	html.responsive .span_2_12  { width: 33.33%; width: -webkit-calc( 100% / 12 *  4 ); width: -moz-calc( 100% / 12 *  4 ); width: calc( 100% / 12 *  4 ); }
	html.responsive .span_1_12  { width: 33.33%; width: -webkit-calc( 100% / 12 *  4 ); width: -moz-calc( 100% / 12 *  4 ); width: calc( 100% / 12 *  4 ); }
}

/**************************************************************************
Wireless-specific Styles
**************************************************************************/
@media only screen and ( max-width: 568px )
{
	  html.responsive .span_1_1,
	  html.responsive .span_2_2,   html.responsive .span_1_2,
	  html.responsive .span_3_3,   html.responsive .span_2_3,   html.responsive .span_1_3,
	  html.responsive .span_4_4,   html.responsive .span_3_4,   html.responsive .span_2_4,  html.responsive .span_1_4,
	  html.responsive .span_5_5,   html.responsive .span_4_5,   html.responsive .span_3_5,  html.responsive .span_2_5,  html.responsive .span_1_5,
	  html.responsive .span_6_6,   html.responsive .span_5_6,   html.responsive .span_4_6,  html.responsive .span_3_6,  html.responsive .span_2_6,  html.responsive .span_1_6,
	  html.responsive .span_7_7,   html.responsive .span_6_7,   html.responsive .span_5_7,  html.responsive .span_4_7,  html.responsive .span_3_7,  html.responsive .span_2_7,  html.responsive .span_1_7,
	  html.responsive .span_8_8,   html.responsive .span_7_8,   html.responsive .span_6_8,  html.responsive .span_5_8,  html.responsive .span_4_8,  html.responsive .span_3_8,  html.responsive .span_2_8,  html.responsive .span_1_8,
	  html.responsive .span_9_9,   html.responsive .span_8_9,   html.responsive .span_7_9,  html.responsive .span_6_9,  html.responsive .span_5_9,  html.responsive .span_4_9,  html.responsive .span_3_9,  html.responsive .span_2_9,  html.responsive .span_1_9,
	html.responsive .span_10_10,  html.responsive .span_9_10,  html.responsive .span_8_10, html.responsive .span_7_10, html.responsive .span_6_10, html.responsive .span_5_10, html.responsive .span_4_10, html.responsive .span_3_10, html.responsive .span_2_10, html.responsive .span_1_10,
	html.responsive .span_11_11, html.responsive .span_10_11,  html.responsive .span_9_11, html.responsive .span_8_11, html.responsive .span_7_11, html.responsive .span_6_11, html.responsive .span_5_11, html.responsive .span_4_11, html.responsive .span_3_11, html.responsive .span_2_11, html.responsive .span_1_11,
	html.responsive .span_12_12, html.responsive .span_11_12, html.responsive .span_10_12, html.responsive .span_9_12, html.responsive .span_8_12, html.responsive .span_7_12, html.responsive .span_6_12, html.responsive .span_5_12, html.responsive .span_4_12, html.responsive .span_3_12, html.responsive .span_2_12, html.responsive .span_1_12
	{
		width: 100%;
	}
}
@media only screen and ( max-width: 320px )
{

}