html,body {}
html {height:100%;}
html, body {font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;height: 100%; }


.mainbody {width:100%; color:#333; text-align:center; margin:0; padding:0; display:table; }
.bdywrpr {width:974px; text-align:left;z-index:1;min-height: 100%;
height: auto !important;
height: 100%;
   min-height:100%;
   position:relative;
margin: 0 auto -70px;
}
.hdrwrpr {width:950px; height:108px; position:relative; z-index:100;background: url(../images/header_bg.gif) repeat-x top left;margin-left:10px;}

#logo{width:217px;height:93px;float:left;background:#cdcdcd url(../images/logo.gif) no-repeat top center;}

#phone {width:212px; height:54px; float:right; margin-top:8px;}

ul#topnav {height:33px; margin:0; padding:0; top:67px; left:255px; position:absolute;}
ul#topnav li {float:left; list-style-type:none; background-image:url(../images/nav_sprite2.jpg);}
ul#topnav li a {display:block; text-decoration:none;}
ul#topnav li a:link {text-decoration:none;}
ul#topnav li a:visited {text-decoration:none;}
ul#topnav li a:hover {text-decoration:none;}
ul#topnav li a:active {text-decoration:none;}

ul#topnav .menu {top:33px; position:absolute; background:url(../images/nav_sprite_bg.png) repeat-x bottom left; padding:4px 0 12px 10px;}

ul#topnav .menu ul.sub_nav {float:left;}
ul#topnav .menu ul.sub_nav {margin:5px 10px 0 0; padding:0; width:130px;}
ul#topnav .menu ul.sub_nav li {float:none; background-image:none;}
ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited {font-size:12px; font-weight:normal; line-height:1.3em; color:#fff; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent; font-family:arial;}
ul#topnav .menu ul.sub_nav li a:hover {color:#fff; text-decoration: none; background-color:#740f0c;}
ul#topnav .menu ul.sub_nav li a:active {color:#fff; text-decoration: none; background-color:transparent;}

ul#topnav li .menu {display:none;}
ul#topnav li:hover .menu {display:block;}
ul#topnav li.over .menu {display:block; width:200px; height:1%;}
ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}

li.nav_home {background-position:0px 0;}
li.nav_home:hover, li.nav_home_over {background-position:0px -33px;}
li.nav_home a.nav_item, li.nav_home_over a.nav_item {width:80px; height:33px;}

li.nav_about {background-position:-80px 0;}
li.nav_about:hover, li.nav_about_over {background-position:-80px -33px;}
li.nav_about a.nav_item, li.nav_about_over a.nav_item {width:87px; height:33px;}
li.nav_about .menu {left:80px; min-width:138px}

li.nav_services {background-position:-167px 0;}
li.nav_services:hover, li.nav_services_over {background-position:-167px -33px;}
li.nav_services a.nav_item, li.nav_services_over a.nav_item {width:101px; height:33px;}
li.nav_services .menu {left:167px; min-width:138px}

li.nav_equipment {background-position:-268px 0;}
li.nav_equipment:hover, li.nav_equipment_over {background-position:-268px -33px;}
li.nav_equipment a.nav_item, li.nav_equipment_over a.nav_item {width:117px; height:33px;}
li.nav_equipment div.menu {left:268px; min-width:170px}

li.nav_industries {background-position:-385px 0;}
li.nav_industries:hover, li.nav_industries_over {background-position:-385px -33px;}
li.nav_industries a.nav_item, li.nav_industries_over a.nav_item {width:112px; height:33px;}
li.nav_industries div.menu {left:385px; min-width:170px}

li.nav_safety {background-position:-497px 0;}
li.nav_safety:hover, li.nav_safety_over {background-position:-497px -33px;}
li.nav_safety a.nav_item, li.nav_safety_over a.nav_item {width:77px; height:33px;}
li.nav_safety div.menu {left:497px; min-width:170px}

li.nav_contact {background-position:-574px 0;}
li.nav_contact:hover, li.nav_contact_over {background-position:-574px -33px;;}
li.nav_contact a.nav_item, li.nav_contact_over a.nav_item {width:121px; height:33px;}
li.nav_contact div.menu {left:574px; min-width:150px}


#main_bg {width:974px;height:393px;float:left; clear:both; background:#000000 url(../images/machine_bg.jpg) no-repeat top center;margin-top:14px;}

#flash{float:right;}

#bottom_options {width:974px;min-height:160px;float:left; clear:both; background:#ffffff url(../images/bottom_options.jpg) no-repeat top center;text-align:left;}
#main_body{width:974px;min-height:400px;float:left; clear:both; background:#ffffff url(../images/bottom_options.jpg) no-repeat top center;text-align:left;}

#bottom_promos
{
float:left;
width:293px;
padding-left:20px;
padding-right:8px;
padding-top:10px;
}

#bottom_promos P{
padding-left:8px;
padding-right:8px;
font-family:arial, lucida;
font-size:12px;
}

