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

html {margin:0px;padding:0px;}
body {margin:0px;padding:0px;color:#ffffff;font-family:geneva, ariel, sans-serif;background: url(images/background.jpg) top center no-repeat #000000;}

a, a:visited{
 color: white;
 font-weight:bold;
 text-decoration: none;
}

a:hover{
 text-decoration: underline;
}

hr { border: 2px dotted #fbee29; border-style: none none dotted; padding-top: 10px; width: 70%}

h1 {font-family:times, serif;font-weight:strong;font-size:25pt;line-height:.8em;margin: 18px 0 5px 0px;padding-left:15px;}
h2 {font-family:geneva, ariel, sans-serif;font-weight:normal;color:#fbee29;font-size:16pt;margin-bottom:4px;}
p {margin:0px;padding:0px;}

img {border: 2px solid #ffffff;margin:0px;padding:0px;}

/* ----- container divs ----- */

#container {
 width: 645px;
 margin:0 auto;
 padding: 0px;
 border-right: 2px solid #ffffff;
 border-left: 2px solid #ffffff;
 border-bottom: 2px solid #ffffff;
 line-height: 14pt; 
 font-size: 10pt;
 background-image: url(images/content_bkg.jpg);
}

#sub_nav {
 height:168px;
 background-image:url(images/nav_bkg.jpg);
}
/* #branding {
 //height: 145px;
 border-bottom: 2px solid #ffffff;
 background-image: url(images/branding.jpg);
 display:none;
} */

#main_nav {
 height:32px;
 background-image: url(images/main_nav_bkg.jpg);
 border-bottom: 2px solid #ffffff;
}

#content {
 background: url(images/watermark.jpg) right top no-repeat;
 min-height: 400px;
// margin-bottom: 40px;
 z-index: 5;
 position: relative;
}

.spacer{clear:both;height:35px;}

#image_bar {
 height: 80px;
 border-top: 2px solid #ffffff;
 border-bottom: 2px solid #ffffff;
 clear: both;
 margin-top: 15px;
 z-index: 10;
 background: url(images/image_bar.jpg) right no-repeat;
 overflow: visible;
 position:relative;
 top:-15px;
}

#footer {
// height: 25px;
 text-align: center;
 font-size: 8pt;
// z-index: 6;
}

/* ----- Main Navigation ----- */

#mainnav {
position:relative;
top:-13px;
height:28px; 
width:638px;
float: left;
 }
 
#noFlashNav {font-size: 10px;letter-spacing: 4px;text-align: center;list-style: none;margin: 0px;padding: 0px;text-transform: uppercase;position: relative;left: 8px;}
#noFlashNav li {display: block;float: left;padding-right: 8px;padding-left: 8px;margin-right: 4px;margin-left: 4px;list-style-type: none;text-align: center;}
#noFlashNav a {text-decoration:none;color:#ffffff;}
#noFlashNav a:hover {text-decoration:none;color: #C4B957; }


#mainnav li {display:block; height:31px; position:relative; float: left;overflow:hidden} 
 
#mainnav li a {display:block; height:31px;text-indent:-9999px; position:relative; float: left; background:no-repeat;}
  
li#profile { background:url(images/profile_off.png) no-repeat 0px top; width:89px; height:31px;}
li#services  { background:url(images/services_off.png) no-repeat 0px top; width:95px; height:31px;}
li#safety { background:url(images/safety_off.png) no-repeat 0px top; width:77px; height:31px;}
li#contact { background:url(images/contact_off.png) no-repeat 0px top; width:103px; height:31px;}
li#home {background:url(images/home_off.png) no-repeat 0px top; width:69px; height:31px;}  
  
li#profile a {dispaly:block; width:89px; height:31px;}
li#services a  {dispaly:block; width:95px; height:31px;}
li#safety a { dispaly:block; width:77px; height:31px;}
li#contact a {dispaly:block; width:103px; height:31px;}
li#home a {dispaly:block; width:69px; height:31px;}

li#main_divider {background:url(images/main_divider.gif) no-repeat 0px top; width:32px; height:31px;}
 
 
li#profile a:hover { background:url(images/profile_on.png) no-repeat 0px top; width:89px; height:31px;}
li#services a:hover  { background:url(images/services_on.png) no-repeat 0px top; width:95px; height:31px;}
li#safety a:hover { background:url(images/safety_on.png) no-repeat 0px top; width:77px; height:31px;}
li#contact a:hover  { background: url(images/contact_on.png) no-repeat 0px top; width:103px; height:31px;}
li#home a:hover {background:url(images/home_on.png) no-repeat 0px top; width:69px; height:31px;}

/* ----- Sub Navigation (top) ----- */

#subnav {
position:relative;
top:0px; left:-5px;
height:23px;
margin:0 auto;
}

#subnav li { display:block; height:23px; position:relative;float: left;} 
 
#subnav li a { display:block; height:23px;text-indent:-9999px; position:relative; float: left;background:no-repeat;}  

li#employment a {background:url(images/employment_off.png) no-repeat  0px top; width:102px; height:23px}
li#gallery a {background:url(images/gallery_off.png) no-repeat 0px top; width:123px; height:23px}
li#history a {background:url(images/history_off.png) no-repeat 0px top; width:128px; height:23px}
li#twentyfour a {background:url(images/24hour_off.png) no-repeat 0px top; width:146px; height:23px}
 
li#employment a:hover {background:url(images/employment_on.png) no-repeat  0px top; width:102px; height:23px;}
li#gallery a:hover  {background:url(images/gallery_on.png)  no-repeat 0px top; width:123px; height:23px}
li#history a:hover {background:url(images/history_on.png)  no-repeat 0px top; width:128px; height:23px}
li#twentyfour a:hover {background:url(images/24hour_on.png)  no-repeat 0px top; width:146px; height:23px}

li#sub_divider {background:url(images/sub_divider.png) no-repeat 0px top; width:29px; height:23px;}
li#sub_divider2 {background:url(images/sub_divider.png) no-repeat 0px top; width:29px; height:23px;}
li#sub_divider3 {background:url(images/sub_divider.png) no-repeat 0px top; width:29px; height:23px;}

/* ----- Links (bottom) ----- */

/* 475px - minus one logo */
#links {position:relative;top:0px;height:69px;width:531px;text-align:center;margin:0px auto; padding:0px;} 
#links li {display:block; height:31px; position:relative; float: left;}  
#links li a {display:block; height:31px;text-indent:-9999px; position:relative; background:no-repeat;}
  
li#dss a { background:url(images/delta.jpg) no-repeat 0px top; width:83px; height:69px;}
li#oqsg a  { background:url(images/oqsg.jpg) no-repeat 0px top; width:105px; height:69px;}
li#uscg a { background:url(images/uscg.jpg) no-repeat 0px top; width:79px; height:69px;}
li#osha a { background:url(images/osha.jpg) no-repeat 0px top; width:106px; height:69px;}
li#isn a {background:url(images/isn.jpg) no-repeat 0px top; width:73px; height:69px;}
li#adci a {background:url(images/adci.jpg) no-repeat 0px top; width:84px; height:69px;}

/* ----- Content ----- */

//#watermark {
 background-image: url(images/watermark.jpg);
 z-index:2;
 position: absolute;
 height:620px;
 width: 413px;
 left: 232px;
 top: 0px;
}

.right {width:410px;float: right;margin-right: 20px;z-index:5;}
.left {width:410px;float: left;margin-left: 20px;z-index:5;}
.image_left {float:left;position:relative;right:50px;z-index:5;margin-right:-20px;}
.image_right {float:right;position:relative;left:50px;z-index:5;margin-left:-20px;}

#hack {position:relative;top:0px;right: 0px;z-index: 5;min-height: 400px;}

#twentyfour_image {position:relative;top: -15px;left: -30px;}

#main_content {padding: 20px;}

/* ----- Contact Info -----*/
.type {color:#fbee29;font-size:1.2em;}
.info {font-size:1.2em;}

.contact_left {width:45%;float:left;margin-left:20px;}
.contact_right {width:45%;float:right;margin-right:20px;}