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

/* MAIN CONTAINER */
.container						{ margin: 0 auto; }

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

/* DEFAULT ROW STYLES */
.row							{ margin-bottom: 20px; } /* set according to preference*/
								  
/* DEFAULT COLUMN STYLES */
.col 							{ display: block;
								  float:left;
								  margin-left: 0%; }

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

/* COLUMN WIDTHS*/
.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%; }
.span_24 {text-align:center;color:#cccccc;}

body{background-attachment: fixed;
    background-color: #F2f2f2;
    background-image: url(images/paper.png);
	font-weight:400;
	}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('OpenSans-CondLight-webfont.eot');
    src: url('OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-CondLight-webfont.woff') format('woff'),
         url('OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

p{font: 1em/1em 'OpenSansCondensedLight', Arial, sans-serif;text-align:center;color:#113488;}
a {text-decoration:none;color:#FA6900;}
h1{font: 1.4em/1em 'BebasNeueRegular', Arial, sans-serif;text-align:center;color:#113488;}
h2{font: 1em/1em 'BebasNeueRegular', Arial, sans-serif;text-align:center;color:#333;margin:3em;}
.copy{font: 0.6em/1em 'OpenSansCondensedLight', Arial, sans-serif;text-align:center;color:#cccccc;}
#content_wrap{text-align:center;max-width:100%;}



nav {
background:#FA6900;
 font-size: 1.0625em;
 font-weight: 500;
/* border-top: 1px solid #FA9900;*/
 height:100%;
  box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.15) inset;
  font-family: OpenSansCondensedLight,Arial, sans-serif;
}
#piu{margin-left:45%;}
#piu img{margin-top:10px;margin-bottom:10px;}


nav ul li {
 background-color: #FA6900;
 width: auto;
 /*height: 30px;*/
 margin: 0;
 /*border-top: 1px solid #FA9900;*/
 border-left: 1px solid #FA9900;
/* border-right: 1px solid #FA9900;*/
  box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.15) inset;
}
 
nav ul li:last-child {border-bottom: 1px solid #FA9900;}
 
nav ul li a {
 display: block;
 color: #f2f2f2;
 line-height: 30px;
 text-decoration: none;
 width: auto;
 padding-left: 15px;
 font-weight: 300;
}
 
nav ul li a:hover {color: #FA6900;background:#eee url(images/paper.png);box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.15) inset;}
 
nav.collapsible > img{
 cursor: hand;
 
}
  
nav.collapsible > img.minus {

}