body { margin: 0; padding: 0; font-size: 76%; font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; background: black; }

img { border: 0; }

a { color: #026fb0; }

h1, h2, h3, p { margin: 0 0 16px; }

h1 { font-size: 120%; text-transform: uppercase; }


.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

#wrapper { position: relative; width: 860px; margin: 0 auto; padding: 0; background-color: white; background-repeat: no-repeat;}

.local-supplier { background-image:url(../graphics/local-supplier.jpg); background-position: 0 0; color:#FFFFFF; background-repeat:no-repeat; }

.local-supplier #content { background-image:url(../graphics/local-supplier.jpg); background-position: 0 -120px; background-repeat:no-repeat; background-color: #120e0b; }

.local-supplier a { color:#FFF; text-decoration:none;}
.local-supplier a:hover { color: #CCCCCC; text-decoration: underline;}
.local-supplier h3 { margin: 0 5px; color: #000000; font-size:14px; line-height: 15px; }
.local-supplier h3 a { color:#fff; }
.local-supplier td { padding: 0 5px; vertical-align:top; color:#FFF; font-size: 10px; width: 25% }
.local-supplier table { padding-bottom: 20px; }

#header { position: relative; z-index: 10; height: 112px; }

#navigation { position: absolute; left: 0; bottom: 0; width: 860px; height: 40px; background: black; text-align: center; }
#navigation ul { position: relative; padding: 0; list-style-type: none; display: table; margin: 0 auto; }
#navigation li { position: relative; float: left; display: table-cell; padding: 0 1px 0 0; text-decoration: none;   }
#navigation li a { zoom: 1; float: left; padding: 0 14px; height: 40px; line-height: 40px; color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1em; }
#navigation li a:hover { background: url(../graphics/nav_hover.gif) repeat-x; }
#navigation li.nav_active a, #navigation li.nav_active a:hover { background: url(../graphics/nav_active.gif) repeat-x }
#navigation li ul { position: absolute; left: 0; top: 40px; display: block; width: 150px; text-align: left; background: #2d2d2d; }
#navigation li li { float: none; display: block; padding: 0;}
#navigation li li a, #navigation li.nav_active li a { float: none; display: block; padding: 8px 14px; height: auto; line-height: 1em; text-transform: none; font-size: 90%; letter-spacing: normal; background: none; }
#navigation li li.nav_active a, #navigation li li a:hover, #navigation li.nav_active li a:hover { background: #444343 none; }

/* dropdown CSS */
* html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; font-size: 1em; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html #navigation a:hover table { display: block; left: 0; top: 0; }
#navigation td { margin: 0; padding: 0; }
#navigation td a { position: relative; zoom: 1; }
* html #navigation a:hover { position: relative; z-index: 100; }
#navigation li:hover { position: relative; }
* html #navigation ul ul a:hover { position: relative; z-index: 110; }
#navigation ul ul li:hover { position: relative; }
* html #navigation ul ul ul a:hover { position: relative; z-index: 120; }
#navigation ul ul ul ul a:hover { position: relative; z-index: 130; }
#navigation ul ul { visibility: hidden; display: none; }
#navigation ul :hover ul { visibility: visible; display: block; height: auto; }
#navigation ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul { visibility: visible; }
#navigation ul :hover ul :hover ul :hover ul { visibility: visible; }

#home-flash { position: absolute; top: 0; left: 0; height: 595px; float:left; background-color: #171513; }

#right-img { float: right; background-color:#CCCCCC; }

#content-container { padding: 20px 0; }

#content { position: relative; font-size: 95%; padding: 30px 30px; }
#content.img { height: 346px; width: 462px; padding: 0 30px; overflow-y: auto; }

#page-links ul { margin: 0; padding: 0; list-style-type: none; }

#footer { padding: 58px 0 0; background: url(../graphics/footer-top.gif) no-repeat; }

#copyright { height: 120px; padding: 15px 50px 0; background: url(../graphics/copyright.gif) repeat-x; color: #6e6e6e; font-size: 90%; }

#copyright ul { margin: 0; padding: 0; list-style-type: none; }
#copyright li { float: left; padding: 0 1em 0 0; }
#copyright li a { color: #6e6e6e; }
#copyright p { float: right; padding: 0 0 0 20px; background: url(../graphics/copyright-icon.gif) no-repeat left center; }


.screen-hide { position: absolute; bottom: 0; left: 0; width: 1px; height: 1px; color: white !important; overflow: hidden; }
#contact-form { padding: 0; width: 450px; }
#contact-form p { padding: 2px 0; font-size: 110%; margin: 0; }

form { margin: 0; }

#contact-form h2 { font-size:15px; font-weight:bold; margin: 0 0 3px 0; padding: 1px 0px; }

label { width: 195px; clear: both; float: left; margin-right: 20px; }
.radio {  width: 20px;  }
.last { padding-bottom: 10px; }
input.text, textarea { width: 230px; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; font-size: 100%; background-color:#CCCCCC; border: 1px solid #999; }
textarea { height: 40px; }
.submit { float:right; margin-right: 10px;}