@charset "UTF-8";
/* CSS Document */



/* ---------------------------------------

Client: National Guard Humvee Program
Version: 1.0
Author: Rock Creek Strategic Marketing
Website: http://www.rockcreeksm.com

Colors:

Blues:

Dark Blue:			#2f3c4d;
PIE Dark Blue:		#303d4e;
Pretty Dark Blue:	#545e6c;

Beiges:

Really Light Beige:	#c7c1b1;
Light Beige:		#d5cfbe;
Dark Beige:			#706c5d;
Really Dark Beige	#6a6556;

Reds & Oranges:

Orange:				#ae3b0d;
Dark Red:			#7f220f;



------------------------------------------*/




/* GLOBAL
-------------------------------------------------------------------*/

body {
	/*background: #303d4e url(../../images/bkgd_main.gif) 0px 100% repeat-x;*/
	background:#303d4e url(../../images/bkgd_fullScreen4.jpg) 50% 0px no-repeat;
	/*background:#303d4e url(../../images/bkgd_main_top.gif) 0px 0px repeat-x;*/
	font-family:Arial, Verdana, "Lucida Grande CE", Helvetica, sans-serif;
	}
	
* {
	margin:0;
	padding:0;
	}
	
img {
	border:none;
	}
	
p {
	color:#2f3c4d;
	font-size:12px;
	line-height:20px;
	padding:8px 0 0 0;
	}
	

h1 {
	font-size:22px;
	color: #7f220f;
	}
	
h2 {
	font-size:18px;
	margin: 10px 0 0 0;
	color: #A8390D;
	}
	
h3 {
	font-size:15px;
	line-height:20px;
	margin: 10px 0 0 0;
	color: #7F220F;
	}
	
h4 {
	color:#303d4e;
	font-size:14px;
	margin: 10px 0 0 0;
	}
	
b, strong {
	color:#303d43;
	font-weight:bold;
	}
	
a, a:link {
	color:#ae3b0d;
	outline:none;
	}
	
#content a:hover {
	background-color:#ae3b0d;
	color:#fff;
	text-decoration:none;
	}
	
a:active {
	outline:none;
	}

/* LAYOUT
-------------------------------------------------------------------*/

#wrapper 
{
	background:transparent url(../../images/bkgd_wrapper.gif) no-repeat scroll 100% 100%;
	margin:29px auto 0;
	padding:0 5px 240px;
	position:relative;
	width:950px;
}
	
#container {
	border:7px solid #fff;
	background:#d5cfbe url(../../images/bkgd_bodyCopyWrap.gif) 100% 0px repeat-y;
	}
	
.maskingTape {
	position:absolute;
	left:-77px;
	top:-39px;
	}

/* BRANDING
-------------------------------------------------------------------*/

#branding {
	background:#d5cfbe url(../../images/bkgdBranding.gif) 100% 0px repeat-y;
	height:90px;
	position:relative;
	}
	
#logo {
	position:absolute;
	top:-38px;
	right:5px;
	}
	
#branding h2 {
	background:url(../../images/imgSchoolProgramTitle.png) 0px 0px no-repeat;
	height:60px;
	width:523px;
	position:absolute;
	top:28px;
	left:26px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}

/* GLOBAL NAVIGATION
-------------------------------------------------------------------*/

/* Rollovers */

#gNavAbout a:hover {
	background:url(../../images/gNav.gif) 0px -40px no-repeat;
	}
	
#gNavHumvees a:hover {
	background:url(../../images/gNav.gif) -190px -40px no-repeat;
	}
	
#gNavCareers a:hover {
	background:url(../../images/gNav.gif) -357px -40px no-repeat;
	}
	
#gNavDownloads a:hover {
	background:url(../../images/gNav.gif) -594px -40px no-repeat;
	}
	
#gNavStarted a:hover {
	background:url(../../images/gNav.gif) -709px -40px no-repeat;
	}

#gNavShare a:hover {
	background:url(../../images/gNav.gif) -829px -40px no-repeat;
	}
	
#sendPage a:hover {
	background:url(../../images/btn_sendPage.png) 0px -40px no-repeat;
	}
	

	

	

	
/* Active Pages */

.about #gNavAbout a {
	background:url(../../images/gNav.gif) 0px -40px no-repeat;
	}
	
.humvees #gNavHumvees a {
	background:url(../../images/gNav.gif) -190px -40px no-repeat;
	}
	
.careers #gNavCareers a {
	background:url(../../images/gNav.gif) -357px -40px no-repeat;
	}
	
