@font-face {
	font-family: 'Geek Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Geek Sans'), local('GeekSans'), url(font.ttf);
}
	
body { 
	background-image:url('../images/background.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color: #052B0E;
	background-position:center bottom;
	background-size:cover;
	font-family: 'Geek Sans', Arial, sans-serif;
	font-weight: normal; 
	font-style: normal; 
	line-height: 1.2; 
	color: #000000; 
	position: relative; -webkit-font-smoothing: antialiased;
	min-width: 480px
}

html {           
font-size: 62.5%; 
}


/*Outside Wrapper*/

  #main .wrapper {
	background:rgba(0, 0, 0,0.2);
	max-width: 1290px;
	margin:12px auto;
	padding:0 0 0px 0;
	-o-box-shadow: inset 0 1px rgba(255,255,255,0.2);
    -webkit-box-shadow: 0 40 10px rgba(0, 0, 0, 1); 
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1); 
	-moz-border-radius:12px; border:1px solid #A8B922;
	-webkit-border-radius:12px; border:1px solid #A8B922;
	color: #ffffff;}
 
	/**/
  #main .inner { background:rgba(5, 43, 14, 0.4); padding:5px 0px 5px 0;max-width: 1360px; color: #ffffff; }
/**/
 #main .page { background:rgba(255,255,255,0.65); border-top:2px solid #A8B922; border-bottom:2px solid #A8B922; color: #000000;}
 #main .page a:hover { color:black;  }


/*This stuff will be true of on a screen bigger than 868px*/
	@media only screen and (min-width: 888px) {
		 #main .wrapper {
			background:rgba(0, 0, 0,0.2);
			
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:12px;
			padding:0px;

			}
		  #main .inner {background:rgba(5, 43, 14, 0.4); color: #ffffff;  
				-moz-border-radius:12px; padding:0px; 
				-webkit-border-radius:12px; padding:0px; 


				 }

		#main .page { 	color:black; background:rgba(255,255,255,0.65); 
			-moz- border-radius:12px; border:1px solid #A8B922;
			-webkit-border-radius:12px; border:1px solid #A8B922; }

	
	}
 /**/

	/**/




/**/
.container { background:rgba(255,255,255,0.2); padding:0 0 0 0;
	-o-box-shadow: inset 0 1px rgba(255,255,255,0.2);
	-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 1px rgba(255,255,255,0.1);
	box-shadow: inset 0 1px rgba(255,255,255,0.1);
	min-width:368px;
	}

.orbit-wrapper .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; }
.orbit-wrapper:hover .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.reveal-modal { background: rgba(5, 18, 7, 0.90); color: white; visibility: hidden; display: none; top: 45px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 41; padding: 10px; 
	-webkit-box-shadow: 0 40 10px rgba(255, 255, 255, .71); 
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1); 
	-moz-border-radius:12px; 
	-webkit-border-radius:12px; border:1px solid #A8B922;}

.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active { background: rgba(5, 43, 14, 0); }
.top-bar ul > li.has-dropdown .dropdown li { background: rgba(5, 21, 7, 0.90); line-height: 1; min-width: 110%; padding-bottom: 5px; }

.fb-like { padding-left: 15px;
}

.slightTop{
	padding-top: 6px;
}