/*
Colors:
Highlighter Green - #7AA431
Darker Green - #669900
Dark Gray - #4D4D4D
*/

/* 
.sub_selected {
color:#7AA431;
background-color:#99FF00;
}
*/

/* Ashton Bug */
#ashton {
position:absolute;
right:4px;
bottom:4px;
width:18px;
height:18px;
background:url(../img/ashton.png) no-repeat;
}
#ashton:hover {
background:url(../img/ashton_o.png) no-repeat;
cursor:pointer;
}
#ashton > a {
position:absolute;
width:18px;
height:18px;
}

/* General */
body {
/* background-color: #EAEAEA; */
background:#4D4D4D url(../img/bg_gradient_static_alt_3.png) repeat-x;
color:#333;
font:normal normal 11px/1em Helvetica, Arial, Verdana, sans-serif;
}

body.splash {
background-image:none;
background-color:#252222;
}

a {
color:#7AA431;
}
a:hover {
color:#4D4D4D;
}

.clearfix {
clear:both;
}

.color_01 {
color: #7AA431;
}
.color_02 {
color: #669900;
}
.color_03 {
color: #4D4D4D;
}


/* Primary Wrappers */
#wrapper_bg_ds_tile.wrapper_bg_ds { /* ONLY applied if the user has JS enabled */
margin:0 auto;
padding:0;
width:1000px;
height:630px;
background: url(../img/bg_panel_ds_alt.png) no-repeat;
}

#wrapper_bg_ds_tile {
margin:0 auto;
padding:0 0 48px 0;
width:1000px;
overflow:visible;
background: url(../img/bg_gradient_tile.png) repeat-y;
}

