/* ------------- reset styles */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1em;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------- body styles */

body { 
	background-color: #996;
	color: #fff; 
	font-size: 10pt; 
	font-family: Verdana, Arial, Helevatica, sans-serif;
	margin: 0; 
	padding: 0; 
	}
	
/* ------------- random link styles */

a:link, visited {
		color: #663; 
		text-decoration: none; 
		}

a:hover, active { 
	
	color: #663; 
	text-decoration: line-through; 
		}

	
a img { 
	border: 0;
	}
	
/* ------------- container styles */

#container {
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	position: relative; 
	width: 750px;
	}
	
/* ------------- header styles */

#header {
	background-color: #fff; 
	margin: 0;
	padding: 0.5em 2em 1em 2em;
	border: 1px solid;
	position: relative;
	}
	
h1.logo {
	width: 120px;
	height: 85px;
	background: url("images/logo.jpg") no-repeat;
	text-indent: -9999px;
	}
	
/* ------------- iso styles */	

#iso {  
	background-color: #996; 
	margin: 0; 
	padding: 0.5em 0.5em 2.5em 0.5em; 
	position: relative;
	border: 1px solid #fff;
	border-top: 0;
	}
	
h1.iso {
	float: right;
	width: 150px;
	height: 25px;
	background: url("images/iso.jpg") no-repeat;
	text-indent: -9999px;
	}
	
/* nav styles */

#nav {
	background-color: #8A1B04;
	font-family: Verdana, arial, Helvetica, sans-serif;
	margin: 0;
	padding: 1em 0 20px 400px;
	border: 1px solid #fff;
	border-top: 0;
	}

#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	float: left;
	}
	
#nav a:link, #nav a:visited {
	font-size: 7.5pt;
	line-height: 14px;
	padding: 0 12px 5px 12px;
	text-decoration: none;
	color: #fff;
	}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
	color: #fff;
	background: url(../images/tab_rounded.gif) no-repeat bottom center;
	padding: 0 12px 6px 12px;
	}
	
/* ------------- title styles */	
	
#title {
	background-color: #9f7154; 
	margin: 0;
	padding: 0.5em 1em;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	}

#title img { 
	padding: 0; 
	}
	
/* ------------- content styles */	

#content { 
	margin: 0;
	width: 450px;
	background-color: #fff;
	color: #666;
	padding: 1.5em 220px 1.5em 1.5em; 
	float: left; 
	border-right: 1px solid #fff;
	border-left: 1px solid #fff; 
	position: relative;
	}
	
#content h1{
	padding: 0.5em 0 0 0;
}

#content h1.blog {
	padding: 0.5em 0 0.5em 0;
	margin-bottom: 0.5em;
	font-size: 13pt;
	font-weight: 500;
	border-bottom: 1px dotted #8A1B04; 
}
		
