/* 
	12 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	VERSION - 2.0
	LICENSED UNDER GPL & MIT
*/


/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
body { color:#ffffff; background: url('/images/grey_wash_wall.png') #717171; }
header#homepage { height:500px;}
header#historypage { height:150px;}
header>section { height:150px; }
h1 {
	font-size: 20pt;
	text-align: center;
}
h2 {
	font-size: 17pt;
	text-align: center;
}
p {padding:10px; text-align:justify;}
.lightbg {background-color:#FFFFFF;
    background:rgba(255,255,255,0.9);/*border-radius:10px*/;box-shadow:0px 0px 6px black;}
.darktext{color:#000000;}
.vertspacer{height:50px;}
.second_nav {
  height:90px;
  background-color:#902B17;
  background-color:rgba(200, 35, 0, 0.5);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.45);
  /*border-radius:10px;*/
}
.second_nav>a {
  text-decoration:none;
}
/*  text-shadow:0 2px 22px white;  text-shadow:0 28px 5px grey;*/
.second_nav>a>p {
  text-decoration:none;
  color:#cecece;
  font-size:27px;
  text-align:center;
  text-shadow:0px 0px 20px black;
  padding-top:10px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.second_nav>a:hover>p {
  text-decoration:bold;
  color:#ffffff;
  text-shadow:0px 2px 10px black;
  font-size:28px;
}
.second_nav>a:visited {
  text-decoration:none;
  color:#cecece;
  font-size:27px;
}
/* MAIN CONTAINER */
.container {
    background-color: rgba(51, 111, 94, 0.2);
    margin: 0 auto;
}

/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }


/* DEFAULT ROW STYLES */
.row { margin-bottom: 1.5em; } /* set according to preference*/


/* DEFAULT COLUMN STYLES */
.col {
	display: block;
	float:left;
	width: 100%;
}

@media ( min-width : 768px ) {
	.col {
		margin-left: 2%;
	}
}


/* RESET MARGINS */
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 768px ) {
	.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23.5%; }
	.span_4 { width: 32.0%; }
	.span_5 { width: 40.5%; }
	.span_6 { width: 49.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 74.5%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }

}

section.row.top {
  background-color:#19213F;}
section.row.top {
    background: none repeat scroll 0 0 rgba(1, 3, 85, 0.4);
}
.current {border-bottom: 9px solid #FCFCFC;}
li.nav_button{
  height:135px;
  background: url('/images/45degreee_fabric.png') #DADADC;
  border-radius: 0 0 10px 10px;
  padding-left:4px;
  padding-right:4px;
  padding-top:90px;
  text-align:center;
  font-size:18px;
  color:#000001;
  text-shadow:1px 1px 1px #aaaaaa;
  box-shadow: inset 0px 0px 1px 0px #060606,0px 5px 17px 0px #040404;
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
}

li.nav_button:hover {
  height:149px;
  box-shadow: inset 0px -1px 24px 0px #161616,0px 0px 2px 0px #040404;
  padding-top:104px;
}


img.logo {
  padding-top:5px;
  padding-left:5px;
}
/*background-color:rgba(204,194,194,0.5); */
/*.navigation_main {
  margin: 0 auto;
  position:relative;
  //float:right;
  //padding-right:20px;
  //width:500px;
  list-style:none;

}

ul.navigation_main {
    width:440px;
}

.navigation_main li:hover{
  height:149px;
  box-shadow:0px 4px 24px #010101;
  padding-top:104px;
}

.navigation_main li, .navigation_main li:visited {
    background: url(http://subtlepatterns.com/patterns/grunge_wall.png) #11ffcc;
    border-radius: 0 0 25px 25px;
    display: block;
    float: left;
    height: 135px;
    position: relative;
    width: 110px;
	text-align:center;
	box-shadow:0px 5px 17px #060606;
	padding-top:90px;
	text-decoration:none;
	font-size:18px;
	color:#000001;
	text-shadow:1px 1px 2px #888888;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;

}

#home_button {
  background-color:#11ffcc;
  background: url('/images/bedge_grunge.png') #11ffcc;
}
*/

.container {
  max-width: 95%;
  margin: 0 auto;
}
@media (min-width: 1024px){
.container {max-width: 940px;}
}

@media (min-width: 1200px){
.container {max-width: 1100px;}
}
@media (min-width: 888px){
.mobileonly {display:none;}
}
@media (max-width: 888px){
.drop {display:none;}
img.logo {width:100%;}
header#homepage { height:160px;}
header#historypage { height:160px;}
header>section { height:160px; }
}

@media ( max-width : 900px ) {

.second_nav>a>p {
  color:#cecece;
  font-size:20px;
  text-shadow:0px 0px 20px black;
  padding-top:10px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.second_nav>a:hover>p {
  text-decoration:bold;
  color:#ffffff;
  text-shadow:0px 2px 10px black;
  font-size:21px;
}
.second_nav>a:visited {
  text-decoration:none;
  color:#cecece;
  font-size:20px;
}

}

@media ( max-width : 767px ) {

li.nav_button{
  height:50px;
  padding-top:20px;
  border-radius: 10px 10px 10px 10px;
}
li.nav_button:hover {
  height:50px;
  padding-top:20px;
}
img.logo {
  max-width:277px;
  padding-right:5px;

}

}
.accordian ul {
	width: 2000px;
}
.accordian {
	margin: 0 auto;
}
.accordian {
	overflow: hidden;
}
.accordian {
	width: 840px;
    height: 320px;
	overflow: hidden;
}
.accordian {
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.45);
	-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.45);
}


.accordian li {
	position: relative;
	display: block;
	width: 40px;
	float: left;
}
.accordian li {
	box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.accordian ul:hover li {width: 40px;}

.accordian ul li:hover {
    width: 640px;
}
.accordian ul li:hover {
	box-shadow:0 0 15px 20px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 0 15px 20px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 0 15px 20px rgba(0, 0, 0, 0.4);
}

.accordian li img {
	display: block;
}
.image_title {
    background: grey;
	position: absolute;
	left: 0;
    bottom: 0;
    width: 640px;
}
.image_title {
	background: rgba(1, 6, 5, 0.5);
}


.image_title a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 15px;
	font-size: 19px;
}
.mobileonly  ul {color:black;list-style:square;padding-left:30px;background:white;border-radius:5px;}
.mobileonly  ul a, .mobileonly  ul a:visited {color:blue;text-decoration:none;}


/* PRESSBOX */
.pressbox {
	width: 0;
	height: 0;
	position: fixed;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 9999;
	text-align: center;
	background: rgba(0,0,0,0.7);
	}

	.pressbox img	{
		opacity: 0;
		padding: 10px;
		background: #ffffff;
		margin-top: 100px;
		-webkit-box-shadow: 0px 0px 15px #444;
		-moz-box-shadow: 0px 0px 15px #444;
		box-shadow: 0px 0px 15px #444;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
		transition: opacity .25s ease-in-out;
		}

.pressbox:target {
	width: auto;
	height: auto;
	bottom: 0;
	right: 0;
	}

	.pressbox:target img {
		opacity: 1;
		}