/*
* Skeleton V1.2
*/

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

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

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

a.three_lines {
background: #404040;
padding: 5px 8px;
display: none;
position: absolute;
top: 8px;
left: 10px;
color: #fff;
text-decoration: none;
z-index: 999999;
}

#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; }


.Outer {
	background: #fff;
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 2em 0 !important;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -khtml-border-radius: 8px;
}

#fullWidthStickyNav.sticky { margin: 0; position: fixed; top: 0; z-index: 100; }

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

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

#stickyNav					{ margin: 0 auto; /*width: 90%; max-width: 960px;*/}
.stickyMenu 				{ margin:0; padding:0; list-style:none; height: 50px; }

.stickyActive				{ background: #747272; }

.stickyMenu li 				{
	height: 50px;
	display: inline-block;
	position:relative;
	z-index:500;
	margin:0px 1px 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: #fff; color: #444; }
.stickyMenu li a 			{ display:block;  padding:13px 25px 9px 25px; font-weight:700; text-decoration:none; text-align:center; color:#fff; font-size: 1.2em;letter-spacing: -0.1em;}
.stickyMenu li a:hover 		{ color:#68737a }
.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 			{ 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; }





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 				{  padding-top: 10px;height: 140px; }
#fullWidthStickyNav  		{
	width: 100%;
	height: 50px;
	text-align: center;
	z-index: 8000;
	border-bottom: 1px solid #E4e4e4;
	border-top: 1px solid #E4e4e4;
	overflow: visible;
	position: relative;
	background: #0078bf;
	background: -moz-linear-gradient(top,  #0078bf 0%, #40a2db 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0078bf), color-stop(100%,#40a2db));
background: -webkit-linear-gradient(top,  #0078bf 0%,#40a2db 100%);
background: -o-linear-gradient(top,  #0078bf 0%,#40a2db 100%);
background: -ms-linear-gradient(top,  #0078bf 0%,#40a2db 100%);
background: linear-gradient(to bottom,  #0078bf 0%,#40a2db 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078bf', endColorstr='#40a2db',GradientType=0 );

}
#fullWidthStickyNav .container { margin-bottom: 0; margin-top: 0; }
#fullWidthStickyNav .container .row { margin-bottom: 0; }

.fixed						{position:fixed !important;  }

.fullWidthHeader 			{ width: 100%; text-align: center; padding-bottom: 2em; }
#fullWidthFooter 			{ width: 100%; text-align: center; padding-top: 2em;}

/* #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) {



	}

	/* 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) {

		.stickyMenu 		{ display: none; }
		a.three_lines {
			display: block;
		}

	}


/* #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; }
*/