/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
	#Base 960 Grid
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)
	#Clearing */


/**************Global Structure*****************/
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
/* #Base 960 Grid
================================================== */

	.container_12 {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
.grid_1,  .grid_2,  .grid_3,  .grid_4,  .grid_5,  .grid_6,  .grid_7,  .grid_8,  .grid_9,  .grid_10,  .grid_11,  .grid_12 {
	float: left;
	display: inline;
	margin-left: 15px;
	margin-right: 15px;
}
/* Nested Column Classes */
	.container_12 .alpha {
	margin-left: 0 !important;
}
.container_12 .omega {
	margin-right: 0 !important;
	margin-bottom:0 !important
}
/* Base Grid */
	.container_12 .grid_1 {
	width: 50px;
}
.container_12 .grid_2 {
	width: 130px;
}
.container_12 .grid_3 {
	width: 210px;
}
.container_12 .grid_4 {
	width: 290px;
}
.container_12 .grid_5 {
	width: 370px;
}
.container_12 .grid_6 {
	width: 450px;
}
.container_12 .grid_7 {
	width: 530px;
}
.container_12 .grid_8 {
	width: 610px;
}
.container_12 .grid_9 {
	width: 690px;
}
.container_12 .grid_10 {
	width: 770px;
}
.container_12 .grid_11 {
	width: 850px;
}
.container_12 .grid_12 {
	width: 930px;
}
/* Prefix Extra Space >> 12 Columns */
	.container_12 .prefix_1 {
	padding-left:80px;
}
.container_12 .prefix_2 {
	padding-left:160px;
}
.container_12 .prefix_3 {
	padding-left:240px;
}
.container_12 .prefix_4 {
	padding-left:320px;
}
.container_12 .prefix_5 {
	padding-left:400px;
}
.container_12 .prefix_6 {
	padding-left:480px;
}
.container_12 .prefix_7 {
	padding-left:560px;
}
.container_12 .prefix_8 {
	padding-left:640px;
}
.container_12 .prefix_9 {
	padding-left:720px;
}
.container_12 .prefix_10 {
	padding-left:800px;
}
.container_12 .prefix_11 {
	padding-left:880px;
}
/* Suffix Extra Space >> 12 Columns */
	.container_12 .suffix_1 {
	padding-right:80px;
}
.container_12 .suffix_2 {
	padding-right:160px;
}
.container_12 .suffix_3 {
	padding-right:240px;
}
.container_12 .suffix_4 {
	padding-right:320px;
}
.container_12 .suffix_5 {
	padding-right:400px;
}
.container_12 .suffix_6 {
	padding-right:480px;
}
.container_12 .suffix_7 {
	padding-right:560px;
}
.container_12 .suffix_8 {
	padding-right:640px;
}
.container_12 .suffix_9 {
	padding-right:720px;
}
.container_12 .suffix_10 {
	padding-right:800px;
}
.container_12 .suffix_11 {
	padding-right:880px;
}
/*twin columns*/
	.dgrid_2 {
	float:left;
	width:130px;
}
.dgrid_3 {
	float:left;
	width:210px;
}
.dgrid_4 {
	float:left;
	width:290px;
}
.dgrid_2:first-child, .dgrid_3:first-child, .dgrid_4:first-child {
	margin-right:30px;
}
/*triple columns*/
	.tgrid_2 {
	float:left;
	width:130px;
	margin-right:30px;
}
.tgrid_3 {
	float:left;
	width:210px;
	margin-right:30px;
}
.tgrid_2:last-child, .tgrid_3:last-child {
	margin-right:0px;
}

/* #Tablet (Portrait)
================================================== */

	/* Note: Design for a width of 768px */
	@media only screen and (max-width: 995px) {
 .container_12 {
width: 768px;
}
 .grid_1,  .grid_2,  .grid_3,  .grid_4,  .grid_5,  .grid_6,  .grid_7,  .grid_8,  .grid_9,  .grid_10,  .grid_11,  .grid_12 {
margin-left: 10px;
margin-right: 10px;
}
 .container_12 .grid_1 {
width: 44px;
}
 .container_12 .grid_2 {
width: 108px;
}
 .container_12 .grid_3 {
width: 172px;
}
 .container_12 .grid_4 {
width: 236px;
}
 .container_12 .grid_5 {
width: 300px;
}
 .container_12 .grid_6 {
width: 364px;
}
 .container_12 .grid_7 {
width: 428px;
}
 .container_12 .grid_8 {
width: 492px;
}
 .container_12 .grid_9 {
width: 556px;
}
 .container_12 .grid_10 {
width: 620px;
}
 .container_12 .grid_11 {
width: 684px;
}
 .container_12 .grid_12 {
width: 748px;
}
		/* Prefix Extra Space >> 12 Columns */
		.container_12 .prefix_1 {
padding-left:64px;
}
 .container_12 .prefix_2 {
padding-left:128px;
}
 .container_12 .prefix_3 {
padding-left:192px;
}
 .container_12 .prefix_4 {
padding-left:256px;
}
 .container_12 .prefix_5 {
padding-left:320px;
}
 .container_12 .prefix_6 {
padding-left:384px;
}
 .container_12 .prefix_7 {
padding-left:448px;
}
 .container_12 .prefix_8 {
padding-left:512px;
}
 .container_12 .prefix_9 {
padding-left:576px;
}
 .container_12 .prefix_10 {
padding-left:640px;
}
 .container_12 .prefix_11 {
padding-left:768px;
}
		/* Suffix Extra Space >> 12 Columns */
		.container_12 .suffix_1 {
padding-right:64px;
}
 .container_12 .suffix_2 {
padding-right:128px;
}
 .container_12 .suffix_3 {
padding-right:192px;
}
 .container_12 .suffix_4 {
padding-right:256px;
}
 .container_12 .suffix_5 {
padding-right:320px;
}
 .container_12 .suffix_6 {
padding-right:384px;
}
 .container_12 .suffix_7 {
padding-right:448px;
}
 .container_12 .suffix_8 {
padding-right:512px;
}
 .container_12 .suffix_9 {
padding-right:576px;
}
 .container_12 .suffix_10 {
padding-right:640px;
}
 .container_12 .suffix_11 {
padding-right:768px;
}
		
		/*twin columns*/
		.dgrid_2 {
width:108px;
}
 .dgrid_3 {
width:172px;
}
 .dgrid_4 {
width:236px;
}
		/*triple columns*/
		.tgrid_2 {
width:108px;
}
 .tgrid_3 {
width:172px;
}
		
		/*styles*/
img {
/*width:100%;
height:auto;*/
}
 .hide-tp {
display:none !important;
}
 .img-indent-none-tp {
float:none !important;
margin-right:0 !important;
margin-bottom:20px !important;
}
 .clear-tp {
display:block;
clear:both !important;
padding-top:20px !important;
}
 .extra-wrap-none-tp {
overflow:visible !important;
}
}


/*  #Mobile (Landscape)
================================================== */

	/* Note: Design for a width of 480px */
	@media only screen and (max-width: 767px) {
 .container_12 {
width: 420px;
}
 .container_12 .grid_1 {
width:35px;
margin-left:0;
margin-right:20px;
margin-bottom:0 !important;
}
 .container_12 .grid_2 {
width:70px;
margin-left:0;
margin-right:20px;
margin-bottom:0 !important;
}
 .container_12 .grid_3,  .container_12 .grid_4,  .container_12 .grid_5,  .container_12 .grid_6,  .container_12 .grid_7,  .container_12 .grid_8,  .container_12 .grid_9,  .container_12 .grid_12 {
width: 100%;
margin-left: 0;
margin-right:0;
}
 .container_12 .grid_10 {
width:330px;
margin-left:0;
margin-right:20px;
margin-bottom:0 !important;
}
 .container_12 .grid_11 {
width:365px;
margin-left:0;
margin-right:20px;
margin-bottom:0 !important;
}
 .container_12 .grid_1.last-col,  .container_12 .grid_2.last-col,  .container_12 .grid_10.last-col,  .container_12 .grid_11.last-col {
margin-right:0 !important;
}
 .container_12 .grid_1,  .container_12 .grid_2,  .container_12 .grid_3,  .container_12 .grid_4,  .container_12 .grid_5,  .container_12 .grid_6,  .container_12 .grid_7,  .container_12 .grid_8,  .container_12 .grid_9,  .container_12 .grid_10,  .container_12 .grid_11 {
margin-bottom:30px;
}
		
		/* Prefix Extra Space >> 12 Columns */
		.container_12 .prefix_1,  .container_12 .prefix_2,  .container_12 .prefix_3,  .container_12 .prefix_4,  .container_12 .prefix_5,  .container_12 .prefix_6,  .container_12 .prefix_7,  .container_12 .prefix_8,  .container_12 .prefix_9,  .container_12 .prefix_10,  .container_12 .prefix_11 {
padding-left:0;
}

		/* Suffix Extra Space >> 12 Columns */
		.container_12 .suffix_1,  .container_12 .suffix_2,  .container_12 .suffix_3,  .container_12 .suffix_4,  .container_12 .suffix_5,  .container_12 .suffix_6,  .container_12 .suffix_7,  .container_12 .suffix_8,  .container_12 .suffix_9,  .container_12 .suffix_10,  .container_12 .suffix_11 {
padding-right:0;
}
		
		/*twin columns*/
		.dgrid_2, .dgrid_3, .dgrid_4 {
width:200px;
}
		/*triple columns*/
		.tgrid_2, .tgrid_3 {
width:126px;
}
		
		/*styles*/
		.last-col {
margin-bottom:0 !important;
}
 .hide-ml {
display:none !important;
}
 .img-indent-none-ml {
float:none !important;
margin-right:0 !important;
margin-bottom:20px !important;
}
 .clear-ml {
display:block;
clear:both !important;
padding-top:20px !important;
}
 .extra-wrap-none-ml {
overflow:visible !important;
}
}


/* #Mobile (Portrait)
================================================== */
	
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 479px) {
 .container_12 {
width:300px;
}
 .container_12 .grid_1 {
width:25px;
}
 .container_12 .grid_2 {
width:60px;
}
 .container_12 .grid_10 {
width:220px;
}
 .container_12 .grid_11 {
width:255px;
}
		
		/*twin columns*/
		.dgrid_2 {
width:140px;
}
 .dgrid_3, .dgrid_4 {
width:300px;
}
 .dgrid_3:first-child, .dgrid_4:first-child {
margin-right:0;
margin-bottom:30px;
}
		/*twin columns*/
		.tgrid_2 {
width:90px;
margin-right:15px;
}
 .tgrid_3 {
width:300px;
margin-right:0;
margin-bottom:30px;
}
 .tgrid_3:last-child {
margin-bottom:0;
}
		
		/*styles*/
		.hide-mp {
display:none !important;
}
 .img-indent-none-mp {
float:none !important;
margin-right:0 !important;
margin-bottom:20px !important;
}
 .clear-mp {
display:block;
clear:both !important;
padding-top:20px !important;
}
 .extra-wrap-none-mp {
overflow:visible !important;
}
}
/* #Clearing
================================================== */

	/* Self Clearing Goodness */
	.container_12:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,  .clearfix:after,  .row:before,  .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after, .clearfix:after {
	clear: both;
}
.row, .clearfix {
	zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
	.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}