.downloads #gNavDownloads a {
	background:url(../../images/gNav.gif) -594px -40px no-repeat;
	}
	
.shop #gNavStarted a {
	background:url(../../images/gNav.gif) -709px -40px no-repeat;
	}
	

	

	



	
	

	


/* FLASH 
-------------------------------------------------------------------*/

#flashWrapper {
	height:345px;
	position:relative;
	}
	
#flashWrapper div {
	position:absolute;
	top:0px;
	}
	
body.home #contentWrap {
	padding-bottom:0px;
	}
	
/* HTML Content on Flash Pages */

#htmlContent {
	border-bottom:7px solid #fff;
	padding:0px 0px 0px;
	margin-top:15px;
	}
	
#htmlContent div.column {
	float:left;
	width:468px;
	margin-right:12px;
	padding-bottom:20px;
	}
	
#htmlContent div.columnLast {
	border-right:none;
	padding-right:0px;
	padding-bottom:20px;
	margin-right:0px;
	}
	
#htmlContent div p {
	font-size:11px;
	padding:20px 30px 0 140px;
	}
	
#fz_civilianCareers {
	background:#1c2531 url(../../images/bkgd_fz_careers.gif) 0px 100% no-repeat;
	}
	
#fz_certifications {
	background:#1c2531 url(../../images/bkgd_fz_certifications.gif) 0px 100% no-repeat;
	}
	
#fz_civilianCareers h2 {
	background:url(../../images/headline_fz_careers.gif) 0px 0px no-repeat;
	height:37px;
	width:468px;
	text-indent:-9999px;
	margin:0px;
	}
	
#fz_certifications h2 {
	background:url(../../images/headline_fz_certifications.gif) 0px 0px no-repeat;
	height:37px;
	width:468px;
	text-indent:-9999px;
	margin:0px;
	}
	
#htmlContent p {
	color:#fff;
	}
	
#htmlContent h2 {
	color:#ae3b0d;
	}
	
body.flashPage {
}

body.flashPage #copyrightInfo {
	margin-top:5px;
	}
	
	
	
/* CONTENT STYLES
-------------------------------------------------------------------*/

#contentWrap {
	background:url(../../images/bkgd_mainContent.jpg) 100% 100% no-repeat;
	padding:0 0 35px 0;
	width:936px;
}
	
#primaryContent {
	background:url(../../images/bkgd_tireTread.gif) 0px 0px no-repeat;
	float:left;
	padding:0 0 0 35px;
	width:606px;
	}
	
#primaryContent .contentBottom {
	background:url(../../images/bkgd_paperBottom.png) 100% 100% no-repeat;
	padding: 0px 0px 135px 0px;
	}
	
#primaryContent .contentTop {
	background:url(../../images/bkgd_paperRepeat.png) 0px 309px repeat-y;
}
	
#primaryContent .contentMiddle {
	background:url(../../images/bkgd_paperTopAbout.png) 0px 0px no-repeat;
	padding:68px 75px 0px 50px;
	position: relative;
	}
	
/* Text Styles */

#primaryContent h1 {
	padding:0 0 0 0px;
	width:400px;
	}
	
#primaryContent ul,
#primaryContent ol  {
	font-size:12px;
	margin:10px 0 10px 25px;
	}
	
#primaryContent ul li {
	background:url(../../images/icon_bullet.png) 0px 0px no-repeat;
	padding:0 0 12px 20px;
	list-style:none;
	}
	
#primaryContent ol li {
	margin:0 0 0 18px;
	padding:0 0 8px 0;
	}
	
#primaryContent p.leadIn {
	color:#2f3c4d;
	font-size:15px;
	line-height:24px;
	border: 3px solid #d5cfbe;
	border-width: 3px 0;
	margin-top:5px;
	padding:10px 0 10px 0;
	}
	

	
#primaryContent img.inlineRight {
	padding:0 0 10px 15px;
	margin-right: -50px;
	float: right;
	}
	
#primaryContent blockquote {
	min-height:103px;
	}
	
#primaryContent blockquote.beazley {
	background:url(../../images/headshot_beazley.jpg) 0px 0px no-repeat;
	padding:0 0 0 120px;
	width:350px;
	}
	
#primaryContent blockquote.jarrell {
	background:url(../../images/headshot_jarrell.jpg) 0px 0px no-repeat;
	padding:0 0px 0 120px;
	width:350px;
	}
	

