/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

body {
	background: #fff;
	border-top: 5px solid #588fd3;
	font-size: 11px;
	padding: 20px 0 40px;
}

p {		
	font-family:Helvetica, Verdana, Arial,  sans-serif;
	overflow: hidden;
	line-height:1.5;
	font-size:12px; 
	text-align:center;
	color: #fff
}




#bottom {
	background: #588fd3;
	position: fixed;
	}
	
	#bottom {
		left: 0; right: 0;
		height: 45px;
		padding-top:15px;
		padding-bottom:10px;

		}
		#bottom { bottom: 0; }

/* `Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	background: #fff;
	margin-bottom: 20px;
}


.container_12{
	margin:0 auto;
	width: 960px;
}

#header {
	margin-top:10px;
}

#footer { }



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


.grid_4,
.grid_12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom:10px;
}

.grid_12 {
	margin-top:5px;
}



.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12 {
	width: 940px;
}

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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}



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