@charset "UTF-8";
/*------------------------------------------------------------------
	$GENERAL
------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li {
	margin:0;
	padding:0;
}

html {
	/*overflow-y:scroll;*/
}

body {
	font-size:14px;
	line-height:21px;
	font-family:helvetica, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol {
	margin-bottom:20px;
}

img {
	max-width:100%;
	vertical-align:bottom;
}
/*------------------------------------------------------------------
	$TYPOGRAPHY
------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family:helvetica, arial, sans-serif;
	color:#222;
	
}


/*------------------------------------------------------------------
	$LINKS
------------------------------------------------------------------*/
a:link {
	color:#04d;
	text-decoration:none;
}


a:hover {
	text-decoration:underline;
}

a:active {
	color:#082;
}
/*------------------------------------------------------------------
	$LISTS
------------------------------------------------------------------*/
li {
	margin-bottom:12px;
	margin-left:30px;
}

.nav {
	margin-bottom:0;
}

.nav li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:0;
}
/*------------------------------------------------------------------
	$STRUCTURE
------------------------------------------------------------------*/
#wrapper {
	width:960px;
	margin:24px auto 0;
}

#header, #body {
    background:#e7e9ea;
}

#header, #body, #footer {
	margin-bottom:24px;
	position:relative;
}

/*------------------------------------------------------------------
	$GRID PX
------------------------------------------------------------------*/
.grid_12 {
	width:960px;
	margin:0 auto;
}

.row {
	margin-bottom:24px;
}

.row.alt {
	margin-bottom:0;	
}

.cols {
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.grid_12 .col_1 	{width:60px;}
.grid_12 .col_2		{width:140px;}
.grid_12 .col_3 	{width:220px;}
.grid_12 .col_4 	{width:300px;}
.grid_12 .col_5 	{width:380px;}
.grid_12 .col_6 	{width:460px;}
.grid_12 .col_7 	{width:540px;}
.grid_12 .col_8 	{width:620px;}
.grid_12 .col_9 	{width:700px;}
.grid_12 .col_10 	{width:780px;}
.grid_12 .col_11 	{width:860px;}
.grid_12 .col_12 	{width:940px;}

/*------------------------------------------------------------------
	$GRID %
------------------------------------------------------------------*/
.grid_100 {
	width:100%;
}


/*------------------------------------------------------------------
	$FIXES
------------------------------------------------------------------*/
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}

.clearfix:after {
	clear:both;
}