/*---------------*/
/* Reset Default */
body {
	margin:0;
	padding:0;
	font: 11px Verdana, Geneva, sans-serif;
	color:#00265d;
	background:#00275e url('images/page-bg.png') repeat-x;
	line-height:16px;
}
h1,h2,h3,h4,p,ul{
	margin:0;
	padding:0;
}
/*---------------*/

#shadows {
	width:968px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	position:relative;
}

#shadowLeft {
	width:9px;
	height:336px;
	position:absolute;
	left:0px;
	background: url('images/left-shadow.png') no-repeat;
}

#shadowRight {
	width:9px;
	height:336px;
	position:absolute;
	right:0px;
	background: url('images/right-shadow.png') no-repeat;
}

#container {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	background-color:#0177bf;
	padding-bottom:5px;
}

#headerTop {
	width:950px;
	height:320px;
	background:#ffffff url('images/header-bg.png');
	position:relative;
}

#headerTop #logo {
	float:left;
	margin-top:30px;
	margin-left:32px;
	width:306px;
	height:96px;
	background:url('images/ess-logo.png') no-repeat;
}

#headerTop #logo a {
	width:306px;
	height:96px;
	display:block;
}

#headerTop #headerLinks {
	position:absolute;
	top:62px;
	right:32px;
}

/*------------------------*/
/*Header Links Navigation*/
#headerTop #headerLinks li {
	display:inline;
	list-style:none;
	margin-right:10px;
}

#headerTop #headerLinks a:link,
#headerTop #headerLinks a:visited {
	width:auto;
	padding:10px 5px 12px 5px;
	text-decoration:none;
	color:#d48a11;
	font-weight:bold;
}
#headerTop #headerLinks a:hover {
	color:#9e3300;
}
/*---------------*/

#headerTop #mainNav {
	clear:both;
	float:left;
	margin-top:20px;
	margin-left:24px;
	width:264px;
	height:147px;
}

/*---------------*/
/*Main Navigation*/
#headerTop #mainNav ul{list-style:none;}

#headerTop #mainNav a {height:30px; width:264px; display:block; }
#mainNav .home {background:url('images/homenav.png') no-repeat;}
#mainNav .about {background:url('images/aboutnav.png') no-repeat;}
#mainNav .solutions {background:url('images/solutionsnav.png') no-repeat;}
#mainNav .services {background:url('images/servicesnav.png') no-repeat;}
#mainNav .markets {background:url('images/marketsnav.png') no-repeat;}
#mainNav .contact {background:url('images/contactnav.png') no-repeat;}

#mainNav .home:hover {background:url('images/homenav-selected.png') no-repeat;}
#mainNav .about:hover {background:url('images/aboutnav-selected.png') no-repeat;}
#mainNav .solutions:hover  {background:url('images/solutionsnav-selected.png') no-repeat;}
#mainNav .services:hover  {background:url('images/servicesnav-selected.png') no-repeat;}
#mainNav .markets:hover  {background:url('images/marketsnav-selected.png') no-repeat;}
#mainNav .contact:hover  {background:url('images/contactnav-selected.png') no-repeat;}

#home #mainNav .home {background:url('images/homenav-selected.png') no-repeat;}

#about #mainNav .about {background:url('images/aboutnav-selected.png') no-repeat;}
#locations #mainNav .about {background:url('images/aboutnav-selected.png') no-repeat;}
#associations #mainNav .about {background:url('images/aboutnav-selected.png') no-repeat;}
#employment #mainNav .about {background:url('images/aboutnav-selected.png') no-repeat;}
#news #mainNav .about {background:url('images/aboutnav-selected.png') no-repeat;}

#solutions #mainNav .solutions {background:url('images/solutionsnav-selected.png') no-repeat;}
#accesscontrol #mainNav .solutions {background:url('images/solutionsnav-selected.png') no-repeat;}
#videosurveillance #mainNav .solutions {background:url('images/solutionsnav-selected.png') no-repeat;}
#alarmsystems #mainNav .solutions {background:url('images/solutionsnav-selected.png') no-repeat;}
#communications #mainNav .solutions {background:url('images/solutionsnav-selected.png') no-repeat;}
#residential  #mainNav .solutions {background:url('images/solutionsnav-selected.png') no-repeat;}

#services #mainNav .services {background:url('images/servicesnav-selected.png') no-repeat;}
#markets #mainNav .markets {background:url('images/marketsnav-selected.png') no-repeat;}
#contact #mainNav .contact {background:url('images/contactnav-selected.png') no-repeat;}

a span {display:none;}
a img {border:0px;}

