/*
Authored by the Tombras Group, www{dot}tombras{dot}com 

ROUGH TOC:
- Essential
- Sandbox
- Structural Items by order in document
- Typographic Items
- Forms
*/

/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/

html { 
margin-bottom: 1px; 
}

body {
margin: 0;
padding: 0;
font: 12px/20px Verdana, Arial, sans-serif;
color: #464646;
background: #FFFFFF url(../images/nav-stripe.gif) repeat-x 0 18px;
}

body * {margin: 0;padding: 0;}

p,h1,h2,h3,h4,h5,h6,h7,li,td,dt,dd { font-size: 12px; font-weight: normal; }
p,h1,h2,h3,h4,h7,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }

a {color: #616161;text-decoration: none; outline: none;}
a:visited {color: #616161;}
a:hover {color: #000;}

a.external{
background: url(../images/external.gif) no-repeat right center;
padding-right: 12px;
}

ul,ol,dl{list-style-type: none;}

img { border: none; }

.clearfix:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
}

a.print-me{
background: url(_images/printer-icon.gif) no-repeat right center;
padding-right: 20px;
}

a.pdf{
background: url(../images/pdf-icon.gif) no-repeat right center;
padding-right: 20px;
}

.flt-right{
float: right;
}

.flt-left{
float: left;
}

/*
----------------------------------------------------------------------------- 
SANDBOX
-----------------------------------------------------------------------------*/

div#nav-guide{
position: absolute;
top: -3px;
left: -9px;
width: 825px;
height: 180px;
background: url(../images/nav-guide.png) no-repeat left top;
display: none;
}

/*
----------------------------------------------------------------------------- 
Wrapper
-----------------------------------------------------------------------------*/

div#wrapper{
width: 824px;
margin: 0 auto;
position: relative;
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header{
background: url(../images/logo.png) no-repeat -119px 6px;
height: 170px;
position: static;
}


div#arrow{
height: 24px;
width: 10px;
position: absolute;
top: -15px;
right: 0;
background: url(../images/arrow-highlight.gif) no-repeat center top;
}

ul#primary-nav li#home-nav{
position: absolute;
top: -95px;
left: 233px;
height: 90px;
width: 300px;
}

ul#primary-nav li#home-nav a{
display: block;
height: 90px;
width: 300px;
background: none;
}

ul#primary-nav{
	position: absolute;
	left: 27px;
	top: 123px;
	margin: 0;
	width: 795px;
}

ul#primary-nav li{
float:left;
}

ul#primary-nav a{
float:left;
display: block;
height: 46px;
text-indent: -100000px;
background: url(../images/nav-bg.gif) no-repeat 0 17px;
margin-right: 1px;
}

ul#primary-nav li#li1 a{ width: 200px; background-position: 20px 17px;}
ul#primary-nav li#li1 a:hover { background-position: 20px -34px;}

ul#primary-nav li#li2 a{width: 235px; background-position: -181px 17px;}
ul#primary-nav li#li2 a:hover {background-position: -181px -34px;}


ul#primary-nav li#li3 a{width: 143px; background-position: -417px 17px;}
ul#primary-nav li#li3 a:hover {background-position: -417px -34px;}

ul#primary-nav li#li4 a{width: 170px; background-position: -561px 17px;}
ul#primary-nav li#li4 a:hover {background-position: -561px -34px;}


/* Dropdown Styles
---------------------------------------------------- */

ul#primary-nav li ul {
position: absolute;
left: -999em;
width: 176px;
padding-bottom: 10px;
}

ul#primary-nav li ul li{
background: #8C8C8C;
display: block;
}

div#header ul#primary-nav li ul a{
background: url(../images/dropdown-bullet.gif) no-repeat 18px 8px;
padding-left: 30px;
text-indent: 0px;
height: 20px;
width: 145px;
color: #FFFFFF;
text-transform: uppercase;
font-size: 10px;
}

div#header ul#primary-nav li ul a:hover{
background: url(../images/dropdown-bullet.gif) no-repeat 18px 8px;
color: #FFF;
}

ul#primary-nav li:hover ul,
ul#primary-nav li.sfhover ul{
left: 231px;
top: 36px;
z-index: 100000;
}

/* #li1:  */

li#li1 li:hover ul,
{
left: 131px;
top: 36px;
z-index: 100000;
}

li#dd-first{
padding-top: 0px;
}

li#dd-last{
padding-bottom: 0px;
}

/*
----------------------------------------------------------------------------- 
Alpha Image
-----------------------------------------------------------------------------*/

div#flash-content{
background: url(../images/alpha-temp.jpg) no-repeat left top;
height: 228px;
z-index: 100;
}

