/*
* Skeleton V1.2
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */


#loginform-custom 			{ margin: 3em; padding: 2em; border: 1px solid #e3e3e3; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; max-width: 230px; -moz-box-shadow: 0px 0px 8px 0px #ccc;
  -webkit-box-shadow: 0px 0px 8px 0px #ccc; box-shadow: 0px 0px 8px 0px #ccc; }




/*** HEADER : STICKY NAV MENU ***/

/* To see a menu in your header, you'll need to first add one in WordPress Admin */

#stickyNav					{ margin: 5px auto 0; /*width: 90%; max-width: 960px;*/}
.stickyMenu 				{ margin:0; padding: 0.7em 0 0.2em 0; list-style:none; text-align: right; }

.stickyActive				{ background: #747272; }

.stickyMenu li 				{ display: inline-block; position:relative; z-index:500; margin:0 1px; color: #444; /*-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;*/ }
.stickyMenu li:hover 	    { background: #e3e3e3; color: #444; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;*/ }
.stickyMenu li a 			{ display:block;  padding:10px 5px 9px 5px; font-weight:700; text-decoration:none; text-align:center; color:#fff; }
.stickyMenu li a:hover 		{ color:#444; }
.stickyMenu li ul li a:hover{ color:#FFF; }

.stickyMenu a.selected 		{ color:#f00; }

/* submenu, it's hidden by default */
.stickyMenu ul 				{ position:absolute;  left:0;  display:none; list-style:none; /*width: 120px;*/ background: #444; padding: 10px; margin: 12px 0 0 -80px;
    /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;*/ }
.stickyMenu ul li 			{ display: block; float: none;  margin: 5px auto 0 auto; background: #e2e2e2; width: 95%; /*-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;*/ }
.stickyMenu ul li:hover 	{ background: #444; }
/* display block will make the link fill the whole area of LI */
.stickyMenu ul a 			{ display:block; padding: 10px 5px; color:#666; }
.stickyMenu ul a:hover 		{ text-decoration:none; }

/* fix ie6 small issue */
*html .stickyMenu ul 		{ margin:0 0 0 -2px; }


/*.ulArrow2					{ background: url(../img/ulArrow.png) no-repeat right bottom; width: 120px; height: 25px; margin-top: -30px; float: right; }*/

#masthead 					{ position: fixed; top: 0; left: 0; background: #444; width: 100%; padding: 30px 0 0; z-index: 999; overflow: visible;}

#masthead2 					{ /*position: fixed; top: 0; left: 0; background: #444; width: 100%; padding: 30px 0 0; */ position: relative; z-index: 999; overflow: visible;}



#mobiNav					{ display: none; margin-right: 5%; }
#mobiMenu              		{ display: none; }

ul.mobileMenu				{ background: #444; padding: 10px; margin: 55px 0 0 10px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; float: right; }
.mobileMenu ul li 			{ float: none;  margin: 5px auto 0 auto; background: #e2e2e2; width: 95%; -webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.mobileMenu li:hover  a 	{ color: #e2e2e2; }
.mobileMenu li ul 			{ display: none; height: 0;}
.mobileMenu li a			{ text-decoration: none; color: #fff; }


a.backtotop					{display:none;position:fixed;right:20px;bottom:20px;position:expression("absolute");bottom:expression(eval(document.body.scrollTop)+(eval(document.body.height)-10));background-color:#333;color:#fff;-moz-border-radius:200px;-webkit-border-radius:200px;border-radius:200px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);box-shadow:0 0 10px rgba(0,0,0,0.4);padding:12px 12px 11px 12px;background:#000 url(../img/goup.png) 12px 14px no-repeat;width:28px;height:30px}


.wrapHeader 				{ /*height: 100px;*/}
#fullWidthStickyNav  		{ width: 100%; height: 80px; text-align: center; background: url('../img/topBG.jpg') repeat-x top; padding: 0; z-index: 9999; border-bottom: 1px solid #E4e4e4; border-top: 1px solid #E4e4e4; overflow: visible; position: relative; }
#fullWidthStickyNav .container { margin-bottom: 0; margin-top: 0; }
#fullWidthStickyNav .container .row { margin-bottom: 0; }

.fixed						{position:fixed !important;  }

#fullWidthFooter 			{ width: 100%; text-align: center; padding-top: 2em; background: #2f2f2f url('../img/footerBG.jpg') repeat-x top; color: #fff; min-height: 200px; z-index: 999;}
#fullWidthFooter a 			{ color: #fff; -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}
#fullWidthFooter a:hover	{ color: #eab80b;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		#masthead			{ height: 40px;}
		.stickyMenu 		{ display: none; }
		#stickyNav	 			{ float: left; max-width: 50%;}
		#mobiMenu           { display: none; }
		#mobiNav			{ display: block; float: right; background: #212121; padding: 3px; text-align: center;
			-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; width: 25px; height: 25px;
			margin-top: 25px; cursor: pointer;  }
		#mobiNav img		{ max-width: 100%; }
		/*#mobiNav:hover		{ background: #333; }*/

		#mobiMenu li ul li 	{ display: none; }
		.fbIcon 						{ display: none;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

	@font-face {
	    font-family: 'Orbitron';
	    src: url('../fonts/Orbitron/orbitron-medium-webfont.eot');
	    src: url('../fonts/Orbitron/orbitron-medium-webfont.eot?iefix') format('eot'),
	         url('../fonts/Orbitron/orbitron-medium-webfont.woff') format('woff'),
	         url('../fonts/Orbitron/orbitron-medium-webfont.ttf') format('truetype'),
	         url('../fonts/Orbitron/orbitron-medium-webfont.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }