@charset "utf-8";
/* CSS Document */

/* Main Css */

.row {
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
}

.column, .columns {
	display: inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.row .one { width:6.333%; }
.row .two { width:14.667%; }
.row .three { width:23.0%; }
.row .four { width:31.333%; }
.row .five { width:39.667%; }
.row .six { width:48.0%; }
.row .seven { width:56.333%; }
.row .eight { width:64.667%; }
.row .nine { width:73.0%; }
.row .ten { width:81.333%; }
.row .eleven { width:89.667%; }
.row .twelve { width:98%; }

/* 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;
}

/***********************************
* Responsive video
************************************/

.video {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}

.video iframe, .video object, .video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/***********************************
* Responsive images
************************************/

img {
	width:100%;
	height:auto;
}

@media \0screen {
	img {
		width:auto; /* for IE 8 */
	}
}

/***********************************
* Typography
************************************/

.break-word {
	word-wrap:break-word;
}

@media only screen and (max-width:767px) {
	.row { width:auto; min-width:0; margin-left:0; margin-right:0; }
	
	.column, .columns { width:auto !important; float:none; }
	.column:last-child, .columns:last-child { float:none; }
	[class*="column"] + [class*="column"]:last-child { float:none; }
	
	.column:before, .columns:before, .column:after, .columns:after { content:""; display:table; }
	.column:after, .columns:after { clear:both; }
}

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

/***/