/*
----------------------------------------------------------------------------- 
Main Content
-----------------------------------------------------------------------------*/

div#main-content{
margin-bottom: 49px;
}

/* These elements are displayed inline, so margin will not affect them... */
div#main-content h1{
font: bold 18px/18px Georgia, ,sans-serif;
text-transform: uppercase;
}

/* These elements are displayed inline, so margin will not affect them... */
div#main-content h2{
font: bold 12px/12px Georgia, ,sans-serif;
text-transform: uppercase;
}

div#main-content h7{
font: bold 12px/12px Georgia, ,sans-serif;
text-transform: uppercase;
font color:#06F;
}

/* These elements are displayed inline, so margin will not affect them... */
div#main-content h5{
font: bold 22px/22px Georgia, ,sans-serif;	
text-transform: uppercase;	
}

div#main-content h1{
font-weight: bold;
}

div#main-content h2{
font-weight: bold;
}

div#main-content h3{
font-weight: bold;
}

div#main-content h7{
font-weight: bold;
}

div#main-content a{
color: #58585A;
font-weight: bold;
}

div#main-content address{
font-style: normal;
line-height: 14px;
}

div#main-content address span{
display: block;
}

div#main-content address span.contact{
font-weight: bold;
}

body#subpage div#main-content ul{
margin: -10px 0 15px 0;
}

body#subpage div#main-content li{
background: url(../images/bullet.gif) no-repeat left center;
padding-left: 15px;
margin-left: 10px;
}

body#subpage div#main-content2 ul{
margin: -10px 0 15px 0;
}

body#subpage div#main-content2 li{
background: url(../images/bullet-li.gif) no-repeat left center;
padding-left: 15px;
margin-left: 35px;
}

body#subpage div#main-content3 ul{
margin: -10px 0 15px 0;	
}

body#subpage div#main-content3 li{
background: url(../images/bullet-li.gif) no-repeat left center;
margin-left: 200px;
}

div#main-content address{
margin-bottom: 15px;
}

div#main-content ul.address-list{
line-height: 15px;
}


/* Breadcrumb Styles
---------------------------------------------------- */

ul#breadcrumb-nav{
display: block;
width: 824px;
border-bottom: 1px dotted #D4D5D5;
float:left;
margin: 10px 0 30px 0;
}

ul#breadcrumb-nav li{
float:left;
display: block;
}

ul#breadcrumb-nav li a{
display: block;
float:left;
text-transform: uppercase;
font-size: 10px;
margin-right: 5px;
background: url(../images/bullet.gif) no-repeat right center;
padding-right: 10px;
}

ul#breadcrumb-nav li.active a{
font-weight:bold;
background: none;
padding: 0;
}


/* Homepage
---------------------------------------------------- */

body#index div#main-content{
width: 550px;
float:left;
}

body#index div#main-content li{
background: url(../images/bullet.gif) no-repeat left center;
padding-left: 15px;
margin-left: 10px;
}


/*
----------------------------------------------------------------------------- 
Secondary Content
-----------------------------------------------------------------------------*/

 
/* Homepage Content
---------------------------------------------------- */

body#index div#secondary-content{
width: 242px;
background: url(../images/home-secondary-bg.jpg) repeat-x 0 0;
float: right;
position: relative;
top: -4px;
}


/* Contact Info Box backgrounds */
body#index div.module{
display: block;
margin: 13px 0 0 10px;
width: 219px;
padding: 0 0 5px 0;
float: left;
}

body#index div.module *{
margin: 0;
padding: 0;
}

body#index div.button a{
display: block;
float: left;
padding: 10px 5px 6px 8px;
margin: 0 5px 0 5px;
width: 196px;
}

body#index div.button a:hover{
background: url(../images/btn-highlight.png);
color: #5A5A5A;
}

body#index div.module div.icon{
display: block;
width: 94px;
height: 20px;
background: url(../images/rss-icon.gif) no-repeat 0 0;
}

body#index div.button p{
line-height: 12px;
font-size: 10px;
margin: 0 0 5px 1px;
}

body#index div.button ul li{
margin: 0 0 0 1px;
line-height: 13px;
font-size: 12px;
}

body#index div.button h3{
display: block;
margin: 0 0 3px 0;
height: 9px;
text-indent: -20000px;
width: 145px;
}

body#index div.button.defense h3{background: url(../images/h-defense-news.gif) no-repeat 0 0;}
body#index div.button.news h3{background: url(../images/h-unmanned-news.gif) no-repeat 0 0;}
body#index div.button.contact h3{background: url(../images/h-contact-info.gif) no-repeat 0 0;}

/* Contact Info Box backgrounds */
body#index div.module.regular div.mod-top{
background: url(../images/module-reg-top.png) no-repeat left top;
height: 3px;
position: relative;
top: -3px;
}

