﻿/* @override http://kobrekim.d7east.com/css/936_grid.css */
/*
936px grid system ~ Core CSS.
13 Columns ~ Margin left: 0px ~ Margin right: 0px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Created by the Grid System Generator - v1.04
Learn more ~ http://www.gridsystemgenerator.com/
*/
/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.

Note: IE6 works fine without this fix.
*/


/* =Containers
--------------------------------------------------------------------------------*/
.container_13 { margin-left: auto; margin-right: auto; width: 1027px; }

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_4_plus,.grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_9_margin, .grid_10, .grid_11, .grid_12, .grid_13, .grid_half, .grid_3_plus, .grid_9_half { display: inline; float: left; margin-left: 0px; margin-right: 0px; }

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position: relative; }

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }

.omega { margin-right: 0; }

/* =Grid >> 13 Columns
--------------------------------------------------------------------------------*/
.container_13 .grid_half { width: 40px; }
.container_13 .grid_1 { width: 79px; }
.container_13 .grid_2 { width: 158px; }
.container_13 .grid_3 { width: 237px; }
.container_13 .grid_3_plus { width: 258px; }
.container_13 .grid_4 { width: 316px; }
.container_13 .grid_4_plus { width: 378px; }
.container_13 .grid_5 { width: 395px; }
.container_13 .grid_6 { width: 474px; }
.container_13 .grid_7 { width: 80%; }
.container_13 .grid_8 { width: 632px; }
.container_13 .grid_8_plus { width: 632px; }
.container_13 .grid_9 { width: 711px; }
.container_13 .grid_9_plus { width: 759px; }
.container_13 .grid_9_half { width: 750px; margin-right: 15px; }
.container_13 .grid_9_margin { width: 695px; margin-right: 15px; }
.container_13 .grid_10 { width: 790px; }
.container_13 .grid_11 { width: 869px; }
.container_13 .grid_12 { width: 948px; }
.container_13 .grid_13 { width: 1027px; }
.container_13 .prefix_1 { padding-left: 79px; }
.container_13 .prefix_2 { padding-left: 158px; }
.container_13 .prefix_3 { padding-left: 237px; }
.container_13 .prefix_4 { padding-left: 316px; }
.container_13 .prefix_5 { padding-left: 395px; }
.container_13 .prefix_6 { padding-left: 474px; }
.container_13 .prefix_7 { padding-left: 553px; }
.container_13 .prefix_8 { padding-left: 632px; }
.container_13 .prefix_9 { padding-left: 711px; }
.container_13 .prefix_10 { padding-left: 790px; }
.container_13 .prefix_11 { padding-left: 869px; }
.container_13 .prefix_12 { padding-left: 948px; }
.container_13 .suffix_1 { padding-right: 79px; }
.container_13 .suffix_2 { padding-right: 158px; }
.container_13 .suffix_3 { padding-right: 237px; }
.container_13 .suffix_4 { padding-right: 316px; }
.container_13 .suffix_5 { padding-right: 395px; }
.container_13 .suffix_6 { padding-right: 474px; }
.container_13 .suffix_7 { padding-right: 553px; }
.container_13 .suffix_8 { padding-right: 632px; }
.container_13 .suffix_9 { padding-right: 711px; }
.container_13 .suffix_10 { padding-right: 790px; }
.container_13 .suffix_11 { padding-right: 869px; }
.container_13 .suffix_12 { padding-right: 948px; }
.container_13 .r_gully_1 { margin-right: 79px; }
.container_13 .r_gully_2 { margin-right: 158px; }
.container_13 .r_gully_3 { margin-right: 237px; }
.container_13 .r_gully_4 { margin-right: 316px; }
.container_13 .r_gully_5 { margin-right: 395px; }
.container_13 .r_gully_6 { margin-right: 474px; }
.container_13 .r_gully_7 { margin-right: 553px; }
.container_13 .r_gully_8 { margin-right: 632px; }
.container_13 .r_gully_9 { margin-right: 711px; }
.container_13 .r_gully_10 { margin-right: 790px; }
.container_13 .r_gully_11 { margin-right: 869px; }
.container_13 .r_gully_12 { margin-right: 948px; }
.container_13 .l_gully_half { margin-left: 40px; }
.container_13 .l_gully_1 { margin-left: 79px; }
.container_13 .l_gully_2 { margin-left: 158px; }
.container_13 .l_gully_3 { margin-left: 237px; }
.container_13 .l_gully_4 { margin-left: 316px; }
.container_13 .l_gully_5 { margin-left: 395px; }
.container_13 .l_gully_6 { margin-left: 474px; }
.container_13 .l_gully_7 { margin-left: 553px; }
.container_13 .l_gully_8 { margin-left: 632px; }
.container_13 .l_gully_9 { margin-left: 711px; }
.container_13 .l_gully_10 { margin-left: 790px; }
.container_13 .l_gully_11 { margin-left: 869px; }
.container_13 .l_gully_12 { margin-left: 948px; }
.container_13 .b_gully_1 { margin-bottom: 77px; }
.container_13 .b_gully_2 { margin-bottom: 154px; }
.container_13 .push_1 { left: 79px; }
.container_13 .push_2 { left: 158px; }
.container_13 .push_3 { left: 237px; }
.container_13 .push_4 { left: 316px; }
.container_13 .push_5 { left: 395px; }
.container_13 .push_6 { left: 474px; }
.container_13 .push_7 { left: 553px; }
.container_13 .push_8 { left: 632px; }
.container_13 .push_9 { left: 711px; }
.container_13 .push_10 { left: 790px; }
.container_13 .push_11 { left: 869px; }
.container_13 .push_12 { left: 948px; }
.container_13 .pull_1 { left: -79px; }
.container_13 .pull_2 { left: -158px; }
.container_13 .pull_3 { left: -237px; }
.container_13 .pull_4 { left: -316px; }
.container_13 .pull_5 { left: -395px; }
.container_13 .pull_6 { left: -474px; }
.container_13 .pull_7 { left: -553px; }
.container_13 .pull_8 { left: -632px; }
.container_13 .pull_9 { left: -711px; }
.container_13 .pull_10 { left: -790px; }
.container_13 .pull_11 { left: -869px; }
.container_13 .pull_12 { left: -948px; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix { /*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/ zoom: 1; }
.clearfix:before { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both; }
@media (max-width: 767px) {
    .container_13 .grid_7 {
        width: 100%;
    }
}

.container_13 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.container_13 .grid_12 {
    width: 100%;
}