/*Mass Reset*/
/*http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border-style: none; border-color: inherit; border-width: 0; margin: 0; padding: 0; outline: 0; font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	line-height: 1.4em;
	font-family: Arial, Verdana, Sans-Serif;
	color:#333;
}
	
table {border-collapse: collapse; border-spacing: 0;}

/* slightly enhanced, universal clearfix */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*** Main layout ***/
body { background-color:#636B57; }
#mainwrap { width:840px; margin:0 auto; background-color:White; }
.leftHeader{float:left;}
#left { position:relative;top:-40px;left:0px;float:left; width:248px;height:550px;background:url(images/navbackground.png); }
#right { float:right; width:592px; }
#footer { height:130px; background-color:#393F32; padding:5px 10px; color:#fff; font-size:11px; width:820px; margin:0 auto; }
#pagecontent { padding:10px; }

#header{background-image:url(images/contentheader.jpg);height:185px;position:relative;z-index:0;}
#headerTextBackground{z-index:0;position:relative;left:0px;top:0px;background-image:url(images/transparentBlack.png);background-repeat:repeat;width:840px;height:110px;margin-top:10px;}
#headerLogo{width:240px;float:left;}
#headerText{width:518px;display:inline;position:relative;left:60px;top:-10px;}

/*** Navigation ***/
#left ul { list-style:none; padding:0; margin:5px; }
#left li a { text-decoration:none;padding: 10px;  width:205px; height:15px; overflow:hidden;  display:block; }
#left li .active { background-color:#9C3423; }
#left ul ul { margin:0px; }
#left ul ul li { margin:0; padding:0px; }

#navhome, #navsystem, #navexporting, #navabout, #navcontact,#navarticles { margin-bottom:5px; text-indent:-9999px; }
#navproducts>a { margin-bottom:0px; text-indent:-9999px; background-color:Yellow; }
#navsystem>a { margin-top:5px; }

#navhome a { background:url(images/nav2.gif) no-repeat; }
#navhome .active { background:url(images/nav2.gif) no-repeat 0px -126px; }
#navproducts>a { background:url(images/nav2.gif) no-repeat 0px -35px; }
#navproducts .active { background:url(images/nav2.gif) no-repeat 0px -245px; }
#navother a { background:url(images/nav2.gif) no-repeat 0px -126px; }
#navother .active { background:url(images/nav2.gif) no-repeat 0px -385px; }
#navsystem a { background:url(images/nav2.gif) no-repeat 0px -70px; }
#navsystem .active { background:url(images/nav2.gif) no-repeat 0px -280px }
#navexporting a { background:url(images/nav2.gif) no-repeat 0px -105px; }
#navexporting .active { background:url(images/nav2.gif) no-repeat 0px -315px }
#navabout a { background:url(images/nav2.gif) no-repeat 0px -140px; }
#navabout .active { background:url(images/nav2.gif) no-repeat 0px -350px }
#navcontact a { background:url(images/nav2.gif) no-repeat 0px -175px; }
#navcontact .active { background:url(images/nav2.gif) no-repeat 0px -385px }
#navarticles a { background:url(images/nav2.gif) no-repeat 0px -209px; }

#left #address, #left #address a, #left #address td { color:#E8D5D2; line-height:150%; }
#left #address { margin: 6px 0px 10px 20px; }

/* product list */
#navproducts li a { margin:0; padding:5px 0px 5px 20px; color:#E5D3D0; font-size:12px; }

/* Elements */
h1 { font-family:Arial, Tahoma; color:#7E2315; line-height:1.4em; border-bottom:1px solid #ccc; padding-bottom:8px; font-size:16px; font-weight:bold; }
h2 { font-family:Arial, Tahoma; color:#999; font-size:14px; }

/* Custom */
.photoright { float:right; margin-left:10px; margin-bottom:10px; margin-top:10px; }
#footer a, #footer td { color: #fff; }
#footer table { width:100%; }

#footer div { padding:10px 0px; }
#footer p { font-weight:bold; font-size:11px; color:#ccc;  }
#footer ul { list-style:none; margin:0 auto; padding:0; position:relative; top:-10px; width:670px; }
#footer li { display:block; float:left; text-align:center; }
#footer a { font-size:11px; color:#fff; }
#footer .middle { margin:0px 40px; }
#footer ul a { text-decoration:none; }