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

* {
padding: 0px;
margin: 0px;
}
.clear {
clear:both;
}
body {
background:url(images/bg.jpg) top left repeat-x #d0000e;
margin: 0;
padding: 0;
behavior:url('js/csshover.htc');
}
#wrapper {
margin-left:auto; 
margin-right:auto;
width:800px;
}
#bg {
margin-left: auto;
margin-right: auto;
}
#wrapper {
width: 800px;
}
h1, h2, p {
padding-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/****** HEADER ******/
#header {
float:left; display:inline;
}
#logo {
float:left; display:inline;
background:url(images/logo.jpg) no-repeat;
width: 142px;
height: 127px;
}
#header-top {
float:left; display:inline;
background:url(images/header.jpg) no-repeat;
width: 658px;
height: 70px;
}
#header-top p {
color:#fff;
font-size:11px;
}

/****** MENU ******/
#menu {
float:left; display:inline; 
height:57px;
width: 635px;
}
#menu ul {
list-style: none;
float:left; display:inline;
width: 635px;
margin:0px;
padding:0px;
height: 57px;

}
#menu ul li {
height: 57px;
float:left; display:inline;
}
#menu ul li ul
{
display: none;
float: none;
position: relative;
z-index: 500;
clear: both;
}
#menu ul li ul li
{
height: 25px;
}
#menu ul li ul li a
{
background: url(images/menu-drop.jpg);
color: black;
float:left;display:inline;
height: 25px;
text-align: center;
}
#menu ul li ul li a:hover
{
background: url(images/menu-drop.jpg);
}
#menu ul li ul li a span
{
color: black;
display: inline;
visibility: visible;
}
#menu ul li:hover ul
{
display: block;
}
#menu ul li a {
background-image:url(images/menu.jpg);
height: 57px;
float:left; display: inline;
text-decoration:none;
}
#menu ul li a span {
visibility:hidden;
}
#menu ul li.home a, #menu ul li.home ul {
width: 131px;
background-position: 0px 0px;
}
#menu ul li.about a, #menu ul li.about ul {
width: 125px;
background-position: -131px 0px;
}
#menu ul li.services a, #menu ul li.services ul {
width: 127px;
background-position: -256px 0px;
}
#menu ul li.gallery a, #menu ul li.gallery ul {
width: 127px;
background-position: -383px 0px;
}
#menu ul li.contact a, #menu ul li.contact ul {
width: 125px;
background-position: -510px 0px;
}
#menu li a:hover {
background-image:url(images/menu-hover.jpg);
}
#menu li a.active {
background:url(images/menu-active.jpg);
}

#menu-end {
float:left; display:inline;
background:url(images/menu-rt.jpg) no-repeat;
width: 23px;
height:57px;
}
#glow {
line-height: 0px;
font-size: 1px;
float:left; display:inline;
background:url(images/glow.jpg)top left no-repeat;
width: 800px;
height: 28px;
}

/****** RIGHT - HOME PAGE ******/
.bc {
background:url(images/blasting-coating.jpg);
width:283px;
height:115px;
margin-left: 8px;
}
.bc a {
display: block;
width:283px;
height:115px;
text-decoration:none;
}
.bc span {
visibility: hidden;
}
.af {
background:url(images/fabrication.jpg);
width:283px;
height:115px;
margin-left: 8px;
}
.af a {
display: block;
width:283px;
height:115px;
text-decoration:none;
 }
.af span {
visibility: hidden;
}
.or {
background:url(images/oilfield-rentals.jpg);
width:283px;
height:115px;
margin-left: 8px;
}
.or a {
display: block;
width:283px;
height:115px;
text-decoration:none;
 }
.or span {
visibility: hidden;
}

.am {
background:url(images/abl-maintenance.jpg);
width:283px;
height:115px;
margin-left: 8px;
}
.am a {
display: block;
width:283px;
height:115px;
text-decoration:none;
}
.am span {
visibility: hidden;
 }

/****** CONTENT ******/
#content {
float:left; display:inline;
}
#content h1 {
font-size: 19px;
}
#content p {
font-size:13px;
}

#content-top {
font-size: 1px; line-height: 1px;

float: left; display:inline;
background:url(images/content-top.jpg) no-repeat;
width: 800px;
height: 5px;
}
#content-home-top {
font-size: 1px; line-height: 1px;
float: left; display:inline;
background:url(images/content-home-top.jpg) top left no-repeat;
width: 800px;
height: 5px;
}

#content-mid {
float: left; display:inline;
background:url(images/content-mid.jpg) repeat-y;
width: 800px;
}
#content-home-mid {
float: left; display:inline;
background:url(images/content-home-mid.jpg) repeat-y;
width: 800px;
}

#content-bot {
float: left; display:inline;
background:url(images/content-bot.jpg) no-repeat;
width: 800px;
height: 6px;
}
#content-home-bot {
float: left; display:inline;
background:url(images/content-home-bot.jpg) no-repeat;
width: 800px;
height: 6px;
}

#content-sub {
float: left; display:inline;
width: 710px;
padding: 10px 10px 10px 40px;
}
#content-sub h1 {
font-size:14px;
}
#content-sub a {
color:#330000;
}
#content-sub ul {
padding-left:20px;
}
#content-sub li, span {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#home-left {
float: left; display:inline;
width: 410px;
padding: 10px 10px 10px 40px;
}
#home-right {
float: left; display:inline;
width: 314px;
padding: 10px 0px 10px 26px;
}
#home-right ul {
padding-top: 10px;
margin-left: 15px;
}
#home-right li {
padding-bottom: 60px;
}
#home-right a {
text-decoration:none;
color:#000;
font-size: 14px;
}

.employeelist {
width: 710px;
}
.employeelist span {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px;
}
.employeelist a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px;
}
.line {
background:url(images/dash.jpg) no-repeat;
width: 670px;
height:5px;
margin:2px 0 2px 0;
}
.emp-left {
float: left; display:inline;
width: 355px;
text-align: center;
}
.emp-right {
float: left; display:inline;
width: 355px;
text-align: center;
}
.left {
float:left; display:inline;
width:350px;
}
.gallery {
float:left; display:inline;
width:110px;
height:110px;
}
.services-btn img {
padding: 5px;
}

/****** FOOTER ******/
#footer {
float:left; display:inline;
background:url(images/footer.jpg) #000;

width: 800px;
height: 80px;
}
#footer p, a {
/*padding-bottom: 30px;*/
font-size:10px;
text-decoration:none;
color:#fff;
}
#footer-left {
float:left; display:inline;
width: 400px;
}
#footer-right {
padding-top: 5px;
float:left; display:inline;
width: 400px;
}