.wrapper_splash {
margin:0 auto;
width:980px;
height:716px;
position:relative;
z-index:1;
}

	#flashcontent {
	margin:-452px auto 0 auto;
	width: 580px;
	height: 240px;
	position:relative;
	z-index:10;
	}

	/* Masthead */
	#masthead {
	height:210px;
	width:984px;
	overflow:hidden;
	}

	/* Logo */
	#logo_interrrex {
	margin:100px 0 0 100px;
	padding:0;
	width:195px;
	height:34px;
	background:url(../img/logo_interrex.png) no-repeat;
	float:left;
	}
		#logo_interrrex a {
		width:195px;
		height:34px;
		border:none;
		display:block;
		}
		
	#logo_interrrex_alt {
	margin:100px 0 0 100px;
	padding:0;
	width:195px;
	height:34px;
	background:none;
	float:left;
	}
		#logo_interrrex_alt a {
		width:195px;
		height:34px;
		border:none;
		display:block;
		}

	
	/* Masthead - Navigation */
	#nav_items {
	margin:100px 0 0 28px;
	padding:0;
	float:left;
	height:95px;
	}


	/* Masthead - Contact Info Block */		
	#contact_info {
	margin:105px 25px 0 0;
	float:right;
	}
	
	#contact_info p {
	margin:0 0 4px 0;
	color:#4D4D4D;
	}
	#contact_info p a {
	padding:3px 0 0 20px;
	color:#7AA431;
	font-size:11px;
	background:url(../img/icon_email.png) no-repeat 0px 2px;
	text-decoration:none;
	}
	#contact_info p a:hover {
	color:#669900;
	text-decoration:underline;
	}
	
		/* Navigational Items */	
		#nav_items {
		/* border:1px dotted #FF0000;
		height:75px; */
		width:460px;
		}

		#nav_items li {
		margin:0 26px 0 0;
		padding:0;
		list-style:none;
		text-align:center;
		float:left;
		}
		#nav_items li a {
		display:block;
		margin:0;
		height:35px;
		width:70px;
		padding:50px 0 0 0;
		text-transform:uppercase;
		text-decoration:none;
		position:relative;
		color:#4D4D4D;
		font:normal bold 11px/1em Helvetica, Arial, Verdana, sans-serif;
		}
		#nav_items li a .hover {
		height: 70px;
		position: absolute;
		display: block;
		}
		
		/* Nav Item Details and Fade Rollovers */
		#nav_items li a .hover {
		display:block;
		position:absolute;
		top:0;
		left:0;
		}

		#nav_items li a:hover {
		color:#7AA431;
		}
			#nav_items li a.nav_item_01 {
			background:url(../img/icon_nav_about.png) no-repeat top center;
			}
				#nav_items li.highlight a.nav_item_01:hover,
				#nav_items li a.nav_item_01 .hover {
				width:70px;
				background:url(../img/icon_nav_about_on.png) no-repeat top center;
				}
			#nav_items li a.nav_item_02 {
			background:url(../img/icon_nav_capabilities.png) no-repeat top center;
			}
				#nav_items li.highlight a.nav_item_02:hover, 
				#nav_items li a.nav_item_02 .hover {
				width:70px;
				background:url(../img/icon_nav_capabilities_on.png) no-repeat top center;
				}

			#nav_items li a.nav_item_03 {
			background:url(../img/icon_nav_careers.png) no-repeat top center;
			}
				#nav_items li.highlight a.nav_item_03:hover,
				#nav_items li a.nav_item_03 .hover {
				width:70px;
				background:url(../img/icon_nav_careers_on.png) no-repeat top center;
				}

			#nav_items li a.nav_item_04 {
			background:url(../img/icon_nav_home.png) no-repeat top center;
			}
				#nav_items li.highlight a.nav_item_04:hover, 
				#nav_items li a.nav_item_04 .hover {
				width:70px;
				background:url(../img/icon_nav_home_on.png) no-repeat top center;
				}

			#nav_items li a.nav_item_05 {
			background:url(../img/icon_nav_contact.png) no-repeat top center;
			}
				#nav_items li.highlight a.nav_item_05:hover, 
				#nav_items li a.nav_item_05 .hover {
				width:70px;
				background:url(../img/icon_nav_contact_on.png) no-repeat top center;
				}


				body.activate_about #nav_items li a.nav_item_01 {
				background:url(../img/icon_nav_about_on.png) no-repeat top center;
				color:#7AA431;
				}
				body.activate_capabilities #nav_items li a.nav_item_02 {
				background:url(../img/icon_nav_capabilities_on.png) no-repeat top center;
				color:#7AA431;
				}
				body.activate_careers #nav_items li a.nav_item_03 {
				background:url(../img/icon_nav_careers_on.png) no-repeat top center;
				color:#7AA431;
				}
				body.activate_contact #nav_items li a.nav_item_05 {
				background:url(../img/icon_nav_contact_on.png) no-repeat top center;
				color:#7AA431;
				}


	/* Content */
	#content_wrapper {
	padding:0;
	margin:0 0 0 10px;
	/* height:452px; */
	width:980px;
	clear:both;
	}

	/* Content Area */
	#content {
	margin:0;
	padding:0;
	width:450px;
	position:relative;
	float:left;
	overflow:visible;
	}

	/* Content Area */	
	#content.content_js_enabled { /* ONLY applied if the user has JS enabled */
	overflow:hidden;
	height:345px;
	}

	
	/* The Image */
	#image {
		float:right;
		width:162px;
		height:162px;
		margin:0;
		padding:0;
		display:visible;
	}
	.image_content { /* ONLY applied if the user has JS enabled */
		float:right;
		width:162px;
		height:162px;
		margin:0;
		padding:0;
		display:none;
	}

	/* Content Panel */
		.section {
			margin:0;
			padding:0;
			width:400px;
			position:relative;
		}
		
			.section .sub {
				margin:0 0 12px 0;
				padding:0;
				position:relative;
				float:left;
				width:400px;
				height:345px;
				border-bottom:1px solid #CCC;
			}
			.section .sub .content_js_enabled_bottom_rule {
				border-bottom:none;
			}
				.section .sub h2 {
				font-weight:bold;
				color:#333;
				text-transform:uppercase;
				/* line-height:1.2em; */
				font-size:11px;
				margin:7px 0 8px 13px;
				padding:0;
				}
				.section .sub h2.content_js_enabled_h2 {
				margin:7px 0 10px 13px;
				}
				.section .sub p {
				font-weight:normal;
				color:#333;
				line-height:1.4em;
				margin:0;
				padding:0 0 8px 14px;
				}
				.section .sub p a.inner_linkup {
				color:#333;
				}
				.section .sub p a.inner_linkup:hover {
				color:#7AA431;
				}
				.section .sub p a.any {
				color:#333;
				}
				.section .sub p a.any:hover {
				color:#666;
				}
				.section .sub ul {
				/* width:200px; */
				margin:0 0 12px 0;
				padding:0 0 0 14px;
				font-size:10px;
				}
				.section .sub ul li {
				list-style:square;
				list-style-position:outside;
				padding:0 0 4px 0;
				line-height:1.2em;
				font-size:1.1em;
				color:#333;
				}
					.section .sub ul li a {
					text-decoration:none;
					color:#333;
					}
					.section .sub ul li a:hover {
					text-decoration:none;
					color:#999;
					}

				.section .sub ul.list_column {
				width:160px;
				margin:0 24px 0 0;
				padding:0 0 0 14px;
				float:left;
				}
				.section .sub ul.list_column li {
				list-style:square;
				list-style-position:outside;
				padding:0 0 4px 0;
				line-height:1.2em;
				color:#333;
				}
					.section .sub ul.list_column li a {
					text-decoration:none;
					color:#333;
					}
					.section .sub ul.list_column li a:hover {
					text-decoration:none;
					color:#999;
					}

				.section .next, .section .prev, .section .top {
				position:absolute;
				bottom:5px;
				color:#999;
				text-decoration:none;
				font-weight:bold;
				width:50px;
				}
				.section .next:hover, .section .prev:hover, .section .top:hover {
				color:#666;
				}
				.section .next {
				left:0px;
				}
				.section .prev {
				left:48px;
				}
				.section .top {
				right:-19px;
				}

	/* Sub-Navigation */
	#sub_navigation {
	float:left;
	width:200px;
	/* height:160px; */
	margin:0 54px 0 62px;
	padding:0;
	text-align:right;
	}
		
		#sub_navigation li ul#lavaLampVertical {
		width:200px;
		margin:0;
		padding:0 16px 0 0; /* Lava likes padding ?? */
		list-style:none;
		border-right:2px solid #DEDEDE;
		overflow: visible; /* lava likes hidden ?? */
		}
		
		#sub_navigation li ul#lavaLampVertical li {
		width:200px;
		/* height:20px; */
		margin:0;
		padding:0;
		list-style: none;
		}
		#sub_navigation li ul#lavaLampVertical li a {
		position: relative;
		/* z-index: 10; */
		width:200px;
		margin:0;
		padding:6px 16px 6px 0;
		color:#333;
		text-decoration:none;
		font-weight:bold;
		display: block;
		overflow: hidden;
		outline: none;
		border-right:2px solid #DEDEDE;
		}
		#sub_navigation li ul#lavaLampVertical li a:hover {
		color:#333;
		/* border-right:2px solid #CCC; */
		/* border-right:2px solid #DEDEDE; */
		border-right:2px solid #999;
		}
		#sub_navigation li ul#lavaLampVertical li a.sub_navigation_item_alt {
		position: relative;
		/* z-index: 10; */
		/* width:100px; */
		margin:0;
		padding:6px 16px 6px 0;
		color:#999;
		text-decoration:none;
		font-size:10px;
		font-weight:normal;
		display: block;
		overflow: hidden;
		outline: none;
		border-right:2px solid #DEDEDE;
		}
		#sub_navigation li ul#lavaLampVertical li a.sub_navigation_item_alt:hover {
		color:#666;
		border-right:2px solid #CCC;
		}

	#sub_navigation li ul#lavaLampVertical li a.sub_selected {
	position:relative;
	/* width:100px; */
	/* height:20px; */
	margin:0;
	padding:6px 16px 6px 0;
	border-right:2px solid #7AA431;
	color:#7AA431;
	}
	#sub_navigation li ul#lavaLampVertical li a.sub_selected:hover {
	border-right:2px solid #7AA431;
	color:#7AA431;
	}

	/* Lava */
	#sub_navigation li ul#lavaLampVertical li.backLava {
	/* position: absolute;
	z-index: 8; */
	width:100px;
	/* height:16px; */
	margin:0;
	padding:0 16px 0 0;
	border-bottom: 1px dotted #DEDEDE;
	}

	/* Footer */
	#footer {
	clear:both;
	width:984px;
	height:20px;
	margin:-50px auto 0 auto;
	font:normal normal 9px/1em Verdana, Arial, sans-serif;
	/* letter-spacing:0.01em; */
	position:relative;
	z-index:3;
	}
	#footer .footer_content {
		width:600px;
		margin:0 0 0 308px;
		float:left;
		text-align:left;
		}
		#footer .icon_home {
		padding:0 0 0 24px;
		background:url(../img/icon_home.png) no-repeat 0px 2px;
		}
		#footer .icon_number {
		padding:0 0 0 24px;
		background:url(../img/icon_number.png) no-repeat 2px 2px;
		}
		#footer .footer_date {
		margin:0 16px 0 0;
		}