h1.quality {
	width: 750px; height: 35px;
	background: url("images/quality.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.about{
	width: 750px; height: 35px;
	background: url("images/about.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.message{
	width: 750px; height: 35px;
	background: url("images/message.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.career{
	width: 750px; height: 35px;
	background: url("images/career.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.catalog{
	width: 750px; height: 35px;
	background: url("images/catalog.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.product{
	width: 750px; height: 35px;
	background: url("images/product.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.tech{
	width: 750px; height: 35px;
	background: url("images/tech.jpg") no-repeat;
	text-indent: -9999px;
	}

h1.section1{
	width: 750px; height: 35px;
	background: url("images/section1.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.section2{
	width: 750px; height: 35px;
	background: url("images/section2.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.section3{
	width: 750px; height: 35px;
	background: url("images/section3.jpg") no-repeat;
	text-indent: -9999px;
	}	
	
h1.section4{
	width: 750px; height: 35px;
	background: url("images/section4.jpg") no-repeat;
	text-indent: -9999px;
	}

h1.section5{
	width: 750px; height: 35px;
	background: url("images/section5.jpg") no-repeat;
	text-indent: -9999px;
	}

h1.section6{
	width: 750px; height: 35px;
	background: url("images/section6.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.section8{
	width: 750px; height: 35px;
	background: url("images/section8.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.section9{
	width: 750px; height: 35px;
	background: url("images/section9.jpg") no-repeat;
	text-indent: -9999px;
	}

h1.contact{
	width: 750px; height: 35px;
	background: url("images/contact.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.sales{
	width: 750px; height: 35px;
	background: url("images/sales.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.manufacturing{
	width: 750px; height: 35px;
	background: url("images/manufacturing.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.southeast{
	width: 750px; height: 35px;
	background: url("images/southeast.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.northeast{
	width: 750px; height: 35px;
	background: url("images/northeast.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.west{
	width: 750px; height: 35px;
	background: url("images/west.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.intl{
	width: 750px; height: 35px;
	background: url("images/intl.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.sitemap{
	width: 750px; height: 35px;
	background: url("images/sitemap.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.links{
	width: 750px; height: 35px;
	background: url("images/links.jpg") no-repeat;
	text-indent: -9999px;
	}
	
h1.thanks{
	width: 750px; height: 35px;
	background: url("images/thanks.jpg") no-repeat;
	text-indent: -9999px;
	}	
	
#content h2{
	padding: 0.5em 0 0.5em 0;
}
	
#content p {
	line-height: 1.2em;
	padding-top: 0.5em;
}

#content ol {
	margin: 0;
	padding-left: 20px;
}

#content ol li {
	width: 450px;
	font-size: 9pt;
	text-align: left;
	line-height: 1.2em;
	list-style-type: disc;
}

#content p.title {
	line-height: 1.2em;
	padding: 0;
	color: #600;
}

#content p.phone {
	line-height: 1.2em;
	padding: 0;
}

#content p.email {
	line-height: 1.2em;
	padding: 0 0 1em 0;
}

#content h1.reg {
	display: block;
	margin: 1.5em 0;
	text-align: center;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #8A1B04;
}

#content h1.rep {
	display: block;
	clear: both;
	margin: 2em 0.5em 1em 0.5em;
	text-align: center;
	padding: 0.5em 0;
	border-bottom: 1px solid #8A1B04;
}

#content h2.reg {
	display: block;
	padding: 0;	
}

#content h2.rep {
	display: block;
	width: 150px;
	padding: 1.5em 0 0.2em 0;
	color: #8A1B04;
	border-bottom: 1px dashed #8A1B04;
}

#content h3 {
	display: block;
	padding: 0;
	margin: 0.5em 0 0 0;
	font-weight: 600;
	
}

#content h1.head {
	display: block;
	width: 450px;
	text-align: center;
	margin: 1.5em 0;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #8A1B04;
	}

#content div.left {
	float: left;
	width: 220px;
	padding: 0 10px 0 0;
	}
	
#content div.right {
	float: right;
	width: 220px;
	}
	
#content div.center {
	float: inherit;
	display: block;
	text-align: center;
	width: 100%;
	}
	
#content div.map {
	float: inherit;
	display: block;
	width: 100%;
	margin:0 auto;
	}
	
#content div.col1 {
	display: block;
	float: left;
	width: 220px;
	height: 125px;
	padding: 5px 5px 5px 0;
	}
	
#content div.col2 {
	display: block;
	float: right;
	width: 220px;
	height: 125px;	
	padding: 5px 0;
	}
	
#content address {
	display: block;
	text-align: center;
	margin-bottom: 1.5em;
}
	
#content a.cat {
	color: #8A1B04;
	font-weight: 600;
	text-decoration: none;
}

#content a.cat:hover {
	color: #8A1B04;
	font-weight: 600;
	text-decoration: line-through;
}

#content p.cattitle {
	line-height: 1.2em;
	font-size: 9pt;
	padding: 0;
}

#content ul.page {
	list-style-image: url(images/button.gif);
	font-variant: small-caps;
	line-height: 1.2em;
	padding: 0.5em 0 0.5em 1.5em;
}

#content td.section {
	font-weight: 600;
}

#content table {
	width: 450px;
}

