/*Reset by Eric Meyer. Thank you very much, Eric*/
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,
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-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: #000000;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
a, a:visited, a:focus {
        text-decoration: none;
}
a:hover {
        text-decoration: underline;
}
/*End of Eric Meyer's code*/

html, height {
        height: 100%;
}
body {
        width: 100%;
        min-height:100%;
        height: 100%;
        font: 62.5% Arial, Tahoma, Verdana, sans-serif;
        text-align: center;
}
.pere {
        clear: both;
        height:0;
        overflow:hidden;
}
.prefoot {
        height: 94px;
}

strong {
        font-weight:bolder;
}
#main {
        height: auto !important;
        min-height:100%;
        height: 100%;
        width:930px;
        text-align: left;
        margin-right: auto;
        margin-left: auto;
        padding-right: 30px;
        padding-left: 30px;
}
#head {
        padding-top: 13px;
}
#headblock {
        height: 302px;
        position: relative;
        padding-left: 44px;
}
.about #headblock {
        background: #0F3E74 url(../images/aboutheadbg.jpg) no-repeat center top;
}
.call #headblock {
        background: #0F3E74 url(../images/callheadbg.jpg) no-repeat center top;
}
.distrib #headblock {
        background: #0F3E74 url(../images/distribheadbg.jpg) no-repeat center top;
}
.logistic #headblock {
        background: #0F3E74 url(../images/logistheadbg.jpg) no-repeat center top;
}
.merch #headblock {
        background: #0F3E74 url(../images/merchheadbg.jpg) no-repeat center top;
}
#headinfo {
        padding-top: 55px;
}
#phone {
        padding-top: 39px;
        padding-left: 36px;
        font-size: 1.9em;
        color: #FFFFFF;
        font-style: italic;
}
#phone .prefix {
        float: left;
        display: block;
        height: 50px;
        width: 50px;
        color: #849cb3;
}
#trio {
        clear: both;
        padding-left: 102px;
        position: absolute;
        left: 0px;
        top: 264px;
}
#trio a {
        display: block;
        float: left;
        margin-right: 20px;
        width: 12px;
        height: 10px;
}
#trio a.gohome {
        background: url(../images/triohome.gif) no-repeat center bottom;
}
#trio a.mailto {
        background: url(../images/triomail.gif) no-repeat center bottom;
}
#trio a.map {
        background: url(../images/triomap.gif) no-repeat center bottom;
}
#trio span {
        display: none;
}

#center {
        padding-top: 40px;
}
#right {
        margin-left: 243px;
}
#leftsidebar {
        float: left;
        width: 243px;
}
#leftnav ul li {
        padding-right: 37px;
        font-size: 1.5em;
}

#leftnav ul li ul {
        padding-top: 5px;
        padding-bottom: 5px;
}

#leftnav ul li ul li {
        margin: 0px;
        padding: 0px 0px 0px 50px;
        font-size: 0.9em;
        font-style: italic;
}

.menuhead {
        display: block;
        margin: 0px;
        padding: 3px 20px 4px 45px;
        color: #007ab9;
        text-decoration: underline;
        }




#leftnav  ul  li  a, #leftnav  ul  li  a:visited, #leftnav  ul  li  a:focus, #leftnav ul li span {
        display: block;
        margin: 0px;
        padding: 3px 20px 4px 45px;
        color: #007ab9;
        text-decoration: underline;
}
#leftnav ul li a:hover {
        text-decoration: none;
}

#leftnav ul li span {
        background: #385db0 url(../images/arroubg.gif) no-repeat right center;
        font-weight: bolder;
        color: #FFFFFF;
        text-decoration: none;
}
#leftnav ul li ul li a, #leftnav ul li ul li a:visited, #leftnav ul li ul li a:focus {
        padding-right: 0px;
        color: #535353;
        padding-left: 0px;
}
#leftnav  ul  li  ul  li  a:hover, #leftnav ul li ul li span {
        text-decoration: underline;
        color: #385db0;
        background: url(none);
        font-weight: normal;
        padding-left: 0px;
}
#leftnav ul li ul li span {
        text-decoration: none;
}


* html #leftnav li a {
height:1%;
}
* html #leftnav li span {
height:1%;
}

#rightsidebar {
        float: right;
        width: 160px;
        padding-top: 30px;
}
#bann {
        text-align: right;
}
#quest {
        padding-left: 14px;
        padding-top: 15px;
}
#quest h3 {
        font-size: 2.1em;
        font-weight: normal;
        color: #fe981c;
        padding-bottom: 24px;
}
#quest h4 {
        color: #626262;
        font-size: 1.6em;
        font-weight: bolder;
}
#quest ul {
        padding-bottom: 15px;
        padding-top: 3px;
}