#primaryContent blockquote p {
	/*background:url(../../images/bkgd_pullQuoteOpen.gif) 0px 0px no-repeat;*/
	font-size:15px;
	font-weight:bold;
	line-height:21px;
	margin: 10px 0 0 0;
	padding:4px 0px 0px 0px;
	color: #7F220F;
	}
	
#primaryContent p.cite {
	color:#ae3b0d;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:20px;
	font-style:normal;
	padding:8px 0 10px 0px;
	margin-top:0px;
	}
	
/* Alternate Background Images */

.about #contentWrap {
	background-image:;
	}
	
.shop #contentWrap {
	background-image:;
	}
	
.downloads #contentWrap {
	background-image:;
	}
	
.about #primaryContent .contentMiddle {
	background-image:;
	}
	
.shop  #primaryContent .contentMiddle {
	background-image:;
	}
	
.downloads #primaryContent .contentMiddle {
	background-image:;
	}
	

	
	
/* SIDEBAR & LOCAL NAVIGATION
-------------------------------------------------------------------*/

#sideBar {
	float:left;
	margin-left:-5px;
	width:300px;
	}

#localNav {
	background:#ae3b0d url(../../images/bkgd_localNav.gif) 0px 0px repeat-y;
	}
	
#localNav h2 {
	height:41px;
	width:300px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}
	
/* Set the body IDs to control this h2 */

.about #localNav h2 {
	background:url(../../images/header_localNav.gif) 0px 0px no-repeat;
	}
	
.shop #localNav h2 {
	background:url(../../images/header_localNav.gif) 0px -41px no-repeat;
	}
	
.careers #localNav h2 {
	background:url(../../images/header_localNav.gif) 0px -82px no-repeat;
	}
	
.humvees #localNav h2 {
	background:url(../../images/header_localNav.gif) 0px -123px no-repeat;
	}
	
.downloads #localNav h2 {
	background:url(../../images/header_localNav.gif) 0px -164px no-repeat;
	}
	





#localNav ul {
	list-style:none;
	padding:0 0 10px 0;
	margin:0;
	}
	
#localNav li {
	font-size:12px;
	list-style:none;
	margin:0;
	padding:0;
	}
	
#localNav li a,
#localNav li a:link {
	color:#fff;
	display:block;
	text-decoration:none;
	padding:10px 0 10px 18px;
	}
	
#localNav li a:hover {
	background:url(../../images/bkgd_localNavActiveOn.gif) 0px 50% no-repeat;
	}
	
#localNav li.selected a,
#localNav li.selected a:link 
{
	background:url(../../images/bkgd_localNavActiveOn.gif) 0px 50% no-repeat;
}

#localNav li.selected a:hover 
{
	background:url(../../images/bkgd_localNavActiveOn.gif) 0px 50% no-repeat;
}
/* CALL TO ACTION
-------------------------------------------------------------------*/
	
#callToAction {
	padding:35px 0 0 0;
	text-align:center;
	}
	
#callToAction img {
	margin:0 auto 0;
	}
	

/* FOCUS ZONES
-------------------------------------------------------------------*/

#focusZones {
	background:url(../../images/bkgd_focusZones.png) 0px 0px no-repeat;
	height:236px;
	margin-left:-45px;
	padding:5px 0 0 45px;
	}
	
#focusZones div {
	float:left;
	}
	
#focusZones div h2 {
	text-indent:-9999px;
	}
	
#focusZones div.fz_wide {
	width:398px;
	margin-right:13px;
	}
	
#focusZones div.fz_narrow {
	width:263px;
	margin-right:13px;
	}
	
#focusZones div.fz_narrow_last {
	width:263px;
	margin-right:0px;
	}
	
#fz_humveesInAction h2 {
	background:url(../../images/fz_humveesInAction.png) 0px 0px no-repeat;
	width:398px;
	height:130px;
	}
	
#focusZones div.fz_wide h2 a {
	display:block;
	height:130px;
	width:398px;
	}
	
#fz_humveesInAction h2:hover {
	background:url(../../images/fz_humveesInAction.png) 0px -131px no-repeat;
	}

	
#focusZones div.fz_narrow h2 a,
#focusZones div.fz_narrow_last h2 a {
	display:block;
	height:130px;
	width:263px;
	}
	
#fz_behindTheWheel h2 {
	background: url(../../images/fz_behindWheel.png) 0px 0px no-repeat;
	height:130px;
	}
	
#fz_behindTheWheel h2:hover {
	background: url(../../images/fz_behindWheel.png) 0px -131px no-repeat;
	}
	
#fz_partnersInEducation h2 {
	background:url(../../images/fz_partnersInEducation.png) 0px 0px no-repeat;
	height:130px;
	}
	