#bottom_promos ul{
font-family:'Trebuchet MS',arial;
font-size:11px;
}

#bottom_promos UL LI A{
color:#8F0000;
font-weight:bold;
}

#bottom_promos P B{
color:#8F0000;
}

#bottom_promos P A{
color:#8F0000;
font-weight:bold;
}

.ftrwrpr { 		
position: absolute;  /* Needed for Safari */
   bottom:0;
padding: 0;
text-align:center;
width:100%;
height: 70px;
clear:both; 
background-color:#000000; 
}

.ftraltbg {background-image:url(/images/eop/bg-footer-dark.jpg);}
.ftrwrpr a, .ftrwrpr a:link, .ftrwrpr a:visited {color:#666; text-decoration:none;}
.ftrwrpr a:hover {color:#666; text-decoration:underline;}
.ftrwrpr a:active {color:#666; text-decoration:none;}

#ftrcontainer
{
background:#000000 url(../images/footer_bg.jpg) repeat-x bottom left;
width:974px;
height:70px;
}

#ftrright{
float:right;
width:400px;
padding-right:10px;
}

#ftrright P{
font-family: 'Trebuchet MS',Arial;
font-size: 11px;
color:white;
text-align:right;
}


#ftrleft{
float:left;
font-family: 'Trebuchet MS',Arial;
font-size: 11px;
color:white;
width:200px;
padding-left:10px;
}

#push {
height: 70px;
clear:both;
}

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform2{
	margin:0;
	width:245px;
	padding:14px;
}



	/* ----------- stylized ----------- */
	#stylized_front{
		border:solid 2px #cdcdcd;
		background:#ffffff;
		margin-left:8px;
	}
	#stylized_front h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized_front p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized_front label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:100px;
		float:left;
		padding-top:6px;
		color:#000;
		font-family: 'Trebuchet MS',Arial;
		font-size: 13px;
	}
	#stylized_front .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
		font-family: 'Trebuchet MS',Arial;
	}
	#stylized_front input{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #BCBCBC;
		width:110px;
		margin:2px 0 4px 6px;
	}

	#stylized_front div{
		float:left;
		font-size:12px;
		padding:4px 2px;
		width:150px;
		margin:2px 0 20px 10px;
	}

	#stylized_front div INPUT{

		font-size:12px;
		float:none;
		width:20px;
		margin:2px 0 5px 0px;
	}

	#stylized_front select{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #BCBCBC;
		width:115px;
		margin:2px 0 4px 6px;
	}

	#stylized_front img{
		float:left;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		margin:0px 0 10px 150px;
	}

	#stylized_front textarea{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized_front button{ 
		clear:both;
		width:106px;
		height:31px;
		background:#666666 url(../images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		margin-left:106px;
	}



#errorMessage
{
		border:solid 2px #890d0d;
		background:#bf1313;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		width:418px;
		padding:5px;
		margin-bottom:10px;
}

#successMessage
{
		border:solid 2px #25890d;
		background:#38ba1a;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		width:418px;
		padding:5px;
		margin-bottom:10px;
}

#physical_address
{
		font-color:#000;
		font-family: 'Trebuchet MS',Arial;
		font-size:14px;
		font-weight: normal;
		width:210px;
		padding-right:0px;
		padding-left:20px;
		float:right;
}

