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

body{
	background-color: #000;
	font-family:helvetica, arial, sans-serif;
	font-size:11px;
	line-height: 150%;
}

h1,h2{
	font-size:13px;
	color:#C90;	
	font-weight:bold;
	text-transform:uppercase;
}
h2{
	display: inline;
}
p{
	font-size:12px;
	color:#fff;	
}
h4{
	color:#202020;
	font-size:10px;
	text-align: center;
}

img {
	border: 0;}
#container{
	width:1024px;
	height:auto;
	margin:auto;

}

#header{
	width:1024px;
	height:123px;
	background-image:url(images/header.png);
}
#title_container{
	width:auto;
	height:30px;
	position:relative;
	top:63px;
	z-index:1;
}
#title{
	float: right;
}
#title .status {
	background: url(images/yellow_light_trans.png) no-repeat;}
#title:hover .status {
	background: url(images/green_light_trans.png) no-repeat;}
#language_selector{ 
	padding: 0;
	float: left;
	margin: 0 0 10px 20px;
}
#language_selector ul {
	padding: 0;
	margin: 0;
}
#language_selector li {
	display: inline;
	padding: 0;
	margin: 0;
}
#language_selector li .status {
	background: url(images/red_light_trans.png) no-repeat;}
#language_selector li:hover .status {
	background: url(images/yellow_light_trans.png) no-repeat;}
#subheader{
	width:1024;
	background-color:#000;
	border-top-color:#fff;
	border-bottom-color:#fff;
	border-top:5px;
	border-bottom:5px;
}
#nav_container{
	width:312px;
	height:200px;
	background-color:#141414;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:36px;
	float:left;
}
#image_container{
	width:632px;
	height:200px;
	background-color:#000;
	float:left;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:8px;
}
.nav_tab{
	clear:both;
	width:312px;
	height:30px;
	border-bottom:4px;
	border-bottom-color:#fff;
}
.nav_tab .status {
	background: url(images/red_light_trans.png) no-repeat;}
.nav_tab:hover .status {
	background: url(images/yellow_light_trans.png) no-repeat;}
#detention .detention, #commercial .commercial, #security .security, #retrofit .retrofit, #projects .projects, #specialty .specialty, #contact .contactlink, #location .location {
	background: url(images/green_light_trans.png) no-repeat;}
.clear{
	clear:both; 
	height:0px;
}
#page_wrapper{
	width:1024px;
	height:400px; /*This is going to change once I have a feel for how much copy we have.*/
	background-image:url(images/felt.png);
	border-top:1px;
	border-top-color:#202020;
}
#column_container{
	width:960px;
	height:auto;
	margin:auto;
	padding-top:15px;}
#column_container ul {
	list-style: square;
	list-style-position: inside;
	padding: 0;
	margin: 5px 0 0 3px;
	}
#column_container li {
	color:#fff;}
#column_container #current {
	color: #C90;}
.column,logos_column{
	float:left;
	width:222px;
	height:370px;
	margin-left:4px;
	margin-right:4px;
	padding:5px;
	background-color:#000;
	opacity:.5;}
.logos_column{
	opacity:1;
}
.column li a {
	color:#fff;
	font-size:12px;
	text-transform: uppercase;
	text-decoration:none;
	line-height:200%;}
.column2{
	float: left;
	width: 460px;
	height: 350px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 5px;
	background-color:#000;
	opacity: .5;}
.column2 li {
	list-style: none;}
.column2 a {
	}
.column3{
	float: left;
	width: 300px;
	height: 350px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 5px;
	background-color:#000;
	opacity: .5;}
.column3 li {
		list-style: none;}
.column3 a {
	}
.contact_title {
	text-align:left;}
.contact_email {
	unicode-bidi:bidi-override;
	direction:rtl;}
.contactTitle {
	text-align:left;}
.contactEmail {
	text-align:left;}
#bottom{
	clear:both;
	background-image:url(images/footer.png);
	height:304px;
	width:1024px;
}
#footer{
	clear:both;
	background-image:url(images/felt.png);
	width:1024px;
	height:100px;
}
.contact {
	float: left;
	padding: 0;
	margin: 230px 0 0 0;}
.contact li {
	display: inline;}
.contact li .status {
	background: url(images/yellow_light_trans.png) no-repeat;}
.contact li:hover .status {
	background: url(images/green_light_trans.png) no-repeat;}