/* 6x6 Taxi - layout */


/* main layout divs */

.wrap {
	width: 100%;
	clear: both;
	}

.main {
	width: 980px;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	}

.static {
	position: static;
	}

.column {

	float: left;
	}

.gk-mass {
	clear: both;
	margin-bottom:4px;
	}

.status_yes
{
    background: url("images/yes.gif") no-repeat center;
    height:100%;
	width: 100%;
}	


.status_no
{
    background: url("images/no.gif") no-repeat center;
    height:100%;
	width: 100%;
}	

.icon_question 
{
	background: url("images/questionblue.jpeg") no-repeat center;
    height:100%;
	width: 100%;
}


/* gutter */

.main .inner { /* We use liquid layout, so we need to insert a div which will create margin if need */
	padding:4px;
	}

.main .inner.ctop {
	padding-top:0;
	}

.main .inner.cbottom {
	padding-bottom:0;
	}

.main .inner.cleft {
	padding-left:0;
	}

.main .inner.cright {
	padding-right:0;
	}


.article_column .contentpaneopen { /* for article columns, we only need to add margin or padding to this div  */
	padding-left:16px;
	padding-right:16px;
	}

.leading { }

.article_row { /* minus the spacing of the article row to match with the gutter & global grid */
	margin-left:-16px;
	margin-right:-16px;
	}


/* main column */

#gk-mainbody {
	float: left;
	}

#gk-current-content, #gk-main {
	float: right;
	}


/* side columns */

.gk-colswrap {}

.gk-col {}


/* right column */

#gk-right {
	float: right;
	}

.gk-mass-bottom {
	margin-bottom: 0 !important;
	}


/* header */

#gk-header {}


/* footer */

#gk-footer {
	clear: both;
	}


/* content's grids */

.article_column {
	float: left;
	position: relative;
	}

.cols1 .article_column {
	width: 100%;
	}

.cols2 .article_column {
	width: 50%;
	}

.cols3 .article_column {
	width: 33.33%;
	}

.cols4 .article_column {
	width: 25%;
	}

.cols5 .article_column {
	width: 20%;
	}


/* spotlight */

#gk-topsl {}

#gk-botsl {}

.gk-box {
	float: left;
	overflow: hidden;
	}