﻿
/* 
 ----------------------------------------------------------------------------
  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */


/* ----- type selectors ----- */ 
body { 
	background:#223712 url("/sitecollectionimages/bg-body.jpg") top repeat-x;
	text-align:center; 
	font:11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#000;
	}

blockquote { 
	margin-left:10px; 
	margin-right:10px; 
	}

h1	{ font-size:1.5em; color:#223712; line-height: 18px; }
h2	{ font-size:1.4em; color:#003768; line-height: 18px; }
h3	{ font-size:1.4em; color:#354d9b; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#1d388f; text-decoration:underline; outline:none; font-weight:bold; }
a:hover,a:active	{ color:#000; text-decoration:underline; outline:none; font-weight:bold; }

/* ----- classes ----- */

div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding:5px 15px 7px 0px;
	background-color: #474d53;
	}
	
	p.back-to-top a:link, p.back-to-top a:visited	{ color:#f3f5fc; text-decoration:underline; outline:none; font-weight:bold; }
	p.back-to-top a:hover, p.back-to-top a:active	{ color:#bfc6e1; text-decoration:underline; outline:none; font-weight:bold; }
	
img.img-left { 
	float:left; 
	margin:4px 10px 10px 0; 
	}
	
img.img-right { 
	float:right; 
	margin:5px 0 10px 10px; 
	}

img.img-top { 
	padding-top: 10px; 
	}

.hm-sec {
	padding-bottom: 91px;
}
.hm-sec2 {
	padding-bottom: 91px;
}
.hm-sec3 {
	padding-bottom: 91px;
}

.hr-right {
	height: 13px;
	margin: 15px 0 5px 24px;
	width: 569px;
	background: url(/sitecollectionimages/hr-right.jpg) top no-repeat;
	}


/* framework
 * ------------------------------------------------------------------------- */

#wrap {
	background:url("/sitecollectionimages/bg-wrap.gif") repeat-y;
	width:868px;
	margin:0 auto;
	text-align:left;
	}
	
	
#wrap-sub {
	background:url("/sitecollectionimages/bg-wrap-sub.gif") repeat-y;
	width:868px;
	margin:0 auto;
	text-align:left;
	}

/* ----- column-left ----- */

#column-left {
	width:235px;
	float:right;
	background: url("/sitecollectionimages/left-bkgd.jpg") top left no-repeat;
	}
	
	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left dl {
		margin:0 25px 10px 34px;
		}
		
		#column-left ul {
			margin:0 29px 10px 34px;
			}
	
	#column-left h3 {
		margin:20px 0px 10px 35px;
		}
	
	/* single column list */
	#column-left ul {
		padding:5px 0px 0px 3px;
		background-color: #d3d9ec;	
		border:	1px solid #003785;
		}
		
		#column-left ul li { 
			background:transparent url("/sitecollectionimages/bullet.jpg") 0px 6px no-repeat;
			padding:0 0 8px 5px /* pushes text to the right to display bg img */
			}
	
	/* definition list */
	#column-left dl { padding-left:5px; }
		#column-left dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-left dl dd {
			background:transparent url("/sitecollectionimages/bullet.jpg") 0px 6px no-repeat;
			padding-left:10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}
	#subhead-left {
		height:43px;
		background: url("/sitecollectionimages/header-left.jpg") top left no-repeat;
	}
		#subhead-left span { display:none; }
	
	#subhead-left-sub {
		height:43px;
		background: url(/sitecollectionimages/header-left-sub.jpg) top left no-repeat;
		}
		
		#subhead-left-sub span { display:none; }
			
/* ----- column-right ----- */

#column-right {
	width:633px;
	float:right;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		margin:0 40px 10px 22px;
		}
	
	#column-right h1, #column-right h2 {
		margin-top:20px;
		}
	 
	/* single column list */
	#column-right ul { padding-left:5px; }
		#column-right ul li { 
			background:transparent url("/sitecollectionimages/bullet.gif") 0px 5px no-repeat;
			padding:0 0 5px 18px;  /* pushes text to the right to display bg img */
			}

	
	/* definition list */
	#column-right dl { padding-left:5px; }
		#column-right dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-right dl dd {
			background:transparent url("/sitecollectionimages/bullet.jpg") 0px 6px no-repeat;
			padding-left:10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}
	
	#star {
		background: url("/sitecollectionimages/star.jpg") top left no-repeat;
	}
	
	#features {
		width: 633px;
		background:url("/sitecollectionimages/features-bkgd.jpg") repeat-y;
	}
		#feature1 {
			width: 210px;
			float:left;
			background: url("/sitecollectionimages/feature1-bt.jpg") bottom no-repeat;
		}
			
			#feature1 h2, #feature1 p {
				margin: 0px 14px 8px 22px;
			}
			
			#feature1 h2 {
				margin-top: 8px;
			}
			
			
			#f1-hd {
				background: url("/sitecollectionimages/feature1-hd.jpg") top left no-repeat;
				height: 22px;
			}
		
		#feature2 {
			width: 195px;
			float:left;
			background: url("/sitecollectionimages/feature2-bt.jpg") bottom no-repeat;
		}
		
			#feature2 h2, #feature2 p {
				margin: 0px 10px 8px 22px;
			}
			
			#feature2 h2 {
				margin-top: 8px;
			}
			
			
			#f2-hd {
				background: url("/sitecollectionimages/feature2-hd.jpg") top left no-repeat;
				height: 22px;
			}
		
		#feature3 {
			width: 228px;
			float:left;
			background: url("/sitecollectionimages/feature3-bt.jpg") bottom no-repeat;				
		}
		
			#feature3 h2, #feature3 p {
				margin: 0px 35px 8px 22px;
			}
			
			#feature3 h2 {
				margin-top: 8px;
			}
			
			
			#f3-hd {
				background: url("/sitecollectionimages/feature3-hd.jpg") top left no-repeat;
				height: 22px;
			}

#column-right-middle {
	width: 394px;
	float: left;
}
	#column-right-middle p{
		margin: 0 10px 0 22px;
	}
	
	/* single column list */
	#column-right-middle ul {
		padding:5px;
		background-color: #95ab8b;
		float:left;
		margin: 3px 10px 0 3px;
	}
		#column-right-middle ul li { 
			background: transparent url("/sitecollectionimages/bullet.jpg") 0px 6px no-repeat;
			padding-left:10px;  /* pushes text to the right to display bg img */
			}
	
	
	

#column-right-right {
	width: 239px;
	float: left;
}
	#column-right-right p{
	  	margin: 0 40px 0 30px;
	}

/* ----- products ----- */

	.products-l {
		float:left;
		width: 205px;
		padding-left: 80px;
	}
		.products-l p, .products-l h3{	
			margin: 0px 0px 0px 0px;
			color:#000;
			font-size:1.1em;
		}
	
	.products-r {
		float:left;
		width: 205px;
	}
		.products-r p, .products-r h3{
			margin: 0px 0px 0px 0px;
			color:#000;
			font-size:1.1em;
		}

	
/* ----- bottom-wrap ----- */
 
#bottom-wrap {
	background:url("/sitecollectionimages/footer.jpg");
	height:92px;
	clear:both;
	width:100%; /* fix for Safar */
	}

#bottom-wrap-sub {
	background:url("/sitecollectionimages/footer-sub.jpg");
	height:92px;
	clear:both;
	width:100%; /* fix for Safar */
	}

#bottom-wrap-alt {
	background:url("/sitecollectionimages/footer-alt.jpg");
	height:92px;
	clear:both;
	width:100%; /* fix for Safar */
	}
	
/* calendar
 * ------------------------------------------------------------------------- */	
 
 #calender {
	margin: 5px 0px 0px 22px;
 }
 
 	#calender p {
		margin: 3px 0px 3px 8px;
		padding: 5px 0px 5px 0px;
			
	 }
 
 .odd {
	background-color: #e7eaf3;
 } 
 
  .even {
	background-color: #d6dbed;
 }

	
	
	
	
	
	
