@charset "utf-8";
/* font size: 1.2em = 12px, .8em = 8px etc. */
body{background:#0d0d0d;font-size:62.5%; font-family:"Century Gothic", Arial, Helvetica, sans-serif; color:#fff;}
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:#fff; 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;}
.float-right{float:right}
.float-left{float:left}
#txt-right{text-align:right}
#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:0;}
		#navigation{position:absolute; right:0px; font-size:1.4em; font-weight:bold; text-transform:uppercase;}
			#navigation li{float:left;
position:relative;
z-index:100;}
				#navigation ul li{display:inline; height:55px; text-align:center;}
				#navigation ul li a, #navigation ul li a:visited{color:#fff; text-decoration:none; display:inline-block; margin:0 auto; padding:55px 15px 0 15px;}
				#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.specialops #navigation ul li#nav-specialops 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.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:#d00000; text-decoration:underline; font-weight:bold;}
			#main a:hover {text-decoration:none;}
			h1#title-new {display:block; text-indent:-9999px; color:#999;}
			h3#sub-title {color:#fff; font-size:1.8em;text-transform:uppercase; padding-top:10px;}
	#sidebar{
	position:absolute;
	top:245px;
	right:20px;
}
	#sidebar_home{
	position:absolute;
	top:325px;
	right:0px;
}
	#sidebar a, #sidebar a:visited {color:#f8000b; text-decoration:underline; font-weight:bold;}
	#sidebar a:hover {text-decoration:none;}
	
	#sidebar_home a, #sidebar_home a:visited {color:#f8000b; text-decoration:underline; font-weight:bold;}
	#sidebar_home 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;}
		form#signup ul#user li label {width:100%; display:block; margin-bottom:3px;}
		form#signup ul#user li input {background:#222; border:1px solid #252525; font-family:"Century Gothic", Arial, Helvetica, sans-serif; color:#fff; 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 {padding-top:10px;}
		#follow-us ul li {display:inline; padding-right:5px;}
	/*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{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;}
.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(../images/bg-footer.gif) 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;}
.mgr10{margin-right:10px;}
.spacer20{padding:20px;}
.mgb10{margin-bottom:10px}
/* validation */
.block {display: block;}
form#signup label.error { display: none; }	
.error {color:#d00000; }


/* use the table to position the dropdown list */
#navigation table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}



/* hide the sub level links */
#navigation ul ul {
visibility:hidden;
position:absolute;
width:180px;
height:0;

}

#navigation ul ul li{height:30px; text-align:left; margin:0 0 0 10px}

#navigation ul ul li a, #navigation ul ul li a:visited{color:#fff; text-decoration:none; display:block; margin:0 ; padding:10px ; background-color: #333; width:180px; }

#navigation ul ul li a:hover{color:#ed1b24; background-color: #232121}

body.buzz #navigation ul li#nav-buzz ul li a, body.buzz #navigation ul li#nav-buzz ul li a:visited{color:#fff; text-decoration:none; display:block; margin:0 ; padding:10px ; background: url(../images/menu_hover_bg) repeat-y 0 0; width:180px; }

body.buzz #navigation ul li#nav-buzz ul li a:hover{color:#ed1b24;}



/* make the sub level visible on hover list or link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{
visibility:visible;
}


#share{
	margin:0 auto;
	padding:5px
}


/* Header Menu */
body.buzz #nav-menu ul#jsddm li#nav-buzz{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }

body.skills #nav-menu ul#jsddm li#nav-skills{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }

body.about #nav-menu ul#jsddm li#nav-about{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }


body.missions #nav-menu ul#jsddm li#nav-missions{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }


body.specialops #nav-menu ul#jsddm li#nav-specialops{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }

body.faq #nav-menu ul#jsddm li#nav-faq{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }

body.contact #nav-menu ul#jsddm li#nav-contact{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }

body.products #nav-menu ul#jsddm li#nav-products{background:url(../images/nav-hover.png) top center no-repeat; color:#ed1b24; }

#nav-menu{position:absolute; right:0px; font-size:1.25em; font-weight:bold; text-transform:uppercase;z-index:9999;}


#jsddm
{	margin: 0;
	padding: 0;
	width:710px;

	}

	#jsddm li
	{	float: left;
		list-style: none;
		font-family: Arial, Helvetica, sans-serif; font-weight: bold; 
		height:55px;
		
	}


	#jsddm li a
	{	display: block;
		background-image:url(../images/header/topmenu_bg.jpg);
		background-repeat:repeat-x;
		height:20px;
		color:#fff;
		padding: 0px 10px;
		padding-top:55px;
		text-decoration: none;
		white-space: nowrap;
		_width: 38px;
		}

	#jsddm li a:hover
	{ background-image:url(../images/header/topmenu_bg_selected.jpg); background-repeat:repeat-x;	
	}
	
		#jsddm li a.tab-active
	{ background-image:url(../images/header/topmenu_bg_selected.jpg); background-repeat:repeat-x;	
	}
		
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			background: #d7d7d7;
			background-image:url(../images/header/topmenu_sub_bg.jpg); background-position:top; background-repeat:repeat-x;
			
			border-top:none;
			z-index:999;
			
			
				
			
			}
		
			#jsddm li ul li
			{	float: none;
				display: inline;
				height:20px;
			}	
			
			#jsddm li ul li a
			{	width: 165px;
			 background:none;
			color:#f3f3f3;
			background-color:#333;
				height:20px;
				padding-top:10px;
				
			
			border-top:none;
			}
			
			#jsddm li ul li a:hover
			{	
			color:#ed1b24;
			background-color: #1D1D1D;
			background-image:none;
			
			
			}
			
.li1 { width:90px;

}

h1#title
{

text-indent:-9999px;
color:#999;
display:block;
}