#fz_partnersInEducation h2:hover {
	background:url(../../images/fz_partnersInEducation.png) 0px -131px no-repeat;
	}
	
#focusZones a:hover {
	background:none;
	}
	
#copyrightInfo {
	margin-top:0px;
	text-align:right;
	padding:20px 0 0 0;
	}
	
#copyrightInfo p {
	color:#1D252F;
	font-size:10px;
	}
	

/* MISC
-------------------------------------------------------------------*/

div.clearfix {
	clear:both;
	}
	
#tireTread {
	position:absolute;
	top:0px;
	left:0px;
	}
	
/* INPUT STYLES
-------------------------------------------------------------------*/

form {
	margin:15px 0 10px;
	}
	
form label {
	color:#7f220f;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
form label span {
	font-weight:normal;
	color:#706c5d;
	text-transform:none;
	}
	
form input {
	width:300px;
	background:#fff;
	border:3px solid #ccc;
	color:#706c5d;
	font-size:11px;
	padding:5px 5px;
	}
	
form select {
	color:#706c5d;
	font-size:11px;
	margin-top:15px;
	width:150px;
	}
	
/* Validation - More to come */

form input.invalid {
	border:3px solid #7f220f;
	}
	
form span.statusApproved {
	background:url(../../images/icon_checkMark.gif) 0px 0px no-repeat;
	height:21px;
	width:21px;
	}
	
form p.nonValidEntry {
	background:#ae3b0d;
	color:#fff;
	font-size:10px;
	padding:2px 5px;
	margin-top:5px;
	width:306px;
	}
	
/* DOWNLOAD SECTION
-------------------------------------------------------------------*/

div.downloadItem {
	float:left;
	padding:5px 0 0 0;
	width:221px;
	margin-right:10px;
	}
	
div.downloadItem h2 {
	color: #2f3c4d;
	font-size:12px;
	margin-top:5px;
	clear:both;
	}
	
div.downloadItem p {
	font-size:11px;
	padding-top:5px;
	}
	
h2.downloads {
	clear:both;
	padding:0 0 0px 0;
	width:510px;
	margin-top:20px;
	}
	
div.downloadItem img {
	border:5px solid #d5cfbe;
	}
	
div.downloadItem img:hover {
	border:5px solid #706c5d;
	}
	
/* UNIQUE BACKGROUND IMAGES
-------------------------------------------------------------------*/

body.humvees,
body.careers,
body.home {
	background:#303d4e url(../../images/bkgd_fullScreenFlash.jpg) 50% 0px no-repeat; 
	}
	
body.home #contentWrap {
	 background:none;
	}
	
body.downloads,
body.shop,
body.about {
	background:#303d4e url(../../images/bkgd_fullScreenHTML.jpg) 50% 0px no-repeat;
}
	

	
/* FOOTER LINKS
-------------------------------------------------------------------*/

#footerLinks {
	margin-top:-70px;
	}
	
.careers #footerLinks {
	margin-top:10px;
	}
	
#footerLinks p {
	font-size:11px;
	text-align:center;
	border:1px solid #1D252F;
	border-width:1px 0;
	padding:5px 0 5px;
	text-transform:uppercase;
	letter-spacing:0px;
	/*text-align:right;*/
	}

#footerLinks a {
	color:#d5cfbe;
	text-decoration:none;
	padding:2px 5px;
	}
	
#footerLinks a:hover {
	background:#ae3b0d;
	color:#fff;
	}
	
/* MISC */

.shop #callToAction {
	display:none;
	}
	
h3.question {
	background:url(../../images/bkgd_faqHeader.gif) 0px 0px no-repeat;
	min-height:38px;
	padding:0 0 0 50px;
	}
	
form .submit {
     width:119px;
 height:50px;
 border:none;
 }

/* the overlayed element */ 
div.overlay 
{
	/* growing background image */ 
	background-image:url(../../images/white.png);       
	/* dimensions after the growing animation finishes  */    
	width:600px;    
	height:470px;                
	/* initially overlay is hidden */    
	display:none;        
	/* some padding to layout nested elements nicely  */    
	padding:55px; 
} 
	/* default close button positioned on upper right corner */ 
	
div.overlay div.close 
{
	background-image:url(../../images/icon_close.png);    
	position:absolute;    
	right:5px;    
	top:5px;    
	cursor:pointer;    
	height:35px;    
	width:35px; 
}

.ChildNode{
padding:5px 0 10px 30px;
}