/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

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

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

html, body, #form1 {
	height: 100%;
	margin:0;
	padding:0;
}
body {
	background:#000;
}

	h1.pagename {
		font-family:'8bitoperator_jver',Helvetica, Arial, sans-serif ;
		font-size:40px;
text-transform:uppercase;
color:#fff;
position:relative;
bottom:0px;
right:0px;
margin:0;
padding:0;
padding-bottom:0px;
	}

.container {
	position:relative;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	background:#262626;
border:1px solid #5685c4;
margin-top:20px;
}
header {
	height:150px;
	position:relative;
z-index:3900;
position:relative;
}

nav {
	height:33px;
	position:absolute;
	top:57px;
	left:200px;
	z-index:2900;
color:#fff;
}

nav ul#navmenu {
border-right:0px;
border-left:0px;
}
nav ul#navmenu a {
	color:#ccc;
border-right:0px;
border-left:0px;
}

/* Root Menu Hover Persistence */
nav ul#navmenu a:hover, nav ul#navmenu li:hover a, nav ul#navmenu li.iehover a {
color:#fff;
background:none;
}

#mobile-menu{
font-family:'8bitoperator_jver',Helvetica, Arial, sans-serif;
padding:8px;
position:absolute;
top:20px;
right:30px;
z-index:9900;
cursor:pointer;
font-size:40px;
display:none;
padding:30px 10px;
color:#fff;
}


#mobile-menu a, #mobile-menu a:link {
color:#fff;
text-decoration:none;
}

#main-nav {display:block;}

div#logo {
	width:120px;
	height:120px;
	left:40px;
	position:absolute;
	top:10px;
}
div#top-nav {
	position:absolute;
	top:0px;
	right:10px;
	z-index:200;
}
/* CONTENT */
section#content {
color:#fff;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

/* MAIN */
article#main {
	position:relative;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}

.main-text {padding:20px;
padding-bottom:0;}



/* FOOTER */
#footer-wrap {
	text-align:center;

	position:relative;
}
footer {
	margin: 0 auto;
padding:0 20px;
padding-bottom:20px;
	text-align:center;
	position:relative;
}

.footer-nav {
float:right;
width:100%;
text-align:right;
margin-left:20px;
}

div#credits {
	color:#666;
padding-top:10px;
padding-bottom:10px;
	text-align:left;
}

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

#main-nav {display:block;}

}

	/* 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-menu {
display:block;
}

nav {left:10px;}

#main-nav {display:none;}

nav ul#navmenu {
border:0;
border-top:1px solid #ccc;
border-bottom:1px solid #000;
width:400px;
height:100%;
top:68px;
position:relative;
z-index:2900;
}

nav ul#navmenu ul {
	display:block;
	float:none;
	padding-top:0px;
	padding-bottom:0px;
	background:#eee;
	border:0px;
	position:relative;
	top:0;
}

nav ul#navmenu li,
nav ul#navmenu ul li {
	width:100%;
	float: none; /*For IE 7 lack of compliance*/
	display: block !important;
	display: block; /*For IE*/
}

/* Root Menu */
nav ul#navmenu a {
	padding: 5px 20px;
	float: none !important; /*For Opera*/
	float: none; /*For IE*/
	display: block;
	color:#555;
	text-align:left;
	background:#eee;
	font:normal 18pt/33px '8bitoperator_jver',Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}

/* Root Menu Hover Persistence */
nav ul#navmenu a:hover, nav ul#navmenu li:hover a, nav ul#navmenu li.iehover a {
	background:#eee;
	background-repeat:repeat-x;
	color:#000;
}

nav ul#navmenu .selected {
	background:#eee;
	background-repeat:repeat-x;
	color:#333;
}

/* 2nd Menu */
nav ul#navmenu li li a {
	float: none;
	display:block;
	text-transform:capitalize;
	padding-left:50px;
	background:transparent;
	border:0;
	font:normal 11pt/33px Arial, Helvetica, sans-serif;
	color: #333;
}
nav ul#navmenu li:hover li a, nav ul#navmenu li.iehover li a {
	float: none;
	display:block;
	text-transform:capitalize;
	padding-left:50px;
	background:transparent;
	border:0;
	font:normal 11pt/33px Arial, Helvetica, sans-serif;
	color: #333;
}
/* 2nd Menu Hover Persistence */
nav ul#navmenu li:hover li a:hover, nav ul#navmenu li:hover li:hover a, nav ul#navmenu li.iehover li a:hover, nav ul#navmenu li.iehover li.iehover a {
	color:#fff;
	background-color:#8376a2;
}

/* Do Not Move - Must Come Before display:block for Gecko */
nav ul#navmenu li:hover ul ul, nav ul#navmenu li:hover ul ul ul, nav ul#navmenu li.iehover ul ul, nav ul#navmenu li.iehover ul ul ul {
	display:block;
}


}

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

nav {left:10px;}

#mobile-menu {
display:block;
}

#main-nav {display:none;}

nav ul#navmenu {
border:0;
border-top:1px solid #ccc;
border-bottom:1px solid #000;
width:280px;
height:100%;
top:68px;
position:relative;
z-index:2900;
}

nav ul#navmenu ul {
	display:block;
	float:none;
	padding-top:0px;
	padding-bottom:0px;
	background:#eee;
	border:0px;
	position:relative;
	top:0;
}

nav ul#navmenu li,
nav ul#navmenu ul li {
	width:100%;
	float: none; /*For IE 7 lack of compliance*/
	display: block !important;
	display: block; /*For IE*/
}

/* Root Menu */
nav ul#navmenu a {
	padding: 5px 20px;
	float: none !important; /*For Opera*/
	float: none; /*For IE*/
	display: block;
	color:#555;
	text-align:left;
	background:#eee;
	font:normal 18pt/33px '8bitoperator_jver',Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}

/* Root Menu Hover Persistence */
nav ul#navmenu a:hover, nav ul#navmenu li:hover a, nav ul#navmenu li.iehover a {
	background:#eee;
	background-repeat:repeat-x;
	color:#000;
}

nav ul#navmenu .selected {
	background:#eee;
	background-repeat:repeat-x;
	color:#333;
}

/* 2nd Menu */
nav ul#navmenu li li a {
	float: none;
	display:block;
	text-transform:capitalize;
	padding-left:50px;
	background:transparent;
	border:0;
	font:normal 11pt/33px Arial, Helvetica, sans-serif;
	color: #333;
}
nav ul#navmenu li:hover li a, nav ul#navmenu li.iehover li a {
	float: none;
	display:block;
	text-transform:capitalize;
	padding-left:50px;
	background:transparent;
	border:0;
	font:normal 11pt/33px Arial, Helvetica, sans-serif;
	color: #333;
}
/* 2nd Menu Hover Persistence */
nav ul#navmenu li:hover li a:hover, nav ul#navmenu li:hover li:hover a, nav ul#navmenu li.iehover li a:hover, nav ul#navmenu li.iehover li.iehover a {
	color:#fff;
	background-color:#8376a2;
}

/* Do Not Move - Must Come Before display:block for Gecko */
nav ul#navmenu li:hover ul ul, nav ul#navmenu li:hover ul ul ul, nav ul#navmenu li.iehover ul ul, nav ul#navmenu li.iehover ul ul ul {
	display:block;
}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {

		width: 160px; }


.ad-wrapper {
position:relative;
margin: 0 auto !important;
margin-bottom:20px;
text-align: center !important;
height:50px;
}

.ad-wrapper {
margin: 0 auto !important;
text-align: center;
width: 100%;
}



}



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