/* header framework
 * ------------------------------------------------------------------------- */

#header-graphic { height:289px; } /* sets height for all non-flash headers */

	body#index #header-graphic { background:url("/sitecollectionimages/banner.jpg"); }
	body#about #header-graphic { background:url("/sitecollectionimages/banner-about.jpg"); }
	body#products #header-graphic { background:url("/sitecollectionimages/banner-products.jpg"); }
	body#technology #header-graphic { background:url("/sitecollectionimages/banner-innovation.jpg"); }
	body#events #header-graphic { background:url("/sitecollectionimages/banner-news.jpg"); }
	body#overview #header-graphic { background:url("/sitecollectionimages/banner.jpg"); }
	body#contact #header-graphic { background:url("/sitecollectionimages/banner-contact.jpg"); }
	body#thankyou #header-graphic { background:url("/sitecollectionimages/banner.jpg"); }
	body#sitemap #header-graphic { background:url("/sitecollectionimages/banner.jpg"); }
	body#fr #header-graphic { background:url("/sitecollectionimages/banner-1.jpg"); }
	body#extreme #header-graphic { background:url("/sitecollectionimages/banner-2.jpg"); }
	body#baselayers #header-graphic { background:url("/sitecollectionimages/banner-3.jpg"); }
	body#combat #header-graphic { background:url("/sitecollectionimages/banner-1.jpg"); }
	body#dress #header-graphic { background:url("/sitecollectionimages/banner-2.jpg"); }
	body#security #header-graphic { background:url("/sitecollectionimages/banner-3.jpg"); }
	body#equipment #header-graphic { background:url("/sitecollectionimages/banner-1.jpg"); }
	body#electro #header-graphic { background:url("/sitecollectionimages/banner-2.jpg"); }
	body#fr-tech #header-graphic { background:url("/sitecollectionimages/banner-4.jpg"); }
	body#combat-tech #header-graphic { background:url("/sitecollectionimages/banner-5.jpg"); }
	body#dress-tech #header-graphic { background:url("/sitecollectionimages/banner-4.jpg"); }

/* subhead framework
 * ------------------------------------------------------------------------- */

#subhead { height:43px; } /* sets height for all subheads */

#subhead span { display:none; }

	body#index #subhead { background:url("/sitecollectionimages/subhead-index.jpg"); }
	body#about #subhead { background:url("/sitecollectionimages/subhead-about.jpg"); }
	body#products #subhead { background:url("/sitecollectionimages/subhead-products.jpg"); }
	body#fr #subhead { background:url("/sitecollectionimages/subhead-fr.jpg"); }
	body#extreme #subhead { background:url("/sitecollectionimages/subhead-extreme.jpg"); }
	body#baselayers #subhead { background:url("/sitecollectionimages/subhead-baselayers.jpg"); }
	body#dress #subhead { background:url("/sitecollectionimages/subhead-dress.jpg"); }
	body#security #subhead { background:url("/sitecollectionimages/subhead-security.jpg"); }
	body#equipment #subhead { background:url("/sitecollectionimages/subhead-equipment.jpg"); }
	body#electro #subhead { background:url("/sitecollectionimages/subhead-electro.jpg"); }
	body#combat #subhead { background:url("/sitecollectionimages/subhead-combat.jpg"); }
	body#fr-tech #subhead { background:url("/sitecollectionimages/subhead-fr-tech.jpg"); }
	body#combat-tech #subhead { background:url("/sitecollectionimages/subhead-combat-tech.jpg"); }
	body#dress-tech #subhead { background:url("/sitecollectionimages/subhead-dress-tech.jpg"); }
	body#technology #subhead { background:url("/sitecollectionimages/subhead-technology.jpg"); }
	body#events #subhead { background:url("/sitecollectionimages/subhead-events.jpg"); }
	body#overview #subhead { background:url("/sitecollectionimages/subhead-overview.jpg"); }
	body#contact #subhead { background:url("/sitecollectionimages/subhead-contact.jpg"); }
	body#thankyou #subhead { background:url("/sitecollectionimages/subhead-thankyou.jpg"); }
	body#sitemap #subhead { background:url("/sitecollectionimages/subhead-sitemap.jpg"); }
	
	/* subhead framework
 * ------------------------------------------------------------------------- */


