* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;

}


.wrapper { 
 margin: 0 auto;
 width: 900px;
}

.wrap { 
 margin: 0 auto;
 width: 900px;
}

#headerbg{
width:100%;
height: 189px;
background-image: url(../images/headerbg.gif);
background-position:top;
background-repeat: repeat-x;
}

#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: 189px;
 margin: 0px 0px 0px 0px;
background-image: url(../images/header.gif);
background-position:top;
}



#menubg{
width:100%;
height: 60px;
background-image: url(../images/menubg.gif);
background-position:top;
background-repeat: repeat-x;
}

#menu {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: 59px;
 margin: 0px 0px 0px 0px;
}


#flashbg{
width:100%;
height: 217px;
background-image: url(../images/flashbg.gif);
background-position:top;
background-repeat: repeat-x;
 margin: -1px 0px 0px 0px;
}

#flash {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: 217px;
 margin: 0px 0px 0px 0px;
}


#subbannerbg{
width:100%;
height: 100px;
background-image: url(../images/subbannerbg.gif);
background-position:top;
background-repeat: repeat-x;
 margin: -1px 0px 0px 0px;
}

#subbanner {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: 100px;
 margin: 0px 0px 0px 0px;
}

#mainbg{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 100%;
 float: left;
 background: #bcf4fd url(../images/mainbg.gif);
 background-position:top;
 background-repeat: repeat-x;
}

#main {
background: #ffffff url(../images/leftrightbg.gif);
 background-position:top;
 background-repeat: repeat-y;
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: auto;
 margin: 0px 0px 0px 0px;
}

#main #left{
background: #ffffff url(../images/mainleftbg.gif);
 background-position:top;
 background-repeat: repeat-y;
 color: #333;
 width: 600px;
 float: left;
 padding: 0px;
 height: auto;
 margin: 0px 0px 0px 0px;
}



#main #left #content{

 color: #333;
 width: 580px;
 float: left;
 padding: 10px 10px 10px 10px;
 height: auto;
 margin: 0px 0px 0px 0px;
}




#main #right{
background-color: #eeeeee;
 color: #333;
 width: 300px;
 float: left;
 padding: 0px;
 height: auto;
 margin: 0px 0px 0px 0px;
}



#video {

 width: 300px;
 
 padding: 0px;
 height: 300px;
 margin: 0px 0px 0px 0px;
}


#contactbox {
background:url(../images/contactbg.gif);
 background-position:top;
 width: 300px;
 padding: 0px;
 height: 372px;
 margin: 0px 0px 0px 0px;
}




#contactbox #inside{

 width: 200px;
 padding: 0px;
 height: 200px;
 padding: 60px 0px 0px 20px;
}


#contactbox #inside #form{

 width: 200px;
 padding: 0px;
 height: 200px;
 padding: 0px 0px 0px 0px;
}



#footerbg{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 100%;
 float: left;
 background: #c31e03 url(../images/footerbg.gif);
 background-position:top;
 background-repeat: repeat-x;
}

#footer {
text-align:center;
 color: #ffffff;
 width: 900px;
 float: left;
 padding: 0px 0px 20px 0px;
 height: auto;
 margin: 0px 0px 0px 0px;
}







/* menu rollover */

a#home {
width:102px;
height:59px;
background-image:url(../images/home.gif);
display:block;
text-decoration:none;
float:left;
}

a#home:hover {
background-position:102px 0;
}

a#company {
width:133px;
height:59px;
background-image:url(../images/company.gif);
display:block;
text-decoration:none;
float:left;
}

a#company:hover {
background-position:133px 0;
}



a#services {
width:135px;
height:59px;
background-image:url(../images/services.gif);
display:block;
text-decoration:none;
float:left;
}

a#services:hover {
background-position:135px 0;
}


a#products {
width:143px;
height:59px;
background-image:url(../images/products.gif);
display:block;
text-decoration:none;
float:left;
}

a#products:hover {
background-position:143px 0;
}



a#projects {
width:143px;
height:59px;
background-image:url(../images/projects.gif);
display:block;
text-decoration:none;
float:left;
}

a#projects:hover {
background-position:143px 0;
}


a#safety {
width:113px;
height:59px;
background-image:url(../images/safety.gif);
display:block;
text-decoration:none;
float:left;
}

a#safety:hover {
background-position:113px 0;
}

a#contact {
width:131px;
height:59px;
background-image:url(../images/contact.gif);
display:block;
text-decoration:none;
float:left;
}

a#contact:hover {
background-position:131px 0;
}



/* footer */

#content p{
font-family: verdana;
font-size: 12px;
color: #000000;
margin:10px 0px 0px 0px;
padding: 0px 5px 0px 5px;
line-height: 15pt;
}

#content a{ 
text-decoration: underline;
font-family: verdana;
font-size: 12px;
color: #820b10;
margin:0px 0px 0px 0px;
 }
 
#content a:hover{ 
text-decoration: none;
font-family: verdana;
font-size: 12px;
color: #000000;
margin:0px 0px 0px 0px;
 }


#footer p{
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}

#footer a{ 
text-decoration: underline;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
#footer a:hover{ 
text-decoration: none;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
 
 /* list and img border */
 
 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 


ul.list1 { 
list-style-type:none;
}


li.list1   {
padding-left:20px;
background:transparent url(../images/bullet.gif) no-repeat;
background-position:8px 2px;
}


/* headers */

h1  {
margin:0px 0px 5px 0px;
text-align:left;
position:relative;
color:#820b10;
font-family: arial;
font-size: 1.9em;
}

h2  {
margin:10px 0px 3px 0px;
text-align:left;
position:relative;
color:#820b10;
font-family: arial;
font-size: 1.4em;
}

h3  {
margin:10px 0px 3px 0px;
text-align:left;
position:relative;
color:#820b10;
font-family: arial;
font-size: 1.1em;
}


/* img floats */


img.floatright { 
    float: right; 
    margin: 10px 20px 10px 15px; 
}

img.floatleft { 
    float: left; 
    margin: 10px 15px 10px 10px; 
}