#main_content 
{
float:right;
width:665px;
padding-top:0px;
text-align:left;
padding-left:10px;
padding-right:40px;
display:block;
margin-right:10px;
}

#main_content H1
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 28px;
font-weight:normal;
letter-spacing:-1px;
padding-top:5px;
}

H4
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 18px;
font-weight:normal;
letter-spacing:-1px;
}


#main_content P
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px;
line-height:19px;
text-align:justify;
}

#main_content UL
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px;
font-weight:normal;
line-height:18px;
text-align:justify;
padding-left:30px;
padding-top:15px;
line-height:19px;
}

#main_content UL UL
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px;
font-weight:normal;
line-height:18px;
text-align:justify;
padding-left:30px;
padding-top:0px;
line-height:19px;
}


#main_content OL LI
{
padding-top:10px;
}

#main_content OL UL
{
margin-top:0px;
padding-bottom:20px;
}

#main_content OL UL LI
{
margin-top:0px;
padding-top:0px;
}

#main_content OL
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px;
font-weight:normal;
line-height:18px;
text-align:justify;
padding-left:30px;
padding-top:5px;
line-height:19px;
}


#main_content  A
{
color:#920c0b;
}

#main_content  A:hover
{
color:#000;
}

#left_menu
{
float:left;
margin-left:20px;
padding-top:12px;
}

#cat_header{
height:57px;
width:208px;
background-color:#fff;
background-image: url('../images/cat_header.jpg');
background-repeat: no-repeat;
background-position: top center;
}

#cat_body{
min-height:203px;
width:208px;
background-image: url('../images/cat_body.jpg');
background-repeat: no-repeat;
background-position: top center;
}

#cat_header SPAN
{
font-family: Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;
font-weight:bold;
font-size:16px;
line-height:60px;
letter-spacing:-1px;
padding-left:20px;
color:#fff;
}

#cat_footer{
height:19px;
width:208px;
background-image: url('../images/cat_footer.jpg');
background-repeat: no-repeat;
background-position: top center;
}

#navcontainer
{
width: 208px;
padding: 0;
color: #333;
background-color:#000;
background-image: url('../images/cat_bg.jpg');
background-repeat: y-repeat;
background-position: top center;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #626262;
margin-left:10px;
margin-right:10px;
}

#navcontainer li a
{
display: block;
padding: 10px 10px 10px 0.5em;
color: #ffffff;
text-decoration: none;
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px;
font-weight: bold; 
letter-spacing:0px;
}

html>body #cat_body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
background-color: #626262;
color: #fff;
}

#category_photo
{
width:693px;
height:186px;
float:left;
margin-left:30px;
margin-top:13px;
}

.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0;
	width:400px;
	padding:14px;
}



	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #bcbcbc;
		background:#fff;
		float:left;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		clear:both;
		border-bottom:solid 1px #f56f6f;
		padding-bottom:5px;
		color:#930b0b;
		margin-bottom:20px;
		
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:10px;
		padding-bottom:10px;
clear:both;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size: 13px;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
		font-family: 'Trebuchet MS',Arial;
	}
	#stylized input{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div{
		float:left;
		font-size:12px;
		padding:4px 2px;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div INPUT{

		font-size:12px;
		float:none;
		width:20px;
		margin:2px 0 5px 0px;
	}

	#stylized select{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized img{
		float:left;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		margin:0px 0 10px 150px;
	}

	#stylized textarea{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(../images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}

#equipment_photo
{
float:left;
padding-top:10px;
}

#equipment_photo IMG
{
display:block;
border:5px red solid;
}

#equipment_description
{
padding-top:10px;
padding-left:20px;
float:left;
}