/* ----- subhead framework with varying heights ----- */

#subhead-meet-doc {
	height:55px;
	background:url("/sitecollectionimages/subhead-meet-doc.jpg");
	}


/* footer
 * ------------------------------------------------------------------------- */
 
#footer {
	width:868px;
	margin:0 auto;
}

#footer {
	width:868px;
	text-align:right;
}


#footer1 {
	position:relative;
	top:-20px;
	width:868px;
	text-align:left;
	vertical-align:top;
	float:left;
	padding-bottom:10px;

	}

#footer1 p {
	color:#fff;
	margin-bottom:10px;
	}

#footer1 a:link, #footer1 a:visited { color:#fff; text-decoration:none; outline:none; }

#footer1 a:hover, #footer1 a:active { color:#edf0f9; text-decoration:underline; outline:none; }

#footer1 ul {margin:10px 0 0 15px;}

#footer1 li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px;
	display: inline;
	}



#footer2 {
	width:850px;
	padding-left:22px;
	text-align:left;
	float:left;
	}

#footer2 p {
	color:#fff;
	margin:0 78px 0 0;
	}



/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background:url("/sitecollectionimages/nav.jpg") no-repeat; 
	width:868px; 
	height:64px; 
	margin:0;
	padding:0;
	}

#nav span { display: none; }

#nav li, #nav a { height:64px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; }

#nav-01 { width: 91px; margin-left: 135px;}
#nav-02 { width: 138px;}
#nav-03 { width: 116px;}
#nav-04 { width: 130px;}
#nav-05 { width: 137px;}
#nav-06 { width: 111px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("/sitecollectionimages/nav.jpg")  -135px -64px no-repeat; }
#nav-02 a:hover { background:url("/sitecollectionimages/nav.jpg") -226px -64px no-repeat; }
#nav-03 a:hover { background:url("/sitecollectionimages/nav.jpg") -364px -64px no-repeat; }
#nav-04 a:hover { background:url("/sitecollectionimages/nav.jpg") -480px -64px no-repeat; }
#nav-05 a:hover { background:url("/sitecollectionimages/nav.jpg") -610px -64px no-repeat; }
#nav-06 a:hover { background:url("/sitecollectionimages/nav.jpg") -747px -64px no-repeat; }



/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background-color:#071622;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; 				/* Height of each drop down nav item */
	border:1px solid #071f34;
	border-top:none;
	}

#nav li ul li a {
	width:100%;
	height:20px;				/* Height of each drop down nav item, should match above */
	line-height:20px;			/* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#FFFFFF;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto;background-position: 0 0; }

/* Hover styles for drop down items */
#nav-03 ul a:hover, #nav-04 ul a:hover { 
	background-image:none;
	background-color:#434f5a;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	}
	

/* width of drop down nav - choose width that allows items to display on one line */
#nav-03 ul, #nav-03 li { width:260px; }		
#nav-04 ul, #nav-04 li { width:175px; }










/* ----- main contact form ----- */ 

input.submit, input.submit-contact-main { 
	background:url("/sitecollectionimages/btn-submit.jpg");
	width:88px;
	height:28px;
	border:none;
	cursor:pointer;
	}

input.submit-contact-main { margin:7px 0 50px 0; }


#contact_business { display: none; } /* do not remove */ 


#contact-main { 
	margin-left: 90px;
	}
	
#contact-main label { 
	width:400px; 
	display:block;  
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:400px;
	}
	
#contact-main label select {
	width:405px;
	}
	
#contact-main label textarea { height:100px; }

/* ------ Milliken added -------- */

/* ------ override Telerik Styles for Rad Editor-------- */
.radEContentBordered {background:#ffffff}