﻿html, body { height: 100.01%; }
body { background: #ced7d9; font-size: 13pt; color:#f3eedf; line-height: 1.2em;
        font-family: Times New Roman, Times, Serif; }

a, a:link, a:visited { color: #ffff80; }
a:hover { color: #ff8840; }

#wrapper { width: 1000px; height: 100%; margin: 0 auto; background: url(/images/bg.jpg) top center repeat-y; }
#top { height: auto; text-align: right; }
#bottom { vertical-align: bottom; text-align: right; }

.right { float: right; }
.left { float: left; }
.half { width: 300px; }

/* **** Inside #top **** */
#top, #header, #sidebar, #content, #menu { vertical-align: top; }
#header { height: 192px; }
#header div { _margin: 0; }
#sidebar { width: 280px; float: left; }
ul#menu li { height: 50px; _margin-top: -4px; }

#content { padding-right: 70px; margin-bottom: 1em; width: 630px; text-align: left; float: right; }

/* **** Menu **** */
.menu.home { background: url(/images/menu/off/home.jpg) top left no-repeat; }
.menu.about { background: url(/images/menu/off/about.jpg) top left no-repeat; }
.menu.show { background: url(/images/menu/off/show.jpg) top left no-repeat; }
.menu.vent { background: url(/images/menu/off/vent.jpg) top left no-repeat; }
.menu.tips { background: url(/images/menu/off/tips.jpg) top left no-repeat; }
.menu.find { background: url(/images/menu/off/find.jpg) top left no-repeat; }
.menu.login { background: url(/images/menu/off/login.jpg) top left no-repeat; }
.menu.line { background: url(/images/menu/off/line.jpg) top left no-repeat; }
.menu.contact { background: url(/images/menu/off/contact.jpg) top left no-repeat; }

div.bbb
{
    text-align: left;
    padding-top: 30px;
    padding-left: 80px;
}

/* **** Inside #content **** */

h1, h2, h3 { font-weight: bold; color: #ffff80; letter-spacing: normal; }
h1 { font-size: 32px; line-height: 40px; margin: .25em 0 0 0; padding: 0; }
h2 { font-size: 24px; line-height: 30px; margin: .25em 0 0 0; padding: 0; }
h2.bottom-mar { margin-bottom: .5em; }
p { margin: 1em 0; padding: 0; }
address { margin: 0 0 1em 0; }
address a { color: #f3eedf; }
div#content ul li { margin-left: 2em; list-style: disc; }

.pic { border: 1px #ffff80 solid; }
.pic.right { margin: 0 0 5px 10px; }
.pic.left { margin: 0 0px 5px 0; }

div.manufacturers { margin: 0 96px; }

div.manufacturers div { width: 214px; text-align: center; }
div.manufacturers a img { border: 1px solid #ffff80; margin-bottom: 10px; }
div.manufacturers a:hover img { border: 1px solid #ff8840; }

div.leftside { float: left; }
div.rightside { float: right; }

.logoff { margin-top: 1em; }
.logoff a:link, .logoff a:visited { color: #ff8840; }
.logoff a:hover { color: #ffff80; }

/* **** Inside #bottom **** */

#footer { margin-right: 70px; _margin-right: 35px; padding-bottom: 2px; width: 630px; _width: 605px; text-align: left; float: right; font-size: 8pt; font-family: Verdana, Sans-serif; line-height: 125%; }
#footer a { color: #f3eedf; text-decoration: none; }
#footer .menu { text-align: center; margin-bottom: 5px; }
#footer .menu a { color: #ffff80; }
#footer a:hover { color: #ff8840; }
#footer .menu a:hover { text-decoration: underline; }