/* Dropdown */
/* LEVEL TWO */
ul.dropdown ul {
	margin: 4px 0 0 -10px;
	width: 160px;
	text-transform: none;
	visibility: hidden;
	position: absolute;
	top: 300;
	left: -100;
}
#header ul.right ul.sub_menu li {margin: 0;}
ul.dropdown ul li {
	font-weight: normal;
	background: #000;
	color: #000; 
	border-bottom: 1px solid #666;
	float: none;
}
#header ul.dropdown ul.sub_menu li:hover {
	background: #333;
}
#header ul.dropdown ul.sub_menu li:hover a {
	color: #EB752F;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; }

@media screen
  {
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    height: 100%;
    overflow: auto;
    }
  }

@font-face {
	font-family: "4LWM_v2";
	src: local("4LWM_v2"), url("../fonts/4lwm_v2.ttf") format("truetype");
}

body {
	color: #fff;
	background-color: #222;
	font-size: 87.5%;
}

a {color: #EB752F; font-weight: bold;}
a:hover {color: #ccc;}

#background {height:auto; left:0; position:fixed; top:0; width:100%; z-index:-2;}
#background-pattern {background: url(../images/bg_pattern.gif); position:fixed; left:0;
top:0; width:100%; height: 100%; z-index: -1;}
* html #background-pattern {position: absolute;}

.container {width: 790px; padding: 0 20px;}

#header {
	background: url(../images/header_bg.gif) bottom;
	height: 40px;
	margin-bottom: 20px;
	font-size: 20px;
	font-family: "xHelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	text-transform: uppercase;
}
#header a {color: #ccc; text-decoration: none; font-weight: normal; text-shadow: 0 -1px 1px rgba(0,0,0,0.35);}
#header ul.home li a {color: #888;}
#header ul.home li.current a {color: #eee;}
#header ul.left li {margin-right: 1em;}
#header ul.right li {margin-left: 1em;}
#header li.current {
	background: #EB752F url(../images/alert-overlay.png) repeat-x bottom; 
	border-left: 1px solid rgba(255,255,255,0.25);
	border-right: 1px solid rgba(0,0,0,0.5);
}
#header li.current a {color: #eee;}
#header li {xheight: 18px; padding: 4px 10px;}
#sub-menu .inline-list {margin-left: 0;}

#content-top {
	padding: 10px 20px;
	margin-bottom: 20px;
}
/*#content-top h1 {
	color: #ccc;
	font-size: 2em;
	font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue Condensed Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}*/
h1,h2 {color: #ccc;}
h3 {color: #999;}

h1#subtitle {
	color: #ccc;
	text-transform: uppercase;
	font-size: 1.75em;
	line-height: 1.25em;
	font-family: "4LWM_v2", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	margin: 0;
}

#logo {text-align: center;}

#sub-menu {
	background: rgb(20, 20, 20);
	border-bottom: 1px solid #666;
	height: 25px;
	padding: 5px 20px;
	font-size: 16px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	text-align: right;
}
#sub-menu ul {margin: 0 0 0 10px; padding: 0; -webkit-padding-start: 0;}
#sub-menu ul li {padding: 0 30px 0 0;}
#sub-menu a {text-decoration: none; font-weight: normal;}
#sub-menu li.active a {color: #666;}

#content {
	background: rgb(51, 51, 51); /* The Fallback */
	background: rgba(51, 51, 51, 0.9);
	border-bottom: 1px solid #000;
	margin-bottom: 80px;
	padding: 20px;
}
#content p {margin-right: 10px;}

#content hr {
	margin: 17px 0 18px;
	height: 0;
	clear: both;
	border-width: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #666;
}

#home-content {margin-top: 20px;}
#home-content h3 {background: rgb(20, 20, 20); border-bottom: 1px solid #666; padding: 10px; margin: 0;}
#home-content .content {
	background: rgb(51, 51, 51); /* The Fallback */
	background: rgba(51, 51, 51, 0.9);
	border-bottom: 1px solid #000;
	margin-bottom: 80px;
	padding: 10px;
}

#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: rgb(20, 20, 20); /* The Fallback */
	background: rgba(20, 20, 20, 0.9);
	border-top: 1px solid #666;	
}
#footer a {text-decoration: none;}
#footer-left {display: block; float: left; padding: 10px 20px; text-align: right;}
#footer-right {display: block; float: right; padding: 10px 20px; text-align: right;}

* html #footer {padding-bottom: 10px;}

.black-box {background: url(../images/black_bg.png);}
.page-item {margin-bottom: 1em;}


.inline-list {margin: 0;}
.inline-list li {display: block; float: left;}

.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.clear {clear: both;}

/* Zurb Buttons */ 
.awesome, .awesome:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }