@charset "utf-8";
/* CSS Document */

/*PNG FIX
----------------------------------------------------*/

img, div { behavior: url(/global/scripts/iepngfix.htc) }
img { margin: 0px; }

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

.clearLeft { clear: left; }

#contentMain { margin-top: 0; color: #050505; }

#pageHeader { background-repeat: no-repeat; background-position: center top; position: relative; }
#pageHeader { line-height: 1.6em;  }
#pageHeader h1 { position: absolute; left: -99999px; top: 0; }

.bmHead #pageHeader { height: 421px; background-image: url(images/bg_bushmaster.jpg); margin-bottom: 20px; }
.bmHead #pageHeader p { position: absolute; color: #fff; top: 175px; left: 19px; width: 262px; }

.futureHead #pageHeader { height: 330px; background-image: url(images/bg_future.jpg); }
.futureHead #pageHeader p { color: #fff; position: absolute; top: 78px; left: 21px; width: 472px;  }

.overviewHead #pageHeader { height: 330px; background-image: url(images/bg_overview.jpg); }
.overviewHead #pageHeader p { color: #050505; position: absolute; top: 193px; left: 21px; width: 420px;  }

.uavHead #pageHeader { height: 342px; background-image: url(images/bg_uav.jpg); }
.uavHead #pageHeader p { color: #fff; position: absolute; top: 226px; left: 21px; width: 495px; }

.tigerHead #pageHeader { height: 451px; }
.tigerHead #pageHeader p { color: #050505; position: absolute; top: 177px; left: 582px; padding-right: 15px; width: 340px; }
.tigerHead #static-image-tiger { height: 451px; background-image: url(images/bg_tiger.jpg); cursor: pointer;}
.tigerHead #pageHeader object { position: relative; }

.hwHead #pageHeader { height: 330px; background-image: url(images/bg_howitzerHeader.jpg); margin-bottom: 20px; }
.hwHead #pageHeader p { color: #fff; position: absolute; top: 232px; left: 23px; width: 532px;  }

.itHead #pageHeader { height: 358px; background-image: url(images/bg_itHeader.jpg); margin-bottom: 20px; }
.itHead #pageHeader p { color: #fff; position: absolute; top: 234px; left: 21px; width: 320px;  }

.eqHead #pageHeader { height: 360px; background-image: url(images/bg_equipmenthead.jpg); margin-bottom: 20px; }
.eqHead #pageHeader p { color: #fff; position: absolute; top: 107px; left: 21px; width: 370px;  }

/* vehicleNav */

ul#vehicleNav { width: 940px; padding: 10px 0; }
ul#vehicleNav li { float: left; height: 87px; display: block; background-image: none!important; margin: 0px!important; padding: 0px!important; }
ul#vehicleNav li a { float: left; height: 87px; display: block; text-indent: -9999px; }

ul#vehicleNav li.abrams { width: 222px; }
ul#vehicleNav li.bushmaster { width: 240px; }
ul#vehicleNav li.aslav { width: 243px; }
ul#vehicleNav li.howitzer { width: 235px; }

ul#vehicleNav li.abrams a { width: 222px; background-image: url(images/vehicleNav_01.gif); }
ul#vehicleNav li.bushmaster a { width: 240px; background-image: url(images/vehicleNav_02.gif); }
ul#vehicleNav li.aslav a { width: 243px; background-image: url(images/vehicleNav_03.gif); }
ul#vehicleNav li.howitzer a { width: 235px; background-image: url(images/vehicleNav_04.gif); }

ul#vehicleNav li.abrams.active a { width: 222px; background-image: url(images/vehicleNav_01_active.gif); }
ul#vehicleNav li.bushmaster.active a { width: 240px; background-image: url(images/vehicleNav_02_active.gif); }
ul#vehicleNav li.aslav.active a { width: 243px; background-image: url(images/vehicleNav_03_active.gif); }
ul#vehicleNav li.howitzer.active a { width: 235px; background-image: url(images/vehicleNav_04_active.gif); }

ul#aviationNav { width: 940px; padding: 15px 0 5px 0; }
ul#aviationNav li { float: left; height: 87px; width: 235px; display: block; background-image: none!important; margin: 0px!important; padding: 0px!important; }
ul#aviationNav li a { float: left; height: 87px; width: 235px; display: block; text-indent: -9999px; }

ul#aviationNav li.arh_tiger a { background-image: url(images/aviation_nav_01.jpg);  } 
ul#aviationNav li.blackhawk a { background-image: url(images/aviation_nav_02.jpg);  } 
ul#aviationNav li.chinook a { background-image: url(images/aviation_nav_03.jpg);  } 
ul#aviationNav li.uav a { background-image: url(images/aviation_nav_04.jpg);  } 

ul#aviationNav li.arh_tiger.active a { background-image: url(images/aviation_nav_01_active.jpg);  } 
ul#aviationNav li.blackhawk.active a { background-image: url(images/aviation_nav_02_active.jpg);  } 
ul#aviationNav li.chinook.active a { background-image: url(images/aviation_nav_03_active.jpg);  } 
ul#aviationNav li.uav.active a { background-image: url(images/aviation_nav_04_active.jpg);  } 

/* Each page will have multiple columns left & right the above Id has been replaced with a class */

.columnStyleFive { background: url(images/bg_mainFeatBottom.gif) bottom left no-repeat #e9e7cf; }
.columnStyleFive .leftCol { width: 430px; float: left; background: url(images/bg_mainFeatTop.gif) 0 0 no-repeat; padding: 0 0 0 20px; }
.columnStyleFive .rightCol { width: 448px; float: right; }

.columnStyleSix .leftCol { float: left; width: 538px; }
.columnStyleSix .rightCol { float: right; width: 390px; padding-left: 10px; }

.columnStyleSeven { background: url(images/bg_SevenBottom.gif) bottom left no-repeat #e9e7cf; }
.columnStyleSeven .featureWrap { float: left; background: url(images/bg_SevenTop.gif) 0 -1px no-repeat;  }
.columnStyleSeven p { float: left; width: 420px; padding: 0 0 0 20px;  }
.columnStyleSeven h2 { width: 420px; float: left; padding: 20px 0 0 20px; }

span.left { width: 100%; }

/* Accessories */

.yellow { color: #fec425;  }

/* Headers */

#contentMain h1 { margin-bottom: 20px; display: block; width: 242px; height: 31px; text-indent: -9999px; }
#contentMain  h1.abrams { background: url(images/h1_abrams.gif) 0 0 no-repeat; }
#contentMain  h1.aslav { background: url(images/h1_aslav.gif) 0 0 no-repeat; }
#contentMain  h1.blackhawk { background: url(images/h1_blackhawk.gif) 0 0 no-repeat; }
#contentMain  h1.chinook { background: url(images/h1_chinook.gif) 0 0 no-repeat; }
  
/* features */

.smallFeatOne { background-color: #5f6a32; padding: 10px 0 0 0; float: left; width: 100%; font-size: 11px; color: #fff;  }
.smallFeatOne p { padding-top: 3px; padding-left: 10px; }
.smallFeatOne h2 { padding-left: 10px; }
.smallFeatOne img { margin-bottom: 10px }
.smallFeatOne a { color: #fec425; }
.smallFeatOne .learnMore { background: url(images/icon_arrow_yellow.gif) right 5px no-repeat; }

.smallFeatTwo { background: url(images/bg_smallFeat.gif) bottom left no-repeat #5f6a32 ; padding: 20px; float: left; width: 340px; font-size: 11px; color: #fff; margin-bottom: 20px;  }

.smallFeatThree { background-color: #5f6a32; padding: 10px 0 10px 0; float: left; width: 100%; font-size: 12px; color: #fff;  }
.smallFeatThree p { padding-top: 3px; padding-left: 20px; padding-right: 20px; }
.smallFeatThree h2 { padding-left: 10px; padding-left: 20px; }
.smallFeatThree a { color: #fec425; }
.smallFeatThree .learnMore { background: url(images/icon_arrow_yellow.gif) right 5px no-repeat; }

.smallFeatFour { background: url(images/bg_smallFeat.gif) bottom left no-repeat #5f6a32 ; padding: 20px; float: left; width: 340px; font-size: 11px; color: #fff; margin-bottom: 0;  }
.smallFeatFive { background: url(images/bg_smallFeat.gif) bottom left no-repeat #5f6a32 ; padding: 20px; float: left; width: 340px; font-size: 11px; color: #fff; margin-bottom: 20px;  }

.smallFeatFour p {margin-bottom: 0;}

.animation-engine {
	display:block;
	float: left;
}



.jobPromo { background-color: #d6d2a8; overflow: auto; clear: both; float: left; width: 100%; }
.jobPromo h3 { margin-top: 5px; }
.jobPromo h3 a { background: url(images/icon_arrowrRight.gif) 0 3px no-repeat; color:#5f6a32; font-size:13px; padding-left:16px; }
.jobPromo img { margin-bottom: 0px!important; margin-right: 9px; float: left; }
.jobPromo p { font-size: 11px; margin-bottom: 0px; padding-right: 5px; }

.pilotPlaceholder { width: 245px; height: 549px; float: right; }

.quoteBC { display: block; text-indent: -9999px; width: 193px; height: 298px; background: url(images/txt_overview_quote.gif) 0 0 no-repeat; margin: 20px 0 0 0; padding: 0px; }
.quoteChinook { display: block; text-indent: -9999px; width: 520px; height: 174px; background: url(images/img_chinook_3.jpg) 0 0 no-repeat; margin: 0 0 0 0; padding: 0px; }

.learnMore { background: url(images/icon_arrow.gif) right 5px no-repeat; }

.bottomMargin { margin-bottom: 35px; }
.bottomMarginSmall { margin-bottom: 10px; } 
.topMargin { margin-top: 20px; }
.topMarginMed { margin-top: 30px; }
.topMarginSmall { margin-top: 10px; }
.limage { float: left; margin-right: 20px; }
.rimage { float: right; margin-left: 20px; }
.clearRight { clear: right; }

.infoBox { background-color:#e9e7cf; padding:20px; float: left; }
.columnStyleOne .leftCol .infoBox { background: url(images/bg_infobox1.gif) bottom left no-repeat #e9e7cf;  }
.columnStyleOne .rightCol .infoBox { background: url(images/bg_infobox1r.gif) bottom left no-repeat #e9e7cf;  }
.columnStyleThree .infoBox { background: url(images/bg_infobox.gif) bottom left no-repeat #e9e7cf;  }

.mainFeatTech { width: 920px; float: left; background: url(images/bg_ItSectionMid.jpg) 0 0 no-repeat #e9e7cf; padding: 370px 0 20px 20px; position: relative; margin-top: 35px; }
.mainFeatTechBase { width: 940px; height: 4px; position: absolute; bottom: 0px; left: 0px; background: url(images/bg_mainFeatBottom.gif) 0 0 no-repeat; }

.mainFeat { width: 920px; float: left; background: url(images/bg_mainFeatTop.gif) 0 0 no-repeat #e9e7cf; padding: 20px 0 0 20px; position: relative; margin-bottom: 20px; }
.mainFeat img { margin-bottom: 10px; }
.mainFeatBase { width: 940px; height: 4px; position: absolute; bottom: 0px; left: 0px; background: url(images/bg_mainFeatBottom.gif) 0 0 no-repeat; }

.columnStyleThree .mainFeatBase { width: 450px; }
.columnStyleThree .mainFeatTech .leftCol { width: 430px!important; padding-right: 30px; }
.columnStyleThree .mainFeatTech .rightCol { float: left!important; }

ul.imageWrap { margin: 0px; padding: 0px; float: left; margin-bottom: 20px; display: block; clear: both; }
ul.imageWrap li { float: left; margin: 0px; padding: 0px; list-style: none; }

div.commandosFeature { width: 940px;  height: 353px; background: url(images/bg_equipmentCommandos.jpg) 0 0 no-repeat; position: relative;  }
div.commandosFeature p { color: #fff; position: absolute; top: 75px; left: 240px; width: 280px;  }

div.javellinFeature { width: 940px; height: 514px; background: url(images/bg_equipmentJav.jpg) 0 0 no-repeat; position: relative;  }
div.javellinFeature span { position: absolute; left: 26px; top: 102px; width: 420px; }

div.arhPilots { width: 281px; float: right; }
div.arhPilots h1 { display: block; width: 187px!important; height: 23px!important; background: url(images/h2_arhTigerPilots.gif)0 0 no-repeat; }
div.arhPilots .instructions { width: 281px; height: 48px; float: left; background: url(images/bg_instructions.gif) 0 0 no-repeat; }

h1.infantry { display: block; width: 96px!important; height: 23px!important; background: url(images/hi_infrantry.gif) 0 0 no-repeat; }
h1.apw { display: block; width: 297px!important; height: 24px!important; background: url(images/h1_apw.gif) 0 0 no-repeat; }

div.gunny { width: 500px; height: 240px; background: url(images/bg_gunny.jpg) 0 0 no-repeat; font-size: 11px;  }
div.gunny strong { color: #425015; }


.army-aviation-link {
	 background-image: url(images/image_equipment01.gif);
	 display: block;
	 width: 281px;
	 height: 150px;
	 margin-top: 72px;
}