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

/****** Main Template ******/

html {
    min-width: 960px;
} /*IE7*/

body#hp {
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #666 url("/images/background.png") repeat-x;

}

body {
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #666 url("/images/background.png") 0 -100px repeat-x;
}

body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {
    font: 83%/1.4 arial, helvetica, sans-serif;
}

input {
    line-height: 1;
}

/***** Template ****/
.container {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 960px;
}

.inline {
	clear: both;
	float: left;
	width: 100%;
}
	
.button {
	background: #fff url('/images/button.png') no-repeat;
	height: 30px;
	line-height: 30px;
	margin: 0 0 15px 0;
	padding: 0 5px 0 20px;
	float: left;
}

	.button a {
		text-decoration: none !important;
		color: #e31836 !important;
		text-transform: uppercase;
		font-weight: bold;
	}
	
.button-end {
	background: #fff url('/images/button-end.png') no-repeat;
	height: 30px;
	width: 15px;
	float: left;
	margin: 0 15px 0 0;
}

a.important {
	color: #0055A5 !important;
	font-weight: bold !important;
}

#header {
	background: #e31836 url("/images/header-bg.png") no-repeat;
	width: 960px;
	height: 90px;
	margin: 10px 0 0 0;
}

	#header h1 {
		float: left;
		width: 200px;
	}
	
	#header h1 a {
		display: block;
		height: 70px;
		margin: 10px 0 10px 10px;
		text-indent: -2000em;
		z-index: 1000; /* need for FX and IE */
		background: url('/images/logo.png') no-repeat;
	}
	
	#header h1 a:hover {
		cursor: pointer;
	}
	
	#header ul {
		margin: 10px 10px 0 0;
		padding: 0;
		list-style-type: none;
		float: right;
		height: 70px;
	}
	
	#header li {
		float: left;
		margin: 0 20px 0 0;
		line-height: 70px;
	}
	
	#header li a {
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1.2em;
		font-weight: bold;
	}
	
#splash {
	background: transparent url("/images/splash-1.jpg") no-repeat center center;
	height: 400px;
	width: 100%;
	z-index: 1;
}

	#splash img{
		margin: 0 auto;
		border: 0;
		position: relative;
	}

	#splash ul {
		display: none;
	}
	
	#splash #tag {
		float: left;
		width: 960px;
	}

	#splash p {
		background: transparent url("/images/motto.png") no-repeat;
		height: 50px;
		width: 620px;
		text-indent: -2000em;
		z-index: 2000;
		margin: 265px 0 0 10px;
		text-align: left;
		float: left;
	}

#section {
	height: 200px;
	width: 100%;
	z-index: 1;
}

	#section.about {
		background: transparent url('/images/about-us.jpg') no-repeat center center;
	}
	
	#section.careers {
		background: transparent url('/images/careers.jpg') no-repeat center center;
	}
	
	#section.projects {
		background: transparent url('/images/projects.jpg') no-repeat center center;
	}
	
	#section.golf {
		background: transparent url('/images/golf.jpg') no-repeat center center;
	}

	#section h2 {
		background: transparent url("/images/overlay.png") repeat scroll 0 0;
		color: #fff;
		font-size: 2.6em;
		font-weight: bold;
		text-align: left;
		margin: 60px 0 0 15px;
		padding: 3px 5px;
		float: left;
	}

#content-top {
	clear: both;
	background: url("/images/content-top.png") no-repeat;
	height: 35px;
	margin: -35px -15px 0 -15px;
}

#hp #services {
	background: transparent url("/images/services-bg.png") no-repeat;
	height: 57px;
	margin: -80px -10px 0 -10px;
	position: relative;
	z-index: 1001;
}

	#services {
		background: transparent url("/images/services-bg.png") no-repeat;
		height: 57px;
		margin: -40px -10px 0 -10px;
		position: relative;
		z-index: 1001;
	}
	
	#services h2 {
		color: #fff;
		font-size: 1.4em;
		float: left;
		font-weight: bold;
		margin: 20px 20px 0 25px;
	}

	#services ul {
		margin: 10px 10px 0 0;
		padding: 0;
		list-style-type: none;
		float: right;
		height: 47px;
	}
	
	#services ul li {
		float: left;
		/*margin: 0 20px 0 0;*/
		line-height: 47px;
		padding: 0 10px;
	}
	
	#services ul li:hover.hover {
		background: #990000;
	}
	
	#services ul li.active {
		/*background: url('/images/arrow.png') no-repeat 50% 100%;*/
	}
	
	#services ul li a {
		display: block;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1.0em;
		font-weight: bold;
	}
	
	
	#services ul li li:hover {
		background: none;
	}
	
	#services ul ul { /* second-level lists */
		background: url('/images/submenu.png') no-repeat 50% 100%;
		position: absolute;
		width: 400px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		margin: 0;
		display: block;
		z-index: 2001;
		height: auto;
	}
	
	#services ul ul.fire-protection { /* second-level lists */
		margin: 0 0 0 -11px;
	}
	
	#services ul ul.alarm-detection { /* second-level lists */
		margin: 0 0 0 -255px;
	}
	
	#services ul ul.service-inspection { /* second-level lists */
		margin: 0 0 0 -239px;
	}
	
	#services ul ul a { /* second-level lists */
		text-transform: none;
		display: inline;
	}
	
	#services ul ul div { /* second-level lists */
		clear: both;
		float: left;
		padding: 5px 0;
	}
	
	#services ul ul h5 {
		clear: both;
		float: left;
		background: #666;
		color: #fff;
		font-size: 1.0em;
		width: 380px;
		margin: 0 10px;
		padding: 3px 0;
	}
	
	#services ul ul h5 a {
		color: #fff;
		padding: 0 5px;
	}
	
	#services ul ul ul { /* third-and-above-level lists */
		background: none;
		float: left;
		left: 0;
		width: 200px;
		position: relative;
		margin: 0;
	}

	#services li li {
		width: 400px;
		text-align: left;
		text-transform: none;
        z-index: 2001;
		line-height: 25px;
		margin: 0;
		padding: 0;
	}
	
	#services li li li {
		margin: 0 14px;
	}
	
	#services li li a {
		color: #000;
	}
	
	#services li li a:hover {
		background: #666;
		color: #fff;
	}
	
	#services li:hover ul, #services li li:hover ul, #services li.sfhover ul, #services li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#services li:hover a, #services li li:hover a, #services li.sfhover a, #services li li.sfhover a {
		left: auto;
	}
	
	#services li:hover {
    	visibility: visible;  /* makes IE7 think something changes on hover */
	}

