/* TOP MENU TOP */ #title_menu_top { width: 717px; margin-left: 204px; margin-top: 24px; height: 25px; z-index: 100; } #title_menu_top #quad_menu { margin: 0; padding: 0; } #title_menu_top #quad_menu li { display: inline; } #title_menu_top #quad_menu li a { float: left; width: 179px; height: 0; padding-top: 25px; overflow: hidden; background-image: url(img/title_menu.png); _background-image: url(img/title_menu.gif); background-repeat: no-repeat; } #menu_bar_red { float: right; width: 715px; height: 28px; background-image: url(img/menu_bar_red.gif); } #menu_bar_kayaks { float: right; width: 715px; height: 28px; background-image: url(img/menu_bar_kayaks.gif); } #menu_bar_accessories { float: right; width: 715px; height: 28px; background-image: url(img/menu_bar_accessories.gif); } #menu_bar_rentals { float: right; width: 715px; height: 28px; background-image: url(img/menu_bar_rentals.gif); } /* BUTTONS TOP */ #title_menu_top #quad_menu li#canoes a { background-position: 0px 0px; } #title_menu_top #quad_menu li#kayaks a { background-position: -179px 0; } #title_menu_top #quad_menu li#accessories a { background-position: -358px 0; } #title_menu_top #quad_menu li#rentals a { background-position: -537px 0; } /* OVER STATES TOP */ #title_menu_top #quad_menu li#canoes a:hover { background-position: 0 -25px; } #title_menu_top #quad_menu li#kayaks a:hover { background-position: -179px -25px; } #title_menu_top #quad_menu li#accessories a:hover { background-position: -358px -25px; } #title_menu_top #quad_menu li#rentals a:hover { background-position: -537px -25px; } /* LAYOUT STYLES */ .clear { clear: both; } .clear-left {clear: left; } .clear-right {clear: right; } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; } #home_button { float: left; width: 70px; margin-left: 18px; height: 25px; } #main_print { float: right; margin-right: 12px; } #container_red { float: left; position: relative; margin-left: 18px; margin-top: 0px; width: 900px; border: thin solid rgb(153,0,0); border-top-style: hidden; } #main { margin-left: 184px; width: 716px; } #sidebar { float: left; width: 184px; border: thin solid rgb(153,0,0); border-top-style: solid; border-left-style: hidden; border-right-style: hidden; border-bottom-style: hidden; } #billboard_image { margin: 0px; float: right; width: 715px; height: 450px; } #billboard_image_loose { margin: 0px; float: right; width: 715px; } #footer_image { margin: 0px; float: right; width: 715px; } #announcement_title_blue { float: left; margin-top: 12px; width: 715px; height: 29px; background-image: url(img/announcement_title_blue.gif); background-repeat: no-repeat; background-position: bottom left; } #top_title_canoes { float: left; margin-top: 12px; width: 715px; height: 29px; background-image: url(img/top_title_canoes.gif); background-repeat: no-repeat; background-position: bottom left; } #top_title_about { float: left; margin-top: 12px; width: 715px; height: 29px; background-image: url(img/top_title_about.gif); background-repeat: no-repeat; background-position: bottom left; } #top_title_gallery { float: left; margin-top: 12px; width: 715px; height: 29px; background-image: url(img/top_title_gallery.gif); background-repeat: no-repeat; background-position: bottom left; } #top_title_testimonials { float: left; margin-top: 12px; width: 715px; height: 29px; background-image: url(img/top_title_testimonials.gif); background-repeat: no-repeat; background-position: bottom left; } #top_title_contact { float: left; margin-top: 12px; width: 715px; height: 29px; background-image: url(img/top_title_contact.gif); background-repeat: no-repeat; background-position: bottom left; } #top_title_construction { float: left; margin-top: 12px; width: 715px; height: 29px; background-image: url(img/top_title_construction.gif); background-repeat: no-repeat; background-position: bottom left; } #top_title_kayaks { float: left; margin-top: 12px; width: 715px; height: 29px; background-image: url(img/top_title_kayaks.gif); background-repeat: no-repeat; background-position: bottom left; } #top_title_accessories { float: left; margin-top: 12px; width: 715px; height: 29px; background-image: url(img/top_title_accessories.gif); background-repeat: no-repeat; background-position: bottom left; } #top_title_rentals { float: left; margin-top: 12px; width: 715px; height: 29px; background-image: url(img/top_title_rentals.gif); background-repeat: no-repeat; background-position: bottom left; } #top_title_dealers { float: left; margin-top: 12px; width: 715px; height: 29px; background-image: url(img/top_title_dealers.gif); background-repeat: no-repeat; background-position: bottom left; } #announcement { float: left; margin-top: 10px; width: 715px; } #hellman_logo { width: 160px; height: 122px; margin-left: 12px; margin-top: 12px; margin-bottom: 36px; } #menu_option { margin-top: 4px; margin-left: 12px; padding-left: 15px; width: 146px; height: 26px; background-image: url(img/menu_option.gif); background-repeat: no-repeat; } #menu_option #top { margin-top: 36px; } #footer { float: left; width: 890px; margin-top: 18px; padding-left: 12px; margin-bottom: 18px; } #footer_left { float: left; padding-top: 6px; width: 420px; padding-right: 12px; } #footer_right { float: left; padding-top: 6px; width: 420px; padding-left: 12px; padding-right: 12px; border-left-style: dashed; border-left-color: #142745; border-left-width: thin; } #features_box { float: right; width: 700px; margin-top: 0px; margin-right: 12px; margin-left: 0px; border: thin solid rgb(0,0,0); } #infobar { float: left; width: 900px; margin-left: 18px; margin-bottom: 2px; height: 25px; padding-bottom: 4px; background-color: #990000; border: thin solid rgb(153,0,0); border-top-style: hidden; border-bottom-style: hidden; } #copyright { float: left; width: 902px; margin-left 18px; height: 12px; } #testimonial { float: left; margin-top: 10px; width: 670px; padding-left: 12px; padding-right: 12px; border: thin solid rgb(0,0,0); } img.left { float: left; margin: 8px 0px 8px 0; } img.right { float: right; margin: 8px 0px 8px 20px; } img.features { margin: 4px 4px 4px 4px; } img.features_title {margin-top: 12px; margin-left: 2px; } /* TYPOGRAPHY */ #menu_option a { font-size: 14px; font-family: sans-serif; color: #000000; padding-top: 0.2em; text-decoration: none; } #menu_option a:hover { font-size: 14px; font-family: sans-serif; color: #990000; padding-top: 0.2em; text-decoration: underline; } #announcement_title_blue p { font-size: 1em; font-family: sans-serif; font-weight: bold; color: #000000; padding-left: 16px; } #announcement p { font-family: sans-serif; color: #000000; padding-left: 16px; } #announcement p.comparison_heading { font-family: sans-serif; color: #000000; padding-left: 0px; } #announcement p.comparison { font-family: sans-serif; color: #000000; padding-left: 0px; font-size: 12px; } .comparison a { font-family: sans-serif; color: #990000; padding-left: 0px; text-decoration:none; font-size: 12px; } .comparison a:hover { font-family: sans-serif; color: #990000; text-decoration:underline; padding-left: 0px; font-size: 12px; } #announcement p.see_dealers { font-family: sans-serif; color: #000000; margin-left: 12px; padding-left: 0px; font-size: 14px; } .see_dealers a { font-family: sans-serif; color: #990000; padding-left: 0px; text-decoration:none; font-size: 14px; } .see_dealers a:hover { font-family: sans-serif; color: #990000; text-decoration:underline; padding-left: 0px; font-size: 14px; } #infobar p {font-size: 12px; font-family: sans-serif; color: #FFFFFF; text-align: center; } #infobar a {color: #CCCCCC; text-decoration: none; } #infobar a:hover { text-decoration: underline; } #copyright p {font-size: 11px; font-family: sans-serif; color: #999999; text-align: center; margin-bottom: 18px; } #announcement p.heading { color: #990000; } #footer_left p { font-size: 1em; font-family: sans-serif; color: #000000; margin-left: 206px; } #footer_right p { font-size: 0.9em; font-family: sans-serif; color: #000000; } #footer a { font-family: sans-serif; color: #990000; text-decoration: none; } #footer a:hover { font-family: sans-serif; color: #990000; text-decoration: underline; } #announcement.link a { font-family: sans-serif; color: #990000; text-decoration: none; } #announcement.link a:hover { font-family: sans-serif; color: #990000; text-decoration: underline; } #features_box p { font-family: sans-serif; color: #000000; padding-left: 0px; font-size: 13px; } #features_box p.white { font-family: sans-serif; color: #000000; padding-left: 0px; font-size: 14px; } #features_box p.white_heading { font-family: sans-serif; color: #FFFFFF; padding-left: 0px; font-size: 15px; font-weight:bold; } #features_box p.heading { font-family: sans-serif; color: #990000; padding-left: 0px; font-size: 14px; } #features_box a { color: #990000; text-decoration: none; } #features_box a:hover { color: #990000; text-decoration: underline; } #features_box p.white a { color: #FFFFFF; text-decoration: none; } #features_box p.white a:hover { color: #FFFFFF; text-decoration: underline; }