#equipment_description
{
width:400px;
font-family: 'trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 18px;
letter-spacing:-1px;
color:#000;
}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
 letter-spacing:0px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#000000;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#ffcece;
    border:1px solid #960C0C;
    color:#000000;
}
.buttons a.positive:active{
    background-color:#fee8e8;
    border:1px solid #960C0C;
    color:#000000;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

#gallery-category{padding:20px 0px 10px 20px; margin-bottom:0px; float:left;}
#main-gallery{width:800px; margin-bottom:20px;margin-left:20px; position:relative;z-index:0;display:block;}
#main-gallery h4{font-size:16px; line-height:14px; margin:10px 0px 5px 0px;}
#main-gallery ul{list-style-type:none; margin:0px; padding:0px;}
#main-gallery ul li{list-style-type:none; margin:0px; padding:0px 0px 20px 0px; float:left; width:215px; height:210px;margin-right:20px;  background-image:none; line-height:20px}
#main-gallery ul li.nomargin{margin-right:0px;}
#main-gallery ul li img{margin-bottom:5px; display:block}
#main-gallery ul li a, #main-gallery ul li a:visited{color:#666;}
.portfoliobg { width:215px; height:161px; float:left; background:url(../images/hover-opacity.png) no-repeat top left; margin-bottom:10px}
#main-gallery ul li div.tblue{height:50px; float:left;}
div.tblue{color:#000000 !important; font-weight:bold;font-family:arial, verdana;font-size:12px;}
#gallery-category h2{float:left;position:relative;
z-index:999;}

#main-gallery ul li.gallery-description{width:600px;float:left;height:auto;}

#main-gallery ul li.gallery-description H3{

font-size:20px;
text-decoration:none; 
font-family:arial, verdana;
letter-spacing:-1px;
font-weight:normal;
margin-bottom:0px;
}

#main-gallery ul li.gallery-description P{
font-size:13px;
text-decoration:none; 
font-family:arial, verdana;
letter-spacing:0px;
font-weight:normal;
margin-top:5px;
padding-top:0px;
margin-bottom:0px;
}

.clr{clear:both}

#gallery_photo
{
float:left;
padding-top:10px;
}

#gallery_photo IMG
{
display:block;
border:5px #9A0F0C solid;
}

#gallery_description
{
margin-left:10px;
float:left;
width:500px;
font-size:18px;
padding-top:10px;
}

#gallery_description P
{
font-size:13px;
font-family:'trebuchet ms', arial;
}

/* KENBURNS STYLES 
-------------------------------------------------------*/
/*  kenburns_slideshow is the wrapper div. 
Our list of Images scrolls inside of this frame
To compute the minimum frame size needed:;
image width * scale
image height * scale

if the image size is smaller than the frame size,
gaps may appear. If image sizes are exactly the same,
the images will fade over one another and not move. 
*/
#kenburns-slideshow {
	position: relative;
	width: 964px;
	height: 397px;
	background-color:#292929;
	z-index: 1;
	overflow: hidden;
	border-radius:10px;
	margin: 5px 5px;
}

/*  The plugin wraps the images in div.kb-slide. This
allows me to run separate animations simultaneously. */
.kb-slide{
	position: absolute;
	z-index: 1;
	opacity: 0;
}


/* I used position relative here because IE8
didnt like the opacity when the img was set to absolute*
translate3d(000) kicks them into HW acceleration, and 
backface-visibility gives some performance boosts.*/
.kb-slide img{
	position: relative;
	-webkit-transform: translate3d(0,0,0)
	-moz-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;

}


/* If the script encounters an image that hasnt loaded,
it pops up a little loading wheel. I used a little CSS3
but you could also use a gif to better handle ie8*/
.loader {
	width:32px;
	height:32px;
	top:6px;
	left:550px;
	border:5px solid rgba(128,128,128,0.9);
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px dotted rgba(0,0,0,0);
	border-radius:32px;
	-moz-animation:spin .7s infinite linear;
	-webkit-animation:spin .7s infinite linear;
}

@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}

#kenburns-description{
	width: 974px;
	heighth: 407px;
	background-color:#191919;
	color:#999;
	padding:0;

}

#kenburns-description p{
	margin:0;
	padding:0;
	line-height: 18px;
	font-size:12px;

}

#kenburns-description a{
	color:white;
	text-decoration: none;
}
#kenburns-description a:hover{
	color:green;
	text-decoration: none;
}

#kenburns-description a:visited{
	color:white;
}
.title {
	clear: left;
	margin:0;
	padding:15px 0 0 0;
}
#slide-title{
	font-size: 12px;
	float:left;
	color:#7085B3;
}
#status{
	color:#333;
	font-size: 12px;
	float:right;
	clear: right;
}