/* ----UNIVERSAL STUFF---- */ *{font-family:Arial, Helvetica, sans-serif;} html {background:#bbb url(images/tile.jpg) repeat; margin:0; padding:0;} body {background:url(images/header_fade.jpg) repeat-x; margin:0; padding:0;} #container {width:1054px; margin:0 auto; padding:0;} h1 {color:#fff;} h2 {color:#294359; font-size:30px; font-weight:normal; margin:0 0 15px;} h3 {color:#294359; margin:10px 0 5px;} a {color:#294359; text-decoration:none;} a:hover {text-decoration:underline;} a img {border:none;} p, li, a {font-size:14px;} p, li {color:#555;} .clear {clear:both;} .white {color:#fff; font-weight:bold;} /* ----HEADER STUFF---- */ #header {position:relative; width:960px; margin:0 auto; background:url(images/logo_back.jpg) no-repeat; height:180px;} #logo {position:relative;} /* ----NAVIGATION STUFF---- */ #navigation {width:100%;text-align:right; margin:0; padding:0; position:absolute; bottom:5px;} #navigation ul {margin:10px 0 0; padding:0;} #navigation ul li {list-style:none; display:inline; margin:0 0 0 10px; line-height:30px;} #navigation ul li a {border:1px solid #ccc; border-bottom:0; text-decoration:none; font-size:12px; font-weight:bold; color:#fff; padding:8px 20px; background:url(images/button_back.jpg) repeat-x center; letter-spacing:1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #navigation ul li a:hover, #navigation ul li #currentpage {border:1px solid #355065; border-bottom:0; text-decoration:none; background:#355065 url(images/active_back.jpg) repeat-x center;} /* ---- PAGE CONTENT STUFF---- */ #page {background:url(images/content_back.jpg) repeat-y;} #pageContent {width:960px; margin:0 auto; line-height:1.4em; background:url(images/page_back.jpg) bottom right no-repeat;} #primaryContent {width:598px; float:left; padding:0 0 80px 40px ;} /* ---- PAGE TITLE STUFF---- */ #pageTitle {background:url(images/pagetitle_back.jpg) no-repeat; height:134px; width:1053px; overflow: hidden;} #pageTitle h2 {margin:40px 70px;} #aboutTitle {width: 141px; height: 31px; background: url(images/about_title-trans.png); text-indent: -9999px;} #techtipsTitle {width: 141px; height: 31px; background: url(images/1tech_tips.png); text-indent: -9999px;} #faqsTitle {width: 141px; height: 31px; background: url(images/1faqs.png); text-indent: -9999px;} #becomedealerTitle {width: 200px; height: 31px; background: url(images/1become_a_dealer.png); text-indent: -9999px;} #aboutinventorTitle {width: 300px; height: 31px; background: url(images/1about_inventor.png); text-indent: -9999px;} #vendorTitle {width: 250px; height: 31px; background: url(images/1where_to_buy.png); text-indent: -9999px;} #portfolioTitle {width: 140px; height: 31px; background: url(images/1products.png); text-indent: -9999px;} #shopTitle {width: 190px; height: 31px; background: url(images/1online_store.png); text-indent: -9999px;} #contactTitle {width: 163px; height: 31px; background: url(images/1contact_us.png); text-indent: -9999px;} /* ----HOME PAGE GALLERY STUFF---- */ #gallery {position:relative; background:url(images/slideshow_back.jpg) no-repeat; height:259px; width:1053px; overflow: hidden;} #slider {position:relative; width:960px; height:222px; overflow:hidden; left:45px;} #slider ul, #slider li{margin:0;padding:0;list-style:none;} #slider li{width:880px;height:142px;overflow:hidden; color:#c1c3c4; padding:40px; line-height:1.5em;} #slider li a {color:#fff;} span#prevBtn a {position:absolute; background:url(images/left_button-trans.png) no-repeat 0 0; left:17px; top:55px; height:109px; width:28px; overflow:hidden;} span#prevBtn a:hover {background:url(images/left_button_hover-trans.png) no-repeat 0 0;} span#nextBtn a { position:absolute; background:url(images/right_button-trans.png) no-repeat 0 0; left:1008px; top:55px; height:109px; width:28px; overflow:hidden;} span#nextBtn a:hover {background:url(images/right_button_hover-trans.png) no-repeat 0 0;} /* ----PORTFOLIO STUFF---- */ #portfolio {margin-top:-40px;} #portfolio ul {margin:0; padding:0;} #portfolio ul li {list-style:none; padding:40px; background:url(images/page_back.jpg) bottom right no-repeat; border-bottom:1px solid #ddd;} #portfolio ul li:last-child {border-bottom:0px;} .portfolioImage {margin:0; padding:0; width:501px; float:right;} .itooltip{position:absolute; display:none;background: #000; opacity: 0.7;padding: 7px;font-size: 20px; letter-spacing: 0px; color: #fff;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;} /* ----FORM STUFF---- */ input, textarea {background:#DEDEDE url(images/form_back.jpg) repeat-x top; border:1px solid #aaa; margin-bottom:30px; padding:10px;} input.input {width:300px} textarea {width:500px; height:150px;} #submit {cursor:pointer; border:1px solid #355065; border-bottom:0; text-decoration:none; background:#355065 url(images/active_back.jpg) repeat-x center; font-size:12px; font-weight:bold; color:#fff; padding:8px 20px; letter-spacing:1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /* ----SIDEBAR STUFF---- */ #sidebar {width:200px; padding:0 40px 40px; margin:0 0 0 675px;} #sidebar ul {margin:0 0 0 25px; padding:0;} #sidebar ul li {list-style-image: url(images/bullet-trans.png); padding-left: 5px;} /* ----FOOTER STUFF---- */ #footer {height:99px; width:100%; margin:0 auto; background:url(images/footer_back.jpg) no-repeat; clear:both;} #footerContent {width:960px; margin:0 auto; padding:10px 0;} #footerContent p, #footerContent a {font-size:12px;} .find_vendor_title { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555; padding:5px 0px 5px 0px; font-weight:bold; } .vendor_title { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#294359; padding:5px 0px 5px 0px; font-weight:bold; } .vendor_body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555; font-weight:normal; } /*.website_text { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#294359; padding:5px 0px 5px 0px; font-weight:normal; text-decoration:none; } .website_text a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#294359; font-weight:normal; text-decoration:none; } .website_text a:hover { text-decoration:underline; }*/ #primaryContent2 {width:598px; float:left; padding:0 0 80px 40px ; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555; font-weight:normal;} #primaryContent2 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#294359; font-weight:normal; text-decoration:none; } #primaryContent2 a:hover { text-decoration:underline; }