#content td {
	line-height: 1.5em;
}


#content td.header {
	font-size: 0.8em;
	width: 200px;
}

#content td.breadcrumbs {
	font-size: 0.8em;
}

#content td.desc {
	padding-bottom: 0.5em;
}

#content img {
	padding: 5px;
	}
	
#content img.product {
	margin: 0.5em 0;
	}
	
#content p.intro {
	text-align: center;
	}
	
#content p.last {
	margin-bottom: 1em;
	}

#grid {
	display: block;
	margin: 0;
	text-align: center;
	padding: 0.5em 0 0.5em 0;
}

.clear {
	clear: both;
}

/*--------------- contact form */
#content form {
	margin-top: 0;
	width: 450px;
}

#content input, #content select, #content textarea {
	
	float: left;
	padding: 0;
	width: 400px;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	line-height: 1.5em;
}

#content textarea {
	height: 90px;
}

#content textarea:focus, #content input:focus {
		border: 1px solid #ccc;
}

#content input.submit-button {
	width: 100px;
	float: left;
	border: 1px solid #000;
	margin-right: 5px;
}

#content label {
	float: left;
	text-align: left;
	vertical-align: top;
	margin-right: 10px;
	width: 100px;
	padding: 5px 0;
}

#content label.specific {
	float: left;
	text-align: left;
	vertical-align: top;
	width: 400px;
	padding-top: 5px;
}

#content legend {	
	font-weight: 600;
	padding-bottom: 10px;
}

#content fieldset {	
	float: left;
}

#content img.head {
	padding-bottom: 0.5em;
	border-bottom: solid #8A1B04 1px;
	margin: 0.5em 0;
}

/* ------------- sidebar styles */

#sidebar {
	background-color: #fff; 
	font-size: 0.8em;
	color: #666;
	width: 249px;
	height: auto;
	margin: 0 0 1.5em -220px;
	padding: 1.5em 0 1.5em 0;
	float: right;
	position: relative;
	}
	
	
#sidebar p { 
	text-align: right;
	position: relative;
	margin: 0 2em 0 2em;
	clear: both;
	line-height: 1.5em;
	
	}
	
#sidebar a:link, a:visited {
	color: #663; 
	text-decoration: none;
	}
	
#sidebar a:hover {
	color: #663; 
	text-decoration: line-through;
	}
	
#sidebar img { 
	display: block;
	position: relative;
	float: right;
	margin: 0 2em 0.2em 2em;
	padding: 0.5em 0 0.5em 0;
	border-bottom: solid #8A1B04 1px;
	}
	
#sidebar img.large {
	border-bottom: 0;
	}

#search {
	display: block;
	position: relative;
	float: right;
	margin: 0.5em 2em 0 2em;
}

/* ------------- bottomline styles */	

#bottomline {
	background-color: #8A1B04; 
	padding-top: 1em;
	border: 1px solid #fff;
	border-bottom: 0;
	clear: both;
	}

/* ------------- footer styles */
	
#footer { 
	background-color: #9f7154;  
	margin-bottom: 10px; 
	padding-top: 0.3em;
	padding-bottom: 0.5em; 
	position: relative; 
	clear: both; 
	border: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 748px;
	height: 50px;
	}
	
#footer p.left { 
	background-color: #9f7154;
	display: block;
	color: white; 
	font-size: 8pt; 
	text-align: left;
	margin: 0 10px 0 0;
	padding: 0 1em;
	width: 230px;
	float: left;
	line-height: 1.5em;
	}
	
#footer p.right { 
	background-color: #9f7154;
	display: block;
	color: white; 
	font-size: 8pt; 
	text-align: right;
	margin: 0 0 0 -20px;
	padding: 0 1em;
	width: 480px;
	float: right;
	line-height: 1.5em;	
	}
	
#footer a { 
	color: white; 
	text-decoration: none;
	}
	
#footer a:hover {
	font-size: 8pt;
	text-decoration: line-through;
	}
td * { color: #555; }
td h2 { margin-top: 20px; }