/*---------------*/

/*--------------*/
/* Page Headers */
#headerTop #headerPic {
	float:left;
	width:533px;
	height:146px;
	margin-left:65px;	
	margin-top:21px;
}

#headerPic {background:url('images/header-about.jpg') no-repeat;}
#services #headerPic {background:url('images/header-services.jpg') no-repeat;}
#accesscontrol #headerPic {background:url('images/header-accesscontrol.jpg') no-repeat !important;}
#videosurveillance #headerPic {background:url('images/header-videosurveillance.jpg') no-repeat !important;}
#alarmsystems #headerPic {background:url('images/header-alarmsystems.jpg') no-repeat !important;}
#communications #headerPic {background:url('images/header-communications.jpg') no-repeat !important;}
#residential #headerPic {background:url('images/header-residential.jpg') no-repeat !important;}
/*--------------*/

#colLeft {
	float:left;
	width:288px;
	height:377px;
	background:#00275e url('images/colleft-bg.png') no-repeat;
}

#colLeftNav {
	margin-left:22px;
}

/*---------------*/
/*Left Navigation*/
#colLeft #colLeftNav ul{list-style:none;}
#colLeft #colLeftNav li{margin-top:10px;}

#colLeftNav a:link,
#colLeftNav a:visited {
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	padding:5px 5px 5px 5px;
}
#about .about, #locations .about,
#associations .about, #employment .about,
#news .about, 
#solutions .solutions, #accesscontrol .solutions,
#videosurveillance .solutions, #alarmsystems .solutions,
#communications .solutions, #residential .solutions {text-transform:uppercase;}

#about #colLeftNav .about {color:#eec626;}
#locations #colLeftNav .locations {color:#eec626;}
#associations #colLeftNav .associations {color:#eec626;}
#employment #colLeftNav .employment {color:#eec626;}
#news #colLeftNav .news {color:#eec626;}

#solutions #colLeftNav .solutions {color:#eec626;}
#accesscontrol #colLeftNav .accesscontrol {color:#eec626;}
#videosurveillance #colLeftNav .videosurveillance {color:#eec626;}
#alarmsystems #colLeftNav .alarmsystems {color:#eec626;}
#communications #colLeftNav .communications {color:#eec626;}
#residential #colLeftNav .residential {color:#eec626;}

#colLeftNav .innerLeftNav {margin-left:20px;}
/*---------------*/

#colLeft img {margin-top:2px;}

#colCenter {
	float:left;
	width:662px;
	min-height:376px;
	background:#ffffff url('images/colcenter-bg.png') repeat-x;
	position:relative;
}

#colContent {
	margin:15px 20px 5px 20px;
	text-align:justify;
}

#colCenter h1 {
	font-size: 14px;
	color:#0076bc;
}

#colCenter h2 {
	font-size: 12px;
	color:#0078bf;
}

#colCenter .jobHeader {
	margin-bottom:-5px;
}

#colCenter .subText {
	font-size: 8px;
	color:#0078bf;
}

#colCenter p {margin-top:10px;}

#colCenter .topP {margin-top:0px;}

#colContent {
	padding-bottom:30px;
}

#colContent ul {
	list-style:none;
	line-height:20px;
}

#colContent ul li {
	padding-left:10px;
	text-indent:-9px;
}

#colContent .ulMargin{
	margin-top:12px;
	margin-left:40px;
}

#colContent ul a{
	text-decoration:none !important;
}

#colContent a:link,
#colContent a:visited {
	color:#0078bf;
}

#colContent table td {
	padding-top:20px;
}

#colContent .contentImg {
	float:right;
	margin: 12px 25px 0 25px;
}

#colCenter #colFooter {
	width:662px;
	height:31px;
	background:url('images/colcenter-footer.png') no-repeat;
	position:absolute;
	bottom:0px;
}

#colRight {
	float:left;
	width:22px;
	height:377px;
	background:#00275e url('images/colright-bg.png') no-repeat;
}

#footer {
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	width:950px;
	text-align:center;
	text-transform: uppercase;
	font-size:8px;
	letter-spacing:2px;
}

/*-----------------*/
/*Footer Navigation*/
#footerNav li {
	display:inline;
	list-style:none;
	margin-right:15px;
}

#footerNav a:link,
#footerNav a:visited {
	width:auto;
	padding:10px 5px 12px 5px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}
/*---------------*/

#logobee {
	float:right;
	margin-top:20px;
	margin-right:5px;
}

#logobee a {
	color:#013571;
	font-size:8px;
	text-decoration:none;
}