#quest ul li {
        font-size: 1.2em;
}
#quest  ul  li a, #quest  ul li a:visited, #quest ul li a:focus {
        text-decoration: underline;
        color: #3399ff;
}
#quest ul li a:hover {
        text-decoration: none;
}
.winword {
        background: url(../images/winword.jpg) no-repeat left top;
        color: #adadad;
        font-size: 1.2em;
        padding-bottom: 18px;
        border-bottom: 1px solid #c0c0c0;
}
.winword img {
        float: left;
        margin-right: 9px;
}
.winword a, .winword a:visited, .winword a:focus {
        color: #adadad;
        text-decoration: underline;
}
.winword a:hover {
        text-decoration: none;
}
.mailus {
        padding-left: 12px;
        font-size: 1.2em;
        padding-top: 13px;
}
.mailus img {
        vertical-align: bottom;
        margin-right: 3px;
}
.mailus a, .mailus a:visited, .mailus a:focus {
        color: #3399ff;
        text-decoration: underline;
}
.mailus a:hover {
        text-decoration: none;
}




#content {
        margin-right: 180px;
}
#contentin {
        float: left;
        width: 100%;
}
#contentin h1 {
        font-size: 2.1em;
        padding-bottom: 20px;
        color: #626262;
}
#contentin h2 {
        font-size: 1.8em;
        color: #626262;
        font-weight: normal;
        padding-bottom: 14px;
}

#contentin h3 {
        color: #007ab9;
        font-size: 1.6em;
        font-weight: normal;
}
#contentin p {
        font-size: 1.3em;
        padding-bottom: 20px;
        color: #626262;
}
#contentin p.motto {
        font-style: italic;
}
#contentin p.request {
        font-size: 1.6em;
}
#contentin p dfn {
        font-style: normal;
        font-weight: bolder;
        font-size: 1.2em;
}
#contentin  ul {
        font-size: 1.3em;
        padding-bottom: 20px;
        color: #626262;
}
#contentin  ul li {
        text-indent: 22px;
        /*list-style: square;*/
        background: url(../images/listbullet.gif) no-repeat;
}
#contentin a, #contentin a:visited, #contentin a:focus {
        color: #007ab9;
        text-decoration: underline;
}
#contentin a:hover {
        text-decoration: none;
}

#catalog {

}

#catalog ul li {
        display: block;
        border-bottom: 1px solid #FFFFFF;
        background: #ecf3f8;
}
#catalog ul li.var {
        background: #f7f7f7;
}
#catalog ul li a, #catalog ul li a:visited, #catalog ul li a:focus {
        display: block;
        padding-top: 14px;
        padding-bottom: 13px;
        padding-left: 17px;
        background: url(../images/catalogbull.gif) no-repeat right center;
        color: #385db0;
        text-decoration: none;
}
#catalog ul li a:hover {
        text-decoration: underline;
}
#catalog  a.back, #catalog a.back:visited, #catalog a.back:focus {
        float: right;
        font-size: 1.2em;
        display: block;
        padding-left: 17px;
        background: url(../images/back.jpg) no-repeat left center;
        text-decoration: underline;
        color: #3399ff;
        margin-top: 5px;
        padding-bottom: 3px;
}
#catalog  a.back:hover {
        text-decoration: none;
}
#catalog a.next, #catalog a.next:visited, #catalog a.next:focus {
        text-align: right;
        font-size: 1.2em;
        color: #3399ff;
        text-decoration: underline;
        display: block;
}
#catalog a.next:hover {
        text-decoration: none;
}

#catalog .bigimg {
        overflow: hidden;
        padding-bottom: 25px;
        text-align: center;
        width: 100%;
}
#catalog .bigimg img {
        border: 4px solid #ebebeb;
}
#catalog table {
        border: 1px solid #FFFFFF;
        border-collapse:collapse;
        background: #f7f7f7;
        color: #626262;
        margin-bottom: 15px;
}
#catalog td, #catalog th {
        font-size: 1.3em;
        border: 1px solid #FFFFFF;
        padding: 6px 6px 6px 10px;
        vertical-align: middle;
}
#catalog tr.var td {
        background: #ecf3f8;
}
#catalog th {
        background: #bdbdbd;
        color: #FFFFFF;
}





.mission {
        color: #007AB9;
        text-transform: uppercase;
}
#footer {
        height: 74px;
        margin-top: -74px;
        width:930px;
        text-align: left;
        margin-right: auto;
        margin-left: auto;
        padding-right: 30px;
        padding-left: 30px;
}
#counter {
        width: 150px;
        float: left;
        padding-top: 8px;
        padding-left: 30px;
}
#footernav {
        border-top: 1px solid #57b0fc;
        margin-left: 180px;
        padding-top: 20px;
        color: #c69a00;
        font-size: 1.2em;
}
#footernav ul {
        padding-left: 60px;
}
#footernav ul li {
        display: block;
        padding-right: 10px;
        background: url(../images/foonavbg.jpg) no-repeat right center;
        float: left;
}
#footernav ul li.last {
        background: url(none);
        padding-right: 0px;
}
#footernav ul li a, #footernav ul li a:visited, #footernav ul li a:focus {
        text-decoration: underline;
        color: #007ab9;
}
#footernav ul li a:hover {
        text-decoration: none;
}