/* ------ RESET ------  */
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, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: arial, helvetica, sans-serif;}
body {line-height: 1;}
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: 0px;}

body {text-align: center; background-color: #414753; font: 14px arial,helvetica,sans-serif; }
.wrapper {width: 850px; margin: 0 auto; text-align: left; }
td {padding: 2em; vertical-align: top; }
h1 {font: 2em bold; }

#topper {height: 50px; background: url(../images/topper.png) no-repeat bottom center; }

#navigation {margin: -15px 0 0 0; }

table#main {background: #fff; width: 100%; }
	td.button {vertical-align: bottom; padding: 0 19px; }
	td.back {padding: 0 3em; margin:0;}
	#main p, #main ul {margin-top: 1em; }
	
	td.text {text-align: left; width: auto; }
	
	ul {list-style-type: disc; list-style-position: inside; margin-left: 2em; }
	
	ul.subnav {font-size: 1.5em; color: gray; list-style: none; margin-left: 0; }
		.subnav a, 
		.subnav a:visited, 
		.subnav a:active {color: gray; text-decoration: none; }
			.subnav a:hover {color: black; text-decoration: none; }

#main table td {padding: 0; }

#bottomer {height: 50px; background: url(../images/bottomer.png) no-repeat top center; }

.pics {width: auto; padding: 0; margin:  0; } 
	.about {width: 200px;}
	#slideshow1 {width: 420px; min-height: 458px;}
	
.markets img {padding: 5px 10px 20px 5px;}

.markets td {vertical-align: top;}
.pics img {padding: 15px; /* border:  1px solid #ccc; background-color: #eee;*/ top:  0; left: 0;} 
.product-pics {width: 430px; text-align: center; }
	.product-pics img {margin: 0 15px 0 0; padding:0; border: 1px solid black; }
	#slideshow2 {width: 420px; min-height: 240px;}