/* 1280 / 980px grid 
**
**	First part concern the 980px Grid
**  Use _wide and _narrow to specify a different width for a grid container
--------------------------------------------------------------------------------------*/

/*body {
  min-width: 980px;
}*/

.grid-row, .nav.narrow .grid-row {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	max-width: 980px;
	clear:both;
}

.grid-row:before, .grid-row:after {
	content: " ";
	display: table;
} 

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12, .nav.narrow .container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

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

.grid_1, .grid_1_narrow,
.grid_2, .grid_2_narrow, .nav.narrow .grid_2,
.grid_3, .grid_3_narrow,
.grid_4, .grid_4_narrow, 
.grid_5, .grid_5_narrow,
.grid_6, .grid_6_narrow, .nav.narrow .grid_6,
.grid_7, .grid_7_narrow,
.grid_8, .grid_8_narrow,
.grid_9, .grid_9_narrow,
.grid_10, .grid_10_narrow,
.grid_11, .grid_11_narrow,
.grid_12, .grid_12_narrow {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.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 {
  position: relative;
}

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

.alpha {
	margin-left: 0!important;
}

.omega {
	margin-right: 0!important;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1,
.grid_1_narrow
 {
  width: 60px;
}

.container_12 .grid_2,
.grid_2_narrow,
.nav.narrow .grid_2 {
  width: 140px;
}

.container_12 .grid_3,
.grid_3_narrow {
  width: 220px;
}

.container_12 .grid_4,
.grid_4_narrow {
  width: 300px;
}

.container_12 .grid_5,
.grid_5_narrow {
  width: 380px;
}

.container_12 .grid_6,
.grid_6_narrow,
.nav.narrow .grid_6 {
  width: 460px;
}

.container_12 .grid_7,
.grid_7_narrow {
  width: 540px;
}

.container_12 .grid_8,
.grid_8_narrow {
  width: 620px;
}

.container_12 .grid_9,
.grid_9_narrow {
  width: 700px;
}

.container_12 .grid_10,
.grid_10_narrow {
  width: 780px;
}

.container_12 .grid_11,
.grid_11_narrow {
  width: 860px;
}

.container_12 .grid_12,
.grid_12_narrow {
  width: 940px;
}

.container_12 .grid_full_width {
	width:100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1,
.push_1_narrow {
  left: 80px;
}

.container_12 .push_2,
.push_2_narrow {
  left: 160px;
}

.container_12 .push_3,
.push_3_narrow {
  left: 240px;
}

.container_12 .push_4,
.push_4_narrow {
  left: 320px;
}

.container_12 .push_5,
.push_5_narrow {
  left: 400px;
}

.container_12 .push_6,
.push_6_narrow {
  left: 480px;
}

.container_12 .push_7,
.push_7_narrow {
  left: 560px;
}

.container_12 .push_8,
.push_8_narrow {
  left: 640px;
}

.container_12 .push_9,
.push_9_narrow {
  left: 720px;
}

.container_12 .push_10,
.push_10_narrow {
  left: 800px;
}

.container_12 .push_11,
.push_11_narrow {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

.army-nav-wrapper .social-nav-wrapper {
    margin-right: -150px;
}

/* 1220px grid
----------------------------------------------------*/


@media only screen and (min-width: 1237px){
	

	/*body {
	  min-width: 1220px;
	}*/

	.grid-row {
		max-width: 1220px;
	}

	/* Containers
	----------------------------------------------------------------------------------------------------*/
	.container_12 {
		margin-left: auto;
		margin-right: auto;
		width: 1220px;
	}

    .army-nav-wrapper .social-nav-wrapper {
	    margin-right: -269px;
	}


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


	.grid_1, .grid_1_wide,
	.grid_2, .grid_2_wide,
	.grid_3, .grid_3_wide,
	.grid_4, .grid_4_wide,
	.grid_5, .grid_5_wide,
	.grid_6, .grid_6_wide,
	.grid_7, .grid_7_wide,
	.grid_8, .grid_8_wide,
	.grid_9, .grid_9_wide,
	.grid_10, .grid_10_wide,
	.grid_11, .grid_11_wide,
	.grid_12, .grid_12_wide {
		display:inline;
		float: left;
		position: relative;
		margin-left: 20px;
		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 >> 12 Columns
	----------------------------------------------------------------------------------------------------*/


	.container_12 .grid_1,
	.grid_1_wide, {
		width:80px;
	}

	.container_12 .grid_2,
	.grid_2_wide {
		width:180px;
	}

	.container_12 .grid_3,
	.grid_3_wide {
		width:280px;
	}

	.container_12 .grid_4,
	.grid_4_wide {
		width:380px;
	}

	.container_12 .grid_5,
	.grid_5_wide {
		width:480px;
	}

	.container_12 .grid_6,
	.grid_6_wide {
		width:580px;
	}

	.container_12 .grid_7,
	.grid_7_wide {
		width:680px;
	}

	.container_12 .grid_8,
	.grid_8_wide {
		width:780px;
	}

	.container_12 .grid_9,
	.grid_9_wide {
		width:880px;
	}

	.container_12 .grid_10,
	.grid_10_wide {
		width:980px;
	}

	.container_12 .grid_11,
	.grid_11_wide {
		width:1080px;
	}

	.container_12 .grid_12,
	.grid_12_wide {
		width:1180px;
	}

	.container_12 .grid_full_width {
		width:100%;
	    margin-left: 0;
	    margin-right: 0;
	    padding-left: 0;
	    padding-right: 0;
	}


	/* Prefix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/


	.container_12 .prefix_1 {
		padding-left:100px;
	}

	.container_12 .prefix_2 {
		padding-left:200px;
	}

	.container_12 .prefix_3 {
		padding-left:300px;
	}

	.container_12 .prefix_4 {
		padding-left:400px;
	}

	.container_12 .prefix_5 {
		padding-left:500px;
	}

	.container_12 .prefix_6 {
		padding-left:600px;
	}

	.container_12 .prefix_7 {
		padding-left:700px;
	}

	.container_12 .prefix_8 {
		padding-left:800px;
	}

	.container_12 .prefix_9 {
		padding-left:900px;
	}

	.container_12 .prefix_10 {
		padding-left:1000px;
	}

	.container_12 .prefix_11 {
		padding-left:1100px;
	}



	/* Suffix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/


	.container_12 .suffix_1 {
		padding-right:100px;
	}

	.container_12 .suffix_2 {
		padding-right:200px;
	}

	.container_12 .suffix_3 {
		padding-right:300px;
	}

	.container_12 .suffix_4 {
		padding-right:400px;
	}

	.container_12 .suffix_5 {
		padding-right:500px;
	}

	.container_12 .suffix_6 {
		padding-right:600px;
	}

	.container_12 .suffix_7 {
		padding-right:700px;
	}

	.container_12 .suffix_8 {
		padding-right:800px;
	}

	.container_12 .suffix_9 {
		padding-right:900px;
	}

	.container_12 .suffix_10 {
		padding-right:1000px;
	}

	.container_12 .suffix_11 {
		padding-right:1100px;
	}



	/* Push Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/


	.container_12 .push_1,
	.push_1_wide {
		left:100px;
	}

	.container_12 .push_2,
	.push_2_wide {
		left:200px;
	}

	.container_12 .push_3,
	.push_3_wide {
		left:300px;
	}

	.container_12 .push_4,
	.push_4_wide{
		left:400px;
	}

	.container_12 .push_5,
	.push_5_wide {
		left:500px;
	}

	.container_12 .push_6,
	.push_6_wide {
		left:600px;
	}

	.container_12 .push_7,
	.push_7_wide {
		left:700px;
	}

	.container_12 .push_8,
	.push_8_wide {
		left:800px;
	}

	.container_12 .push_9,
	.push_9_wide {
		left:900px;
	}

	.container_12 .push_10,
	.push_10_wide {
		left:1000px;
	}

	.container_12 .push_11,
	.push_11_wide {
		left:1100px;
	}



	/* Pull Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/


	.container_12 .pull_1 {
		left:-100px;
	}

	.container_12 .pull_2 {
		left:-200px;
	}

	.container_12 .pull_3 {
		left:-300px;
	}

	.container_12 .pull_4 {
		left:-400px;
	}

	.container_12 .pull_5 {
		left:-500px;
	}

	.container_12 .pull_6 {
		left:-600px;
	}

	.container_12 .pull_7 {
		left:-700px;
	}

	.container_12 .pull_8 {
		left:-800px;
	}

	.container_12 .pull_9 {
		left:-900px;
	}

	.container_12 .pull_10 {
		left:-1000px;
	}

	.container_12 .pull_11 {
		left:-1100px;
	}

}