/**
* grid.css
* All grid and floated element definitions
*/

/* grid template specific
********************************************************************/

#grid h1{
	font-size:2em;
}

#grid h4,
#grid #mainContent h4{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
}

#grid li a{
	text-decoration:none;
}

#grid li a:hover{
	text-decoration:underline;
}

/* global
********************************************************************/

#inner{
	margin:0 auto;
	width:980px;
}

#outer{
	min-height:1px;
}

/* content
********************************************************************/

#content{
	min-height:1px;
}

#mainContent{
	float:left;
	/*margin-right:20px;*/
	min-height:1px;
}

.mainContentWidth {
    width:660px;
}

.mainContentFullWidth {
    width:960px;
}

/* columns
********************************************************************/

.last{
	margin-right:0;
}

.width4{
	position:relative;
	width:660px;
}

.width3{
	float:left;
	margin-right:20px;
	width:490px;
}

.width2{
	float:left;
	margin-right:20px;
	width:320px;
}

.width2.last{
	margin-right:0;
}

.tiles.boxSurround .inner .width2{
	margin-right:10px;
}

.tiles.boxSurround .inner .width2.last{
	margin-right:0;
}

.tiles.boxSurround .inner .width2{
	width:298px;
}

.width1{
	float:left;
	margin-right:20px;
	width:150px;
}

.width1.last{
	margin-right:0;
}

/* panel
********************************************************************/

#panel{
	float:right;
	width:300px;
}

/* footer
********************************************************************/

#footer .width1{
	width:200px;
}

/* hasLayout
********************************************************************/

#outer:after,
#content:after,
#mainContent:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.ie6 #outer,
.ie6 #content,
.ie6 #mainContent{
	height:1px;
}

/* show-colours
********************************************************************/

.show-colours{background:red;}
.show-colours #inner{background:green;}
.show-colours #outer{background:brown;}
.show-colours #content{background:orange;}
.show-colours #mainContent{background:lime;}
.show-colours .column{background:blue;}
.show-colours .width4{background:#0dbfb5;}
.show-colours .width3{background:#22b5a5;}
.show-colours .width2{background:pink;}
.show-colours .width2 .width2{background:brown;}
.show-colours .width1{background:yellow;}
.show-colours .shareLinks{background:blue;}
.show-colours #panel{background:purple;}
.show-colours .filmsShowing{background:indigo;}
.show-colours .similarFilms{background:olive;}
.show-colours #panel .tabGroup{background:yellow;}