body#index div.module.regular{background: url(../images/module-reg-content.png) repeat-y left top;}

/* Defense News and Unmanned News Box backgrounds */
body#index div.module.emphasis div.mod-top{
background: url(../images/module-em-top.png) no-repeat left top;
height: 3px;
position: relative;
top: -3px;
}

body#index div.module.emphasis{background: url(../images/module-em-content.png) repeat-y left top;}

body#index div.module ul.contact-info{
margin-bottom: 5px;
}


/* Subpage Content
---------------------------------------------------- */
body#subpage div#secondary-content{
background: url(../images/nav-stripe.gif);
width: 323px;
float:right;
padding: 8px 8px 11px 8px;
border: 1px solid #D1D1D1;
margin: 0 0 40px 50px;
position: relative;
top: -9px;
}

body#subpage div#secondary-large{
background: url(../images/nav-stripe.gif);
width: 523px;
float:right;
padding: 8px 8px 11px 8px;
border: 1px solid #D1D1D1;
margin: 0 0 40px 50px;
position: relative;
top: -9px;
}


body#subpage div#secondary-content img{
display: block;
margin: 0 auto 0px auto;

}

body#subpage div#secondary-content p{
background: #FFF;
padding: 0 8px;
margin: 0;
}

body#subpage div#isr-content{
background: url(../images/nav-stripe.gif);
width: 323px;
float:right;
padding: 8px 8px 11px 8px;
border: 1px solid #D1D1D1;
margin: 0 0 40px 50px;
position: relative;
top: -9px;
}

body#subpage div#isr-content img{
display: block;
margin: 0 auto 11px auto;
z-index: -100;
}

body#subpage div#isr-content p{
background: #FFF;
padding: 0 8px;
margin: 0;
}

body#subpage div#isr-wide{
background: url(../images/nav-stripe.gif);
width: 550px;
float: right;
padding: 8px 8px 11px 8px;
border: 1px solid #D1D1D1;
margin: 0 0 40px 50px;
position: relative;
top: -9px;
z-index: -100;
}

body#subpage div#isr-wide2{
float: center;
position: relative;
top: -9px;
z-index: -100;
}

body#subpage div#isr-wide3{
width: 550px;
float: right;
padding: 8px 8px 11px 8px;
margin: 0 0 40px 50px;
position: relative;
top: -9px;
z-index: -100;
}

body#subpage div#isr-wide img{
display: block;
margin: 0 auto 11px auto;
z-index:-100;
}

body#subpage div#isr-wide p{
background: #FFF;
padding: 0 8px;
margin: 0;
z-index: -100;
}
/*border: 1px solid #D1D1D1;
/*background: url(../images/photo-module-bg.gif);
photo-module-bg.gif
background: url(../images/nav-stripe.gif);
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

div#footer{
clear: both;
text-align: center;
background: url(../images/footer-stripe.jpg) no-repeat center top;
padding: 8px 0 0 0;
}

div#footer ul li{
display: inline;
margin: 0 10px;
}

div#footer ul{
margin: 0;
}

div#footer a{
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}

div#footer p{
font-size: 10px;
text-transform: uppercase;
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

form fieldset{
border: 1px solid #DDD;
width: 95%;
margin: 0 0 30px 0px;
padding: 15px 30px 40px 50px;
background: #FFF;
}

form legend{
padding: 0 10px;
text-transform: uppercase;
font-size: 10px;
}

form p{
margin-bottom: 10px;
clear: both;
}

form label{
display: block;
font-size: 14px;
text-transform: uppercase;
color: #696055;
letter-spacing: -1px;
}

form textarea{
height: 300px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;

}

form p input,
form textarea{
width: 90%;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
font-size: 18px;
}

form p.short input{
width: 155px;
}

form p.checkbox input{
width: auto;
}

form p.submit input{
width: auto;
background: #333;
color: #FFF;
padding: 3px 9px;
display: block;
margin: 0 auto;
}

form address{
font-style: normal;
font-size: 14px;
}

div.success{
background: #FFF;
padding: 10px;
text-align:center;
height: 300px;
}

div.failure{
background: #FFF;
padding: 10px;
text-align:center;
height: 300px;
}

div#content div.success h1{
font-size: 24px;
}

div#content div.failure h1{
color: red;
font-size: 24px;
}

form em{
color: #8F3023;
}

form select option{
margin-right: 5px;
}

input:focus {
	background-color: #FFFE9D;
}


/*
----------------------------------------------------------------------------- 
Table Styles
-----------------------------------------------------------------------------*/


/*
----------------------------------------------------------------------------- 
EOD
-----------------------------------------------------------------------------*/