@charset "utf-8";
/* font size: 1.2em = 12px, .8em = 8px etc. */
body{
	background: url(../images/grid_bg.jpg);
	font-size:62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;sub-title
}
html,body,#wrap{height:100%;}
body > #wrap{height:auto;min-height:100%;}
h1,h2,h3,h4 {font-weight:bold;}
h2{color:#fff; font-size:2.4em;text-transform:uppercase; padding-top:15px;}
h3 {
	color:#000;
	font-size:1.8em;
	text-transform:uppercase;
	padding-top:10px;
	padding-bottom:10px;
}
h4 {color:#fff; font-size:1.4em; text-transform:uppercase; padding-top:5px; padding-bottom:5px;}
strong {font-weight:bold;}
#wrapper{background:url(../images/bg-body.jpg) top left no-repeat; width:980px; margin:0 auto; position:relative;}
	#top{width:100%; height:117px; display:block; position:relative;}
		#logo {position:absolute; top:0; left:40px;}
		#navigation{position:absolute; right:50px; font-size:1.3em; font-weight:bold; text-transform:uppercase;}
			#navigation ul{}
				#navigation ul li{display:inline; height:55px; text-align:center;}
				#navigation ul li a, #navigation ul li a:visited{color:#404040; text-decoration:none; display:inline-block; margin:0 auto; padding:55px 10px 0 10px;}
				#navigation ul li a:hover{color:#ed1b24;}

				/* page specific */
				body.home #navigation ul li#nav-home a {background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }
				body.skills #navigation ul li#nav-skills a{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }
				body.missions #navigation ul li#nav-missions a{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }
				body.faq #navigation ul li#nav-faq a{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }
				body.specialops #navigation ul li#nav-specialops a{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }
				body.about #navigation ul li#nav-about a{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }
				body.contact #navigation ul li#nav-contact a{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }
				
				
	#header{}
	#mini-header{margin-bottom:10px;}
	#badge {position:absolute;top:85px; right:40px; z-index:1;}
	#content{padding-top:30px; margin-left:80px; position:relative; min-height:800px; height:auto;}
		#main{}
			#main p {font-size:1.4em; width:480px; margin-bottom:20px; line-height:1.2em;}
			#main a, #main a:visited {
	color:#F00;
	text-decoration:underline;
	font-weight:bold;
}
			#main a:hover {text-decoration:none;}
			h1#title {display:block; text-indent:-9999px; color:black;}
			h2 {display:block;  color:black;}
			h3#sub-title {color:black; font-size:1.6em;text-transform:uppercase; padding-top:10px;}
	#sidebar{position:absolute; top:150px; right:75px;}
	#sidebar a, #sidebar a:visited {color:#f8000b; text-decoration:underline; font-weight:bold;}
	#sidebar a:hover {text-decoration:none;}

	/*sign up */
		#sign-up p, #sign-up ul li{font-size:1.4em;}
		#sign-up p {width:240px; margin:0 auto; padding-bottom:10px;}
		#signup p#customevents {font-size:1.4em; text-align:center;}
		div.box-large-top{text-align:center;}
		#sign-up div.box-large-mid{}
		form#signup ul {padding-left:20px;}
		form#signup ul#events {margin-bottom:20px;}
		form#signup ul#events li {margin-bottom:10px;}
		form#signup ul#events li label{padding-left:10px;}
		form#signup ul#events li label.error {font-size:.8em;}
		form#signup ul#user {font-size:.8em; color:#FFF}
		form#signup ul#user li label {width:100%; display:block; margin-bottom:3px;}
		form#signup ul#user li input {background:#dcdddf; border:1px solid #252525; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; width:240px; height:20px; padding-top:5px; margin-bottom:15px;}
		/* signup button */
		#btn-signup {background:url(../images/btn-signup.png) top left no-repeat; width:160px; height:50px; display:block; text-indent:-9999px; font-size:0px; line-height:0px; cursor:pointer; border:0; margin:0 auto;}
	/* follow us */
	#follow-us{ text-align:center; font-size:1.2em; padding-top:20px;}
		#follow-us ul { background:url(../images/followus.png) center left no-repeat; padding-top:10px;padding-left:136px;}
		#follow-us ul li {display:inline; padding-right:0px;}
	/*testimonials*/
	#testimonials {font-size:1.6em; padding-top:20px; padding-left:3px; line-height:1.2em;}
	#testimonials ul li {margin-bottom:30px;}
	#testimonials ul li p {width:280px;}
	#testimonials ul li p.quote {}
	#testimonials ul li p.author {text-align:right; padding-top:20px;}

/*boxes*/
.box-small-top{background:url(../images/box-small-top.png) top left no-repeat; width:223px; height:56px; display:block; overflow:hidden; position: relative;}
.box-small-mid{background:url(../images/box-small-mid.png) left top repeat-y; width:223px; position: relative;}
.box-small-end{background:url(../images/box-small-end.png) top left no-repeat; width:223px; height:15px; display:block; overflow:hidden; position: relative;}

.box-large-top-dates{background:url(../images/box-large-top-dates.png) top left no-repeat; width:283px; height:63px; display:block; overflow:hidden; position: relative;}

.box-large-top{background:url(../images/box-large-top.png) top left no-repeat; width:283px; height:63px; display:block; overflow:hidden; position: relative;}
.box-large-mid{background:url(../images/box-large-mid.png) left top repeat-y; width:283px; position: relative; color:white;}
.box-large-end{background:url(../images/box-large-end.png) top left no-repeat; width:283px; height:13px; display:block; overflow:hidden; position: relative;}




/* footer */
#footer {
	background:url() top center no-repeat;
	color:#767676;
	text-align:center;
	position:relative;
	height:50px;
	clear:both;
	margin:10px auto 0;
	padding-top:10px;
	font-size:1.2em;
}

#footer ul
{
	margin-bottom:4px;
}

#footer ul li
{
	display:inline;
}

#footer ul li a,#footer ul li a:visited #footer ul li a:active
{
	color:#767676;
	/*font-size:1.2em;*/
	text-decoration:none;
}

#footer ul li a:hover{color:white;}

#footer p
{
	font-size:1em;
	margin-bottom:5px;
}

/*footer hacks*/
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix
{
	display:block;
}

* html .clearfix
{
	height:1%;
}

* html #content
{
	height:800px;
}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

/* validation */
.block {display: block;}
form#signup label.error { display: none; }	
.error {color:#d00000; }


#lightback {background:url(../images/lightback.png); width:860px; margin-left: -25px;}
.bottom {margin-left:-25px;}

#padright {padding-left: 25px;}