/*
Theme Name: Grind
Author: Magic+Might
*/
 
 

/* TYPE */ 
@font-face {
    font-family: 'MuseoSlab500';
    src: url('Museo_Slab_500-webfont.eot');
    src: url('Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('Museo_Slab_500-webfont.woff') format('woff'),
         url('Museo_Slab_500-webfont.ttf') format('truetype'),
         url('Museo_Slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* DON BOOTS WAS HURR */

#top-dropdown {
	height: 0;
	overflow: hidden;
}

#top-dropdown li {
	float: none;
}
#top-dropdown li a {
	display: block;
	height: auto;
}
/* END DON BOOTS HURR */


h1{
	font-size:17px;
	color:#F15A24;
	letter-spacing:.01em;
	font-weight:normal;
	line-height:21px;
}

h2{
	font-size:13px;
	color:#F15A24;
	letter-spacing:.01em;
	font-weight:normal;
	line-height:18px;
}

h3{
	margin:20px 0px 0px 0px;
	font-size:17px;
	padding:5px;
	background-color:#fff;
	color:#9BC7B6;
	letter-spacing:.01em;
	font-weight:normal;
	line-height:21px;
	}


p{    font-family: 'MuseoSlab500'; font-size:13px; line-height:18px; letter-spacing:.05em;}

footer, nav, section, article { display: block; }
footer {}

html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { 	list-style:none;
margin: 0; font-size: 12px; line-height: 16px;     font-family: 'MuseoSlab500'; color: #58595B; min-width: 939px; background: #5f6260; } 

ul{list-style:none; padding:0px; margin:0px;}
hr{ height:1px;color: #f2f2f2;background-color: #f2f2f2;}

/* default links */

a { color: #ef4925; text-decoration: none; }
a:hover { color: #58595B; outline: none; }

/* nav */

#homebtn { position:fixed; background-repeat:no-repeat; top:0px; left:45px; clear:right; width:90px; height:186px; padding:0px; margin-top:-6px; padding-bottom:15px;}
#homebtn:hover{opacity:0.8;filter:alpha(opacity=80);}
#primary { position: fixed; top:190px; left: 50px; }
#primary li { list-style:none; font-family: 'MuseoSlab500'; font-size: 15px; line-height: 20px; width:106px; }
#primary li a { padding: 5px; color: #f7f7f7; display: block; }
#primary li a:hover { color: #ef4925; }
#primary li.current a, #primary li.current a:hover { background: #ef4925; color: #fff; }
#primary li.current a.home { background: none; }

#socialbtn a{padding: 5px; width:auto; float:left; color:#fff; background:#F05A23; margin-left:5px; margin-top:10px;}
#socialbtn a:hover{background:#fff; color:#F05A23;}

#twin a{padding: 3px; width:auto; float:left; color:#fff; background:#F05A23; margin-left:5px; margin-top:9px; font-size:10px;}
#twin a:hover{background:#fff; color:#F05A23;}

/* drop down */

 
   
   
/* utility navigation */

#mc-embedded-subscribe{background-color:#BBE2EB;font-family: 'MuseoSlab500'; color:#86A4AC; width:60px; height:20px; border:none; padding:7px 10px 10px 10px;}
#mc-embedded-subscribe:hover{background-color:#fff;color:#86A4AC; cursor:pointer;}
#mce-EMAIL{width:160px;height:20px; border:none; margin-right:2px; padding:10px 10px 10px 15px;font-family: 'MuseoSlab500'; color:#86A4AC;}
#mc-embedded-subscribe, #mce-EMAIL, google_translate_element{float:left; padding:0px;}
.goog-te-gadget{margin-top:-5px;}
#utility { position: fixed; top:0px;  right:0px; width:620px; }
#google_translate_element{width:200px;}
#orange{background-color:#F05A23; padding:15px; height:15px; float:left; width:230px; margin-right:2px;}
#orange2, #orange2 a{color:#fff; background-color:#F05A23; padding:15px; height:15px; float:left; width:auto; margin-right:2px;}
#orange2:hover{background-color:#fff;color:#F05A23; cursor:pointer;}
#orange3{background-color:#F05A23; padding:15px; height:15px; float:left; width:auto; margin-right:2px;}


/* section styles */

#section-content { margin:0px auto; height:1000px; }
.homepage{padding:160px 0px 0px 0px;  margin:70px auto;line-height:33px; width:520px; }
.homepage p{font-size:22px; line-height:27px; letter-spacing:.02em;}
#white{ padding:30px; background:#FFF; margin:90px auto;font-size:22px; width:530px;height:auto; float:inherit;}
#clear{ padding:30px; background:transparent; margin:70px auto;font-size:22px; height:auto; float:inherit;}

.partnerscontainer{width:600px;}
.contactcontainer{width:530px;}

#contactinfo{padding-top:25px;}
#contactinfo p{color:#fff; line-height:10px;}
#contactinfo h1{padding-top:10px; line-height:16px;}

.sponsor{padding-top:20px; width:129px; padding-right:20px; float:left; color:#fff;}
.sponsor:hover{opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */} 

/* headers */

#headerz{background-image:url(img/headers.png); height:55px; width:auto; background-repeat:no-repeat;padding-bottom:12px;}
.homeheader{ background-position: left top ; border-bottom:4px #fff solid;  }
.newsheader{ background-position: left -60px; border-bottom:4px #ef4925 solid; }
.aboutheader{ background-position: left -125px; border-bottom:4px #ef4925 solid; }
.distroheader{ background-position: left -190px; border-bottom:4px #ef4925 solid; }
.facilitiesheader{ background-position: left -255px; border-bottom:4px #ef4925 solid; }
.educationheader{ background-position: left -320px; border-bottom:4px #ef4925 solid; }
.contactheader{ background-position: left -382px; border-bottom:4px #ef4925 solid; }
.partnersheader{ background-position: left -450px; border-bottom:4px #ef4925 solid; }

/* buttons */

.arrowbtn{background: url(img/arrow_small.png) no-repeat top left; height:20px; width:30px; float:right;}

/* bgs */

#home { background: url(img/home.jpg) no-repeat fixed; clear: both; }
#news { background: url(img/news.jpg) no-repeat 50% 0 fixed; clear: both; }
#about { background: url(img/about.jpg) no-repeat 50% 0 fixed; }
#distribution { background: url(img/distro.jpg) no-repeat 50% 0 fixed; }
#facilities { background: url(img/fac.jpg) no-repeat 50% 0 fixed; }
#education { background: url(img/education.jpg) no-repeat 50% 0 fixed; }
#contact { background: url(img/contact.jpg) no-repeat 50% 0 fixed; }
#partners { background: url(img/partners.jpg) no-repeat 50% 0 fixed; }



/* non-semantic helper classes */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear{ clear:both;}

.alignleft, .left { float: left; }
.alignright, .right { float: right; }

@media only screen and (max-device-width: 480px) {