#content {
	background: transparent url("/images/content-bg.png");
	min-height: 300px;
	margin: 0 -15px;
	position: relative;
	width: 990px;
	float: left;
}
	
	#content h3 {
		font-size: 1.2em;
		font-weight: bold;
		margin: 15px 0 15px 15px;
		text-align: left;
	}
	
	#content h4 {
		font-size: 1.0em;
		color: #e31836;
		font-weight: bold;
	}
	
	#content p {
		margin: 0 0 15px 0;
		line-height: 1.6em;
	}
	
	#content ul {
		margin: 0 0 15px 0;
		line-height: 1.6em;
	}
	
	#content li {
		background: url('/images/bullet.png') no-repeat 0 6px;
		padding: 0 0 0 15px;
		color: #000;
	}
	
	#content a {
		color: #000;
		text-decoration: underline;
	}
	
	#content a:hover {
		color: #e31836;
	}
	
	#content .info {
		padding: 10px;
		border: 1px solid #999999;
		background: #eaeaea;
	}
	
	#content .info p {
		margin: 0;
		padding: 0;
	}

#intro {
	float: left;
	margin: 15px;
	width: 600px;
	text-align: left;
}

#news {
	float: right;
	margin: 15px 0 0 0;
	padding: 0 15px 0 14px;
	width: 300px;
	text-align: left;
	border-left: 1px solid #ccc
}

	#news dt{
		clear: both;
		float: left;
		font-weight: bold;
		width: 75px;
		color: #e31836;
		margin: 0 0 1px 0;
	}
	
	#news dd{
		/*float: left;*/
		margin: 0 0 15px 0;
	}
	
	#news dd a{
		color: #000;
		text-decoration: underline;
	}
	
	#news dd a:hover{
		color: #e31836;
	}
	
#page {
	float: left;
	width: 660px;
	margin: 0 15px;
	text-align: left;
}

	#page dt{
		clear: both;
		float: left;
		font-weight: bold;
		width: 75px;
		color: #e31836;
		margin: 0 0 1px 0;
	}
	
	#page dd{
		/*float: left;*/
		margin: 0 0 15px 0;
	}
	
#projects {
	float: left;
	width: 660px;
	margin: 0 15px;
	text-align: left;
}

	#projects .row {
		clear: both;
		border-bottom: 1px solid #ccc;
		float: left;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		width: 100%;
	}
	
	#projects .row img {
		border: 1px solid #ccc;
		padding: 3px;
		float: left;
		margin: 0 10px 0 0;
	}
	
	#projects .row h4 {
		font-size: 1.0em;
		font-weight: bold;
	}
	
	#projects .row p {
		font-size: 0.9em;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#projects .project-desc {
		float: left;
	}
	
	#projects .project-desc h4 {
		font-size: 1.0em;
		font-weight: bold;
	}
	
	#projects .project-desc dl {
		margin: 0;
		padding: 0;
	}
	
	#projects .project-desc dt {
		text-align: left;
		width: 100px;
		margin: 0;
		font-weight: bold;
		float: left;
	}
	
	#projects .project-desc dd {
		margin:0 0 0 100px;
	}
	
	#projects .project-desc ul {
		margin: 0;
	}
	
	#projects .project-desc li {
		background: none;
		margin: 0;
		padding: 0;
	}
	
#projects-overview {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}

	#projects-overview ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#projects-overview ul li {
		border: 1px solid #ccc;
		padding: 4px;
		margin: 0 5px 10px 0;
		float: left;
		background: none;
	}
	
	#projects-overview ul li a {
		display: block;
		font-weight: bold;
	}
	
	#projects-overview ul li p {
		margin: 0;
		padding: 0;
		text-align: center;
	}


