﻿/* resets */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {background: #FFFFFF url(images/bars_blurred.jpg) repeat top left; font: 14px Georgia, "Times New Roman", Times, seif;}

*img {border: none;}

ul {text-align: left; margin: 0px 0px 0px 30px; padding: 0px;}
ul.sub {list-style: circle; margin: 0px 0px 0px 50px; padding: 0px;}

p {margin: 0px 0px 10px 0px;}

h1 {font-size: 16px; font-weight: bold; margin-bottom: 5px;}

a {color: #000000;}
a:hover {color: #000000; text-decoration: underline;}

.clear {clear: both;}
.left {float: left;}

#wrap {width: 752px; margin: 20px auto 0px; background-color: White;}

#header {width: 752px; height: 113px;}

#nav {width: 752px; height: 34px;}
	#nav ul {list-style: none; display: inline;}
	#nav ul li {display: block; float: left;}
	#nav ul li a#machining {display: block; width: 148px; height: 34px; background: url(images/nav_machining.gif) no-repeat top left;}
	#nav ul li a#machining:hover {background-position: bottom left;}
	#nav ul li a#conventional {display: block; width: 212px; height: 34px; background: url(images/nav_conventional.gif) no-repeat top left;}
	#nav ul li a#conventional:hover {background-position: bottom left;}
	#nav ul li a#fabrication {display: block; width: 113px; height: 34px; background: url(images/nav_fabrication.gif) no-repeat top left;}
	#nav ul li a#fabrication:hover {background-position: bottom left;}
	#nav ul li a#marshall {display: block; width: 170px; height: 34px; background: url(images/nav_marshall.gif) no-repeat top left;}
	#nav ul li a#marshall:hover {background-position: bottom left;}
	#nav ul li a#contact {display: block; width: 109px; height: 34px; background: url(images/nav_contact.gif) no-repeat top left;}
	#nav ul li a#contact:hover {background-position: bottom left;}

#content {width: 722px; padding: 15px;}
	#content .machine {width: 300px; height: 220px; padding: 20px; text-align: center; color: white; float: left; font-size: 12px; margin: 0px 10px 10px 0px; background-color: #595c75;}
	#content .machine img {margin-bottom: 10px;}
	
#promo {width: 378px; margin-left: 20px; text-align: center; float: right; color: White;}
#promo2 {width: 200px; float: center; background-color: White;}
#promo_left {width: 378px; margin-right: 20px; text-align: center; float: left; color: White;}
#promo_image {width: 378px; background-color: #595c75; padding: 20px 0px;}
#promo_image2 {width: 378px; background-color: #595c75; padding: 20px 0px;}

#footer {width: 752px; height: 50px; margin: 0 auto; padding-top: 20px; background: white; text-align: center;}