<!--
/* 
 
(c) 2011 Spike Likes, LLC

*/

html {
	}
		/* NAVIGATION ROLL OVERS	*/
			
#nav ul {margin:0; padding:0;}
#nav {
	list-style: none;
	display: block;
	position:relative;
	width:930px; margin:10px 0px 0px 0px;
}

#nav ul {margin:0; padding:0;}
#nav a {display: block; height:34px; position:relative;}
#nav li {display: inline; height:34px; margin: 0px; position:relative; float:left; }

	
#nav a:hover {
		background-position: 0 -34px;
}


#services a {background: url(../gifs/nav_services.gif); width: 97px;}
#equipment a {background: url(../gifs/nav_equipment.gif); width: 188px;}
#about a {background: url(../gifs/nav_about.gif);width:94px;}
#news a {background: url(../gifs/nav_news.gif); width: 119px;}
#resources a {background: url(../gifs/nav_resources.gif); width: 106px;}
#contact  a {background: url(../gifs/nav_contact.gif);width: 113px;}
#response  a {background: url(../gifs/nav_response.gif);width: 212px;}

#nav li:hover ul, #nav li.over ul {display: block; } /* The magic */


/* SUB MENUS */

#subservices li a {width:185px;}
#aboutus li a {width:130px;}

#nav li ul  {
	position: absolute;
	left: -999em;
	top: 34px;
	padding: 0;
	margin:0;
	width:120px; z-index:1;}
	
#nav li  ul li  {
	margin:0;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	line-height: 11px;
	text-decoration: none;
	height:auto;
	background-color:#ffffff;
}

#nav li:hover, #nav li.sfhover {text-decoration: none;}

#nav li ul  a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color:#0055a5;
	border:1px solid #96c0e6;
}


#nav li ul li a {
	text-decoration: none;
	color: #455560;
	background-color:#ffcc00;
	background:  url(../gifs/brck_chemical_spill.gif) no-repeat 100%;
	padding:8px 0px 2px 5px;
	border:1px solid #b0b6bb;
	height:15px;
}


#nav li ul a.double {height:25px;}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: 0;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}


/* ^^ PAGE CONTROLLERS ^^ */

.page-services #nav a.nv1a, .page-equipment #nav a.nv2a, .page-about #nav a.nv3a, .page-news #nav a.nv4a, .page-resources #nav a.nv5a, .page-contact #nav a.nv6a {background-position:0 -34px;}


/* ^^ SUBNAV CONTROLLERS ^^ */
.srv-wm #nav a.nv1c, .srv-trans #nav a.nv1d, .srv24 #nav a.nv1b, .srv-tech #nav a.nv1e, .srv-marine #nav a.nv1h, .srv-ind #nav a.nv1g, .srvrm #nav a.nv1j, .abtrate #nav a.nv3e, .abtemp #nav a.nv3d, .abttop #nav a.nv3c, .abtlic #nav a.nv3f, .abtsoq #nav a.nv3e, .abtcar #nav a.nv3k , .abttm #nav a.nv3b, .srv-rescue #nav a.nvrescue, .srv-trauma #nav a.nvtrauma, .srv-technical #nav a.nvtechnical {color: #ffffff; background-color:#0055a5; border:1px solid #96c0e6; }


 /* UTILITIES */

.wrapper {width:960px; margin-left:auto; margin-right:auto;}
.utility_box {float:right; width:344px; height:19px; background:  url(../gifs/bckgrnd_utility.gif) no-repeat;}
#utility {
	height:24px;
	width:auto;
	font-family: arial, sans-serif;
	font-size: 10px; font-weight:bold; color: #0054a4; text-align:center;
	background-color:#000000; border-top:#455560 2px solid;
	padding: 5px 0px 0px 0px;

}
#utility a:link, #utility a:visited { color:#FFFFFF; padding:0px 10px 0px 10px; text-decoration:none;}
#utility a:hover  {color: #ffd203;}
#utility .on {padding:0px 10px 0px 10px; color: #ffd203;}
#utility .sp {padding:0px 10px 0px 2px; color: #ffffff; letter-spacing: 1px}

 /* FOOTER NAVIGATION */
 
#footer {
	height:26px;
	width:auto;
	margin-top: 5px;
	font-family: arial, sans-serif;
	font-size: 10px; font-weight:bold; color: #0054a4; text-align:center;
	background-color:#000000; border-top:#455560 3px solid;
	padding: 7px 0px 0px 0px;
}
#footer a:link, #footer a:visited { color:#FFFFFF; padding:0px 10px 0px 10px; text-decoration:none;}
#footer a:hover  {color: #ffd203;}
#footer .on {padding:0px 10px 0px 10px; color: #ffd203;}
#footer a.selected {color: #ffd203;}

#copyright {padding:20px 0px 0px 0px; font-size: 10px; color:#c8c9cb; text-align:center; height:90px; width:auto;
background:  url(../gifs/bckgrnd_ds_copyright.gif) repeat-x;}
-->