#submenu {
	float: right;
	width: 240px;
	padding: 0 15px 15px 14px;
	border-left: 1px solid #ccc;
	text-align: left;
}

	#submenu li {
		background: none;
		padding: 0 0 0 5px;
		margin: 0 0 7px 0;
	}
	
	#submenu h5 {
		padding: 3px 0;
		line-height: 1.8em;
		font-size: 1.0em;
		font-weight: bold;
	}
	
	#submenu h6 {
		font-size: 1.0em;
		border-bottom: 1px solid #000;
	}
	

#feature {
	clear: both;
	float: left;
	border: 1px solid #999;
	background: #eaeaea;
	margin: 0 15px;
	width: 928px;
	min-height: 50px;
	text-align: left;
}

	#feature #feature-img {
		float: left;
		width: 226px;
	}
	
	#feature #feature-img img {
		border: 3px solid #e31836;
		margin: 10px;
	}
	
	#feature #feature-desc {
		float: right;
		width: 700px;
	}
	
	#feature #feature-desc h3 {
		background: #e31836;
		color: #fff;
		padding: 3px 5px;
		margin: 10px 0;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		float: left;
	}
	
	#feature #feature-desc p {
		clear: both;
		float: left;
		width: 700px;
	}
	
#hp#content-bottom {
	clear: both;
	background: url("/images/content-bottom.png") no-repeat;
	height: 35px;
	margin: 0 -15px;
}

#content-bottom {
	clear: both;
	background: url("/images/content-bottom.png") no-repeat;
	height: 35px;
	margin: 0 -15px;
	z-index: 1001;
	position: relative;
}

#footer-top {
	clear: both;
	background: url("/images/content-top.png") no-repeat;
	height: 35px;
	margin: 0 -15px;
}

#footer {
	clear: both;
	background: url("/images/content-bg.png");
	/*min-height: 50px;*/
	margin: 0 -15px;
	z-index: 1001;
	position: relative;
	width: 990px;
	float: left;
}

#footer-bottom {
	clear: both;
	background: url("/images/content-bottom.png") no-repeat;
	height: 35px;
	margin: 0 -15px;
	z-index: 1001;
	position: relative;
}

#mission {
	width: 600px;
	margin: 0 15px;
	float: left;
	text-align: left;
	font-family: "Calibri", Arial
}

	#mission h3 {
		color: #e31836;
		font-size: 1.4em;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	
	#mission p {
		font-size: 2.0em;
		font-weight: bold;
		font-style: italic;
	}
	
	#mission p span {
		display: block;
		margin: 0 5px 1px 0;
		float: left;
	}

#copy {
	background: #666;
	border-top: 5px solid #e31836;
	margin: -50px 0 0 0;
	float: left;
	width: 100%;
	height: 100%;
}

#copy p {
	margin: 40px 10px 20px 10px;
	color: #fff;
	text-align: left;
}

dl#address {
	padding: 0 15px 0 14px;
	float: left;
	border-left: 1px solid #ccc;
	text-align: left;
}

	dl#address dt {
		font-weight: bold;
	}
	
	dl#address a {
		color: #e31836;
	}

#map {
	margin: 15px;
	width: 930px;
	background: url('/images/map.png') no-repeat;
	height: 500px;
}

	#map .omaha {
		background: url('/images/hq.png') no-repeat;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 235px;
		left: 535px;
	}
	
	#map .des-moines {
		background: url('/images/area.png') no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 225px;
		left: 575px;
	}
	
	#map .quad-cities {
		background: url('/images/area.png') no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 235px;
		left: 610px;
	}
	
	#map .las-vegas {
		background: url('/images/area.png') no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 320px;
		left: 255px;
	}
	
	#map .denver {
		background: url('/images/area.png') no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 285px;
		left: 405px;
	}
	
	#map .arlington {
		background: url('/images/area.png') no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 255px;
		left: 820px;
	}
	
	#map .warehouse-1 {
		background: url('/images/warehouse.png') no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 210px;
		left: 530px;
	}
	
	#map .warehouse-2 {
		background: url('/images/warehouse.png') no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 245px;
		left: 510px;
	}
	
	#map .warehouse-3 {
		background: url('/images/warehouse.png') no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 245px;
		left: 480px;
	}
	
	#map .warehouse-4 {
		background: url('/images/warehouse.png') no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 270px;
		left: 555px;
	}
	
	#map .location a {
		width: 20px;
		height: 20px;
		text-indent: -2000em;
		display: block;
	}

#legend {
	position: absolute;
	left: 30px;
	top: 45px;
	border: 1px solid #999;
	width: 200px;
	background: #dadada;
}

	#legend form {
		text-align: left;
		padding: 10px;
	}
	
	#legend p {
		margin: 0;
		padding: 0;
	}
	
	#legend label {
		font-size: 0.8em;
		width: 150px;
		margin: 0 10px 0 0;
		float: left;
	}
	
	#legend input {
		float: left;
		margin: 0;
		padding: 0;
	}
	

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:10px solid #fff; padding:10px;}
#simplemodal-container a.modalCloseImg {
	background:url('/images/x.png') no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}