body {margin: 0; padding: 0; background: #1f2452 url(background/waves2.gif) right top repeat-y; font-size: small; font-family: "Trebuchet MS", Helvetica, sans-serif; letter-spacing: 1px; word-spacing: -1px; line-height: 150%;}
#outerwrapper {margin: 0 65px 0 0; padding: 0; background: url(background/strip.gif) left top repeat-y;}
#sitebranding {border-top: 1px solid #000038; height: 278px; background: url(background/topbar2.gif) left top no-repeat;}
#tagline {position: absolute; top: 146px; right: 102px; margin: 0; padding: 0; color: white;} 
#wrap {position: relative; padding: 0; margin: 0 20px 0 0;}
#bodycontent {margin: 5px 20px 5px 261px; padding: 0; color: white; font-size: 90%; max-width: 1200px;}
#navigation {position: absolute; top: 2px; left: 0; width: 239px; margin: 0; padding: 0;}
#legal {position: relative; color: white; margin-top: 40px; padding: 30px 0 10px 0; font-size: 70%;}
#credit {position: absolute; top: 36px; left: 0px; width: 218px; text-align: right;}
#footer {text-align: center; margin-bottom: 30px;}

#navigation ul {margin-top: 40px; margin-right: 15px; list-style-type: none; text-transform: uppercase; font-size: 80%;}
#navigation li {margin-left: -40px; text-align: right;}
#navigation a {display: block; text-decoration: none; padding: 2px 6px 2px 0;}
.nav1 a:link, .nav1 a:visited {color: white;}
.nav1 a:hover, .nav1 a:active {color: aqua;}
.thispage a {color: aqua; background-color: #1f2452; border: 1px solid white; border-left: none;}
.nav1, .thispage {font-size: 110%;}

#selector {float: left; margin: 0 20px 20px 0; padding: 0; text-align: center;}
ul.eqnav li {float: left; display: block; width: 8.5em; list-style: none; font-size: 110%; background-color: #000038; margin: 2px; padding: 5px; border: 2px solid white;}
ul.eqnav li:hover {border: 2px solid aqua;}
ul.eqnav a {text-decoration: none; display: block;}
#bodycontent #selector a:link, #bodycontent #selector a:visited {color: white;}
#bodycontent #selector a:hover, #bodycontent #selector a:active {color: aqua;}

h2 {color: aqua; font-weight: normal; font-size: 120%; border: 2px solid white; background-color: #000038; padding: 3px 3px 3px 6px; margin: 1px 0 15px 0;}
h3 {font-weight:normal;}
p {margin: 0; padding: 0 0 10px 0;}
#bodycontent a:link, #bodycontent a:visited {color: #add8e6;}
#bodycontent a:hover, #bodycontent a:active {color: aqua;}
#suppliers img {border: 2px solid white;}
#suppliers img:hover {border: 2px solid aqua;}
.gallery img {border: 2px solid white;}
.gallery p {height: 6em;}
.gallery {float: left; width: 300px; margin: 5px 10px 0 6px;}
.clear {clear: both;}
#clients li {display: inline; margin: 0 2px 4px 0; padding: 0;}
#clients ul {margin: 0 0 20px 0; padding: 0; font-size: 90%; color: #add8e6;}
#homepics {margin-top: 20px;}
#homepics img {margin: 0 4px 3px 0;}
#bodycontent p.top {text-align: right; font-size: 80%;}
#legal a {color: white;}
#legal p {margin: 0; padding: 0;}
#credit img {border: none;}
img.news {float:right; margin: 0 0 10px 10px;}

table {margin: 5px auto 30px auto; border-collapse: collapse; background: #000038;}
caption {margin-top: 10px; font-size: 120%; text-align: left; padding-bottom: 5px;}
#bodycontent caption a:link, #bodycontent caption a:visited, #bodycontent caption a:hover, #bodycontent caption a:active {color: white; text-decoration: none;}
td {border: 2px solid white; padding: 4px 10px 4px 10px;}

/* stuff to make IE6 work */
* html #navigation a {height: 1px;}
#wrap, #bodycontent {zoom: 1;}

