/* CSS Document */ html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote { margin: 0px; padding: 0px; border: 0px; } html, body { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; background: #786247 url(../images/bg.gif) top repeat-x; } body { font-size: 12px; } .clear { clear: both; font-size: 0; height: 0; } .center { text-align: center; margin: 0 auto; } a { color: #fff; } /*************************************************** Typography ***************************************************/ h1, h2, h3, h4, h5 { color: #fff; padding-top: 10px; padding-bottom: 8px; font-weight: normal; } h1 { padding-top: 10px; font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; font-weight: bold; } p { color: #fff; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 6px; padding-bottom: 14px; line-height: 1.4; } #left-column h2 { color: #fff; }
/*************************************************** Layout Divs ***************************************************/ #main-wrapper { width: 770px; margin: 0 auto; } #header { width: 766px; height: 94px; margin-left: 4px; } #background-div { width: 770px; } #navigation { width: 550px; height: 34px; margin-left: 4px; margin-bottom: 30px; float: left; } #content-wrapper { width: 560px; float: left; } #content-area { width: 535px; margin-left: 4px; } #side-bar { width: 188px; float: right; color: #fff; } #footer { width: 765px; margin: 0 auto; } /************************************************* Background Styles *************************************************/ /*************************************************** Header Styles ***************************************************/ #header img { float: left; } #header #companyid { float: left; font-size: 28px; color: #3b3022; padding-top: 26px; padding-right: 10px; border:1px solid #000; display:block; } #header span { float: right; font-size: 28px;
color: #3b3022; padding-top: 26px; padding-right: 10px; } /*************************************************** Main Content Styles ***************************************************/ img.banner { margin-bottom: 15px; } #content-area ul { padding: 15px 30px 20px 30px; } #content-area ul li { font-size: 12px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #fff; padding-top: 5px; padding-bottom: 4px; padding-left: 28px; background: url(../images/list-arrow.gif) left no-repeat; list-style: none; } #content-area a#goto-top { float: right; padding: 10px 0; } /*************************************************** Side Bar Styles ***************************************************/ #side-bar #side-bar-content { background: #5d4b34 url(../images/side-bar-top.gif) top no-repeat; padding-top: 68px; } #side-bar #side-bar-bot { height: 8px; font-size: 0; background: url(../images/side-bar-bot.gif) no-repeat; } #side-bar .side-bar-item { width: 140px; margin: 0 auto; } #side-bar .side-bar-item img {
border: 1px solid #fff; margin-bottom: 12px; } #side-bar .side-bar-item img.arrow { float: left; border: none; margin-right: 8px; } #side-bar .side-bar-item h4 { float: left; text-decoration: underline; padding: 0 0 7px 0; } #side-bar .side-bar-item p { line-height: 1.4; padding-left: 30px; margin: 0; } /*************************************************** Navigation Styles ***************************************************/ #navigation ul { height: 34px; margin: 0; display: inline; float: left; width: 550px; } #navigation ul li { display: inline; float: left; } #navigation ul li a:link, #navigation ul li a:visited { display: inline; float: left; text-decoration: none; color: #fff; font-size: 13px; font-weight: bold; text-align: center; margin-right: 1px; } #navigation ul li a#home-link { background: url(../images/nav-home.gif) no-repeat; width: 92px; height: 26px; line-height: 26px; } #navigation ul li a#home-link:hover { background: url(../images/nav-home-down.gif) no-repeat; height: 34px; line-height: 42px;
} #navigation ul li a#about-link { background: url(../images/nav-about.gif) no-repeat; width: 107px; height: 26px; line-height: 26px; } #navigation ul li a#about-link:hover { background: url(../images/nav-about-down.gif) no-repeat; height: 34px; line-height: 42px; } #navigation ul li a#services-link { background: url(../images/nav-about.gif) no-repeat; width: 107px; height: 26px; line-height: 26px; } #navigation ul li a#services-link:hover { background: url(../images/nav-about-down.gif) no-repeat; height: 34px; line-height: 42px; } #navigation ul li a#products-link { background: url(../images/nav-about.gif) no-repeat; width: 107px; height: 26px; line-height: 26px; } #navigation ul li a#products-link:hover { background: url(../images/nav-about-down.gif) no-repeat; height: 34px; line-height: 42px; } #navigation ul li a#contact-link { background: url(../images/nav-contact.gif) no-repeat; width: 117px; height: 26px; line-height: 26px; } #navigation ul li a#contact-link:hover {
background: url(../images/nav-contact-down.gif) no-repeat; height: 34px; line-height: 42px; } #home #navigation ul li a#home-link { background: url(../images/nav-home-down.gif) no-repeat; height: 34px; line-height: 42px; } #services #navigation ul li a#services-link { background: url(../images/nav-about-down.gif) no-repeat; height: 34px; line-height: 42px; } #contact #navigation ul li a#contact-link { background: url(../images/nav-about-down.gif) no-repeat; height: 34px; line-height: 42px; } #products #navigation ul li a#products-link { background: url(../images/nav-about-down.gif) no-repeat; height: 34px; line-height: 42px; } #about #navigation ul li a#about-link { background: url(../images/nav-about-down.gif) no-repeat; height: 34px; line-height: 42px; }