/*
	CSS - Skype.com
	GRID
*/


/* Container, & Rows
----------------------------------------------------------------------------------------------------*/
.container {
	max-width: 990px;
	min-width: 320px;
	margin: auto;
	width: 100%;
}

.row_1,
.row_2,
.row_3,
.row_4,
.row_5,
.row_6 {
	overflow: hidden;
	position: relative;
	height: 1%;
}


/* Inside & Outside
----------------------------------------------------------------------------------------------------*/

.outside {
	background-color: transparent;
}

.inside {
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 15px;
    padding-right: 15px;
}


/* Columns
----------------------------------------------------------------------------------------------------*/

.column {
    margin-left: 15px;
    margin-right: 15px;
}

.inside .column {
	margin-top: 30px;
	margin-bottom: 30px;
}

/*.outside .column {
    margin-bottom: 30px;
    margin-top: 30px;
}

.outside div:first-child .column {
    margin-top: 0px;
}

.outside div:last-child .column {
    margin-bottom: 0px;
}*/

.column.flush {
	margin-top: 0px;
	margin-bottom: 0px;
}


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

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline;
	float: left;
	position: relative;
    margin-bottom: -32767px;
    padding-bottom: 32767px;
	margin-left: 0;
	margin-right: 0;
}


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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/


.row_2 .grid_1 {
	width: 50.0%;
}

.row_2 .grid_2 {
	width: 100.0%;
	float: none;
}


/* Grid >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.row_3 .grid_1 {
	width: 33.3%;
}

.row_3 .grid_2 {
	width: 66.6%;
}

.row_3 .grid_3 {
	width: 100.0%;
	float: none;
}


/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.row_4 .grid_1 {
	width: 25.0%;
}

.row_4 .grid_2 {
	width: 50.0%;
}

.row_4 .grid_3 {
	width: 75.0%;
}

.row_4 .grid_4 {
	width: 100.0%;
	float: none;
}


/* Grid >> 5 Columns
----------------------------------------------------------------------------------------------------*/


.row_5 .grid_1 {
	width: 20.0%;
}

.row_5 .grid_2 {
	width: 40.0%;
}

.row_5 .grid_3 {
	width: 60.0%;
}

.row_5 .grid_4 {
	width: 80.0%;
}

.row_5 .grid_5 {
	width: 100.0%;
	float: none;
}


/* Grid >> 6 Columns
----------------------------------------------------------------------------------------------------*/


.row_6 .grid_1 {
	width: 16.6%;
}

.row_6 .grid_2 {
	width: 33.2%;
}

.row_6 .grid_3 {
	width: 49.8%;
}

.row_6 .grid_4 {
	width: 66.4%;
}

.row_6 .grid_5 {
	width: 83.0%;
}

.row_6 .grid_6 {
	width: 100.0%;
	float: none;
}


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

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

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	margin-bottom: 30px;
}

.clear.zero {
	margin-bottom: 0px;
}

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