/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-size: 100%; font-style: inherit; line-height: 1; font-family: inherit; vertical-align: baseline;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

html,body {background: #11191f; color: #fff;}

#container {width: 100%; margin: 0 auto; background: #98cff7; font-size: 62.5%; text-align: center;}

/* Banner */
#banner {clear: both; height: 9em; background: #11191f url("/images/page/bannerbg.gif") repeat-x bottom left;}

/* Top Navigation */
#nav {width: 100%; background: #cc6600;}
#topnav {position: relative; width: 980px; height: 37px; margin: 0 auto; padding: 0; background: url("/images/page/topnav.gif") no-repeat top center; text-align: center;}
#topnav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#topnav li, #topnav a {height: 37px; display: block;}
#panel1b {left: 0; width: 170px;}
#panel2b {left: 171px; width: 160px;}
#panel3b {left: 331px; width: 159px;}
#panel4b {left: 491px; width: 158px;}
#panel5b {left: 650px; width: 157px;}
#panel6b {left: 808px; width: 172px;}
#panel1b a:hover {background: transparent url("/images/page/topnav.gif") 0 -37px no-repeat;}
#panel2b a:hover {background: transparent url("/images/page/topnav.gif") -171px -37px no-repeat;}
#panel3b a:hover {background: transparent url("/images/page/topnav.gif") -331px -37px no-repeat;}
#panel4b a:hover {background: transparent url("/images/page/topnav.gif") -491px -37px no-repeat;}
#panel5b a:hover {background: transparent url("/images/page/topnav.gif") -650px -37px no-repeat;}
#panel6b a:hover {background: transparent url("/images/page/topnav.gif") -808px -37px no-repeat;}

/* Products */
#products {margin: 0 auto; padding: 3em 0 3em 2em;}

/* Sub Nav */
#subnav {position: relative; width: 500px; height: 35px; margin: 1.5em auto 0 auto; padding: 0; background: url("/images/page/subnav.png") no-repeat top center; text-align: center;}
#subnav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#subnav li, #subnav a {height: 35px; display: block;}
#panel1c {left: 0; width: 100px;}
#panel2c {left: 100px; width: 100px;}
#panel3c {left: 200px; width: 100px;}
#panel4c {left: 300px; width: 100px;}
#panel5c {left: 400px; width: 100px;}
#panel1c a:hover {background: transparent url("/images/page/subnav.png") 0 -35px no-repeat;}
#panel2c a:hover {background: transparent url("/images/page/subnav.png") -100px -35px no-repeat;}
#panel3c a:hover {background: transparent url("/images/page/subnav.png") -200px -35px no-repeat;}
#panel4c a:hover {background: transparent url("/images/page/subnav.png") -300px -35px no-repeat;}
#panel5c a:hover {background: transparent url("/images/page/subnav.png") -400px -35px no-repeat;}

/* Footer */
#footer {width: 100%; background: url("/images/page/footerbg.gif") repeat top left;}

/* Misc Styles */
div.content {width: 980px; margin: 0 auto;}
div.subcontent {float: left; clear: right; width: 300px; margin-left: 2.5em;}
br.clear {clear: both; height: 1%;}
span.blue {color: #2d76bb;}
span.orange {color: #cd6601;}

/* Text Styles */
h1,h2,p {text-align: left;}
h1 {margin-bottom: .5em; color: #11191f; font: 600 3em "trebuchet ms", verdana, sans-serif;}
p.bold {color: #11191f; font: 600 1.4em "trebuchet ms", verdana, sans-serif; text-decoration: underline;}
p.content {margin-bottom: 1.5em; color: #11191f; font: 500 1.4em "trebuchet ms", verdana, sans-serif;}
#banner p {margin: 1em 2em 0; padding: .25em .5em .5em 0; background: url("/images/page/missionbg.gif") repeat-x top left; font: 500 1.4em "trebuchet ms", verdana, sans-serif;}
.cssboxbody p {padding: 2em 0 0 3.5em; color: #11191f; font: 500 1.4em "trebuchet ms", verdana, sans-serif;}
.subcontent p {padding-right: 1em; font: 500 1.2em "trebuchet ms", verdana, sans-serif;}
.subcontent h2 {margin: .75em 0 .25em 0; color: #98cff7; font: 500 3em "myriad pro", verdana, sans-serif;}
/*.dindex p {padding-right: 1em; font: 500 0.9em "trebuchet ms", verdana, sans-serif;} */
/* Image Styles */
img.logosmall {float: left; clear: right; margin: 0 1em 0 3.5em;}

/* List Styles */
ul.content {margin-bottom: 2em; color: #11191f; list-style: square;}
ul.content li {font: 500 1.4em "trebuchet ms", verdana, sans-serif; text-align: left;}

/* Rounded Corners */
.cssbox,.cssboxhead {margin: 0 auto; background: transparent url("/images/page/productbg.jpg") no-repeat bottom right; text-align: left;}
.cssbox {width: 980px !important; width: 980px;} 
.cssboxhead {background-position: top right;}
.cssboxbody {background-position: bottom left;} 

/* Form Classes */
form.contact {width: 740px; margin: 0 auto 1em auto; color: #11191f; font: 600 1.4em "trebuchet ms", verdana, sans-serif;}
form.index {padding-bottom: 1em; color: #fff; font: 600 1.4em "trebuchet ms", verdana, sans-serif;}
div.index {padding-bottom: 1em; color: #fff; font: 600 1.0em "trebuchet ms", verdana, sans-serif;}
/* Fieldset */
fieldset {position: relative; float: left; margin: 0 1em 1em 0; padding: 0 2em; background: #f5f6d4 url("/images/page/formbg.jpg") repeat top left; border: 5px solid #d5d6b7;}
fieldset.float {width: 20em;}
fieldset.floattextarea {width: 45.6em;}
fieldset.hidden {background: none; margin: 0; padding: 0; border: none;}
/* Legend */
legend {margin: 1em 0 1em 0; color: #fff; padding: .5em .75em; background: #464b47; border: 5px solid #d5d6b7;}
/* Divs */
/* Input */
form label {float: left; width: 12em; margin-right: 1em; text-align: left;}
form.index label {float: left; width: 8em; margin: 0; text-align: left;}
div.index label {float: left; width: 8em; margin: 0; text-align: left;}
form input, form textarea, form select {float: left; display: block; margin-bottom: 1em;}
form input.required {border-color: #c00; background: #fef;}
div.index input.required {float: left; width: 16em; border: 3px solid #98cff7; background: #e6f2f6;}
form.index input.required {width: 16em; border: 3px solid #999e32; background: #f5f6d4;}
form input {width: 15em;}
input.hidden {margin: 0;}
form textarea {width: 48em; height: 10em;}
form select  {width: 15.3em;}
input.submit {width: 5em;}
div.index input.submit {float: left; width: 81px; height: 23px; margin: 0;}
form.index input.submit {width: 81px; height: 23px; margin: 0;}
form label:after {content: ":";}
form br {clear: left;}
em {color: #c00; font: 600 1.1em arial, sans-serif;}

/* hcard */
div.vcard {float: left; clear: right; width: 20em; margin: 0 1em 2em 0; background: #f5f6d4 url("/images/page/formbg.jpg") repeat top left; border: 5px solid #d5d6b7;}
form.contact p.vcard {padding: 0 0 1em 0;}