/*----------------------------------------------------------------------------------
	CSS :: Southeast Tool Company, Inc.
----------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Tahoma;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div.clr {
	clear: both;
}

.fr {
	float: right;
}

img.content {
	border: 10px solid #BEBEBE;
	margin: 20px 0px 20px 20px;
}

html,
body,
div#outer,
div#wrap-a,
div#wrap-b,
div#inner{
    min-height: 100%;
    width: 100%;
    height: auto;
}

* html,
* html body,
* html div#outer,
* html div#inner,
* html div#wrap-a,
* html div#wrap-b {
    height: 100%;
}

body {
	background: #373E4A url(../images/bg/bg.gif) repeat-x;
}

div#outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#inner div#outer-overlay {
	position: absolute;
	height: 127px;
	width: 100%;
	top: 0px;
	left: 0px;
	background: transparent url(../images/bg/bg_overlay.gif) repeat-x;
}

#outer-overlay div#topnav {
	position: absolute;
	top: 85px;
	right: 29px;
	width: 100px;
	height: 10px;
	background: transparent url(../images/nav/top_nav.gif) no-repeat;
}

#outer-overlay div#left-shadow,
#outer-overlay div#right-shadow {
	position: absolute;
	top: 102px;
	width: 20px;
	height: 310px;
}

#left-shadow {
	left: -20px;
	background: transparent url(../images/bg/left_shadow.png) no-repeat;
}

#right-shadow {
	right: -20px;
	background: transparent url(../images/bg/right_shadow.png) no-repeat;
}

#topnav a {
	position: absolute;
	top: 0px;
	display: block;
	width: 12px;
	height: 10px;
	text-align: left;
	text-indent: -999em;
	text-decoration: none;
	outline: none;
}

#topnav a#top-home {
	left: 0px;
}

#topnav a#top-contact {
	left: 43px;
}

#topnav a#top-sitemap {
	right: 0px;
}

div#inner {
	position: absolute;
	left: 50%;
	width: 762px;
	margin-left: -381px;
	background: #ffffff url(../images/bg/inner.gif) repeat-x;
}
#inner a#logo {
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 26px;
	text-align: left;
	text-indent: -999em;
	text-decoration: none;
	outline: none;
	height: 95px;
	width: 316px;
	background: transparent url(../images/bg/set_logo.png) no-repeat 0 0;
}

#inner div#widget {
	position: absolute;
	top: 0;
	right: 57px;
	width: 329px;
	height: 117px;
	background: transparent url(../images/bg/widget.png) no-repeat;
}

#inner div#inner-top {
	position: absolute;
	top: 111px;
	left: 0px;
	width: 762px;
	height: 111px;
	background: transparent url(../images/bg/inner_top.png) no-repeat;
}

#inner div#header {
	position: relative;
	margin: 127px auto 0 auto;
	width: 746px;
	height: 195px;
	background: transparent url(../images/bg/header.gif) no-repeat;
}

#header div#flash {
	position: absolute;
	top: 4px;
	left: 232px;
	width: 320px;
	height: 187px;
	background: transparent url(../images/bg/high_precision.jpg) no-repeat;
}

#header div#spotlight {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 204px;
	height: 187px;
	background: transparent url(../images/bg/spotlight.png) no-repeat;
	font-size: 11px;
	color: #fff;
}

#spotlight p {
	margin: 0px 16px 8px 24px;
	line-height: 16px;
}

#spotlight p.spot-head {
	margin-top: 38px;
}

#inner div#body {
	position: relative;
	width: 746px;
	margin: 8px auto 110px auto;
	background: #fff url(../images/bg/body.gif) no-repeat;
}

#body div#content {
	float: right;
	position: relative;
	width: 466px;
	padding-top: 30px;
	margin-right: 12px;
}

#content h1 {
	font: normal normal normal 17px "Good Times",Arial
}

#content p,
#content ul {
	font-size: 11px;
	color: #3B3636;
	line-height: 16px;
	margin: 16px 0 16px 0;
}

#content ul {
	margin-left: 24px;
}

#content ul.nobullet {
	list-style: none;
}

#content h2 {
	font: normal normal bold 14px Arial;
	border-bottom: 1px dashed #000;
	color: #5B5B61;
	margin: 14px 0px 8px 0px;
	padding-bottom: 8px;
}

#content div#parts {
	margin: auto;
	text-align: center;
}

#parts img {
	background-color: #ececec;
	margin: 4px 4px;
	padding: 4px;
	border: 1px solid #dadada;
}

#parts a {

}

#body div#sidebar {
	position: relative;
	float: left;
	width: 236px;
	margin-left: 12px;
}

* html #body div#sidebar {
	margin-left: 4px;
}

#sidebar div#nav {
	position: absolute;
	top: -188px;
	width: 236px;
	background: #C99D55 url(../images/bg/nav_tile.gif) repeat-y;
	z-index: 50;
}

#nav ul {
	margin: 0px auto;
	width: 224px;
	list-style: none;
}

#nav ul a {
	display: block;
	width: 224px;
	height: 32px;
	text-align: left;
	text-indent: -999em;
	text-decoration: none;
	outline: none;
}

#nav a#home:hover,
#nav a#company:hover,
#nav a#quality:hover,
#nav a#facilities:hover,
#nav a#parts:hover,
#nav a#directions:hover,
#nav a#contact:hover {
	background-position: 0 -32px;
}

#nav a#home {
	background: transparent url(../images/nav/home.gif) no-repeat;
}

#nav a#company {
	background: transparent url(../images/nav/company.gif) no-repeat;
}

#nav a#quality {
	background: transparent url(../images/nav/quality.gif) no-repeat;
}

#nav a#facilities {
	background: transparent url(../images/nav/facilities.gif) no-repeat;
}

#nav a#parts {
	background: transparent url(../images/nav/parts.gif) no-repeat;
}

#nav a#directions {
	background: transparent url(../images/nav/directions.gif) no-repeat;
}

#nav a#contact {
	background: transparent url(../images/nav/contact.gif) no-repeat;
}

#nav div#nav-top {
	position: absolute;
	top: -31px;
	left: 0px;
	width: 236px;
	height: 31px;
	background: transparent url(../images/bg/nav_top.gif) no-repeat;
}

#nav div#nav-bottom {
	position: absolute;
	bottom: -31px;
	left: 0px;
	width: 236px;
	height: 31px;
	background: transparent url(../images/bg/nav_bottom.gif) no-repeat;
}

#sidebar div#nav-shadow {
	position: absolute;
	top: -232px;
	left: -12px;
	width: 260px;
	height: 298px;
	background: transparent url(../images/bg/nav_shadow.png) no-repeat;
	z-index: 1;
}

#sidebar div#capabilities {
	margin-top: 75px;
	padding-top: 8px;
	background: transparent url(../images/bg/capabilities.gif) no-repeat;
}

#capabilities h2 {
	font: normal normal normal 15px "Helvetica65-Medium",Arial;
	color: #5B5B61;
	margin: 0px 0px 8px 16px;
}

#capabilities dl {
	width: 204px;
	margin: 0px auto 0px auto;
	font-size: 11px;
	color: #7D7D7D;
}

#capabilities dt {
	padding-top: 7px;
	font-weight: bold;
}

#capabilities dt a {
	color: #21214E;
}

#capabilities dd {
	border-bottom: 1px solid #B1B1B1;
	padding-bottom: 7px;
}

#capabilities dd.last {
	border: none;
}

#inner div#footer {
    position: absolute;
	left: 0;
	bottom: 0;
	width: 762px;
	height: 100px;
	background: #fff url(../images/bg/footer.gif) no-repeat;
}

#footer div#footer-left {
	float: left;
	position: relative;
	width: 268px;
	margin-left: 8px;
}

#footer-left address {
	margin: 18px 0px 0px 93px;
	font-size: 11px;
	font-style: normal;
	color: #5A5A5A;
}

#footer-left a#map {
	position: absolute;
	top: 16px;
	left: 10px;
	display: block;
	background: transparent url(../images/misc/map.gif) no-repeat;
	text-align: left;
	text-indent: -999em;
	text-decoration: none;
	outline: none;
	height: 70px;
	width: 71px;
	border: 2px solid #626262;
}

#footer-left address span {
	font-weight: bold;
	color: #000;
}

#footer div#footer-right {
	float: right;
	width: 478px;
	margin: 15px 8px 0px 0px;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
	color: #767676;
}

* html #footer div#footer-right {
	margin: 15px 0px 0px 0px;
}

#footer-right a {
	color: #767676;
}

#footer-right span#copyright {
	line-height: 40px;
	font-weight: bold;
}

/*----------------------------------------------------------------------------------
	Content :: Contact Form
----------------------------------------------------------------------------------*/

	form#contact-form {
		font-size: 13px;
		margin: 20px auto 20px auto;
		text-align: center;
		width: 100%;
		background: #eaeaea;
		border: 1px solid #7e7e7e;
	}
	
	#contact-form fieldset {
		width: 80%;
		padding: 8px;
		margin: 15px;
		border: 1px solid #909090;
		text-align: left;
	}
	
	#contact-form legend {
		background: #5a5a5a;
		font-weight: bold;
		color: #fff;
		padding: 2px 15px;
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	
	#contact-form label {
		position: relative;
		display: block;
		clear: both;
	}
	
	#contact-form span.label-text {
		position: relative;
		display: block;
		float: left;
		width: 140px;
		height: 30px;
		color: #5a5a5a;
		font-weight: bold;
		margin-right: 1px;
		margin-right: 3px;
	}
	
	#contact-form input,
	#contact-form textarea,
	#contact-form select {
		background-color: #D1D1D1;	
		font-size: 11px;
		padding: 3px 8px;
		color: #636363;
		border: 1px solid #787878;
	}
	
	#contact-form input {
		background: #D1D1D1 url(../images/bg/input_boxes.gif) repeat-x;
	}
	
	#contact-form select {
		padding: 3px 1px;
	}
	
	#contact-form option {
		padding: 0 5px;
	}
	
	#contact-form textarea {
		margin: 5px 0;
	}
	
	#contact-form input {
		width: 155px;
	}
	
	input#submit {
		font: normal normal bold 11px Verdana;
		color: #000;
		background: transparent url(../images/nav/submit_button.gif) no-repeat;
		border: 0;
		width: 146px;
		height: 24px;
		margin: 5px;
	}

	span.req {
		color: #993300;
		font-weight: bold;
	}