/* ---------------------------------------- ROCHESTER CATERERS - MAIN WEBSITE AUTHOR: Starlab Design / Tommie Cranker VERSION: 1.0 UPDATED: 12.15.08 ---------------------------------------- COLORS ---------------------------------------- ----------------------------------------*/ /* ---------------------------------------- GLOBAL RESET ----------------------------------------*/ 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-size: 100% } :focus { outline: 0 } /* ---------------------------------------------------------------------------------------------- BODY STYLES ----------------------------------------------------------------------------------------------*/ body { background: #dbdbdb; margin: 20px 0px; font-family: Arial, Helvetica, sans-serif } /* ---------------------------------------------------------------------------------------------- GLOBAL LINK STYLES ----------------------------------------------------------------------------------------------*/ a { text-decoration: none } a:link, a:visited { color: #539FB2 } a:hover { color: #828282 } /* ---------------------------------------------------------------------------------------------- GLOBAL TYPOGRAPHY STYLES ----------------------------------------------------------------------------------------------*/ h1, h2, h3, h4 { font-weight: normal; line-height: normal } h2 { color: #cf3838; font-size: 24px } h3 { color: #39464c; font-size: 18px; padding-bottom: 5px } #header h1 { text-indent: -9999px } #intro p { color: #39464c; font-size: 14px; line-height: 1.6; padding-top: 10px; text-align: justify } #address p { color: #39464c; font-size: 14px; line-height: 1.6 } ul.rental-list { color: #39464c; font-size: 14px; list-style: none; padding-top: 10px } ul.rental-list li { background: url(../imgs/bul_arrow.png) no-repeat left; padding: 5px 0px 5px 15px } ul.menu-list { color: #39464c; font-size: 12px; list-style: none; padding-top: 5px } ul.menu-list li { background: url(../imgs/bul_arrow.png) no-repeat left; padding: 5px 0px 5px 15px } #footer p { color: #828282; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px 0px 0px 20px } /* ---------------------------------------------------------------------------------------------- LAYOUT CONTAINERS ----------------------------------------------------------------------------------------------*/ #page-container { background: url(../imgs/page_bg.gif) repeat-y; margin: 0 auto; width: 970px } #header { background: url(../imgs/logo.gif) no-repeat; height: 105px; width: 970px } #nav { background: url(../imgs/phone.gif) no-repeat right #880000; float: left; margin: 0px 10px; padding: 8px 0px 0px 20px; width: 930px } #intro { float: left; min-height: 190px; margin: 0px 10px; padding: 20px; width: 910px } #home #intro { background: url(../imgs/home-pic.gif) no-repeat right } #bbq #intro { background: url(../imgs/bbq-pic.gif) no-repeat right } #rentals #intro { background: url(../imgs/rental-pic.gif) no-repeat right; min-height: 140px } #contact-page #intro { min-height: 60px } #menu { background: #f2e6bd; float: left; margin: 0px 10px; width: 950px } #footer { background: #dbdbdb; clear: both; width: 970px } /* ---------------------------------------------------------------------------------------------- CONTENT CONTAINERS ----------------------------------------------------------------------------------------------*/ #intro-inner { float: left; width: 600px } #menu-head { float: left; height: 35px; width: 950px } .box-wrap { float: left; width: 629px } #bottom { background: url(../imgs/bottom_bg.gif) no-repeat; float: left; height: 30px; width: 970px } #rentals #bottom { background: url(../imgs/bottom_white_bg.gif) no-repeat } #address { float: left; padding-left: 20px; width: 300px } /* ---------------------------------------------------------------------------------------------- MAIN NAVIGATION ----------------------------------------------------------------------------------------------*/ #navlist { font-size: 14px; font-weight: bold; list-style: none; text-transform: uppercase } #navlist li { display: inline; float: left; list-style: none; margin-right: 3px; text-align: center; width: 130px } #navlist li.home, #navlist li a.home { width: 215px } #navlist li a { float: left; height: 21px; padding-top: 7px; width: 130px } #navlist li a:link, #navlist li a:visited { background: url(../imgs/nav_off.gif) no-repeat; color: #fff } #navlist li a#active-home { background: url(../imgs/nav_active_home.gif) no-repeat; color: #cf3838 } #navlist li a.home:link, #navlist li a.home:visited { background: url(../imgs/nav_off_home.gif) no-repeat; color: #fff } #navlist li a:hover { background: url(../imgs/nav_on.gif) no-repeat } #navlist li a#active { background: url(../imgs/nav_active.gif) no-repeat; color: #cf3838 } /* ---------------------------------------------------------------------------------------------- PORTFOLIO SLIDE SHOW ----------------------------------------------------------------------------------------------*/ .menu-box { float: left; margin-top: 20px; padding: 0px 20px; text-align: center; width: 274px } .menu-box2 { border-top: 1px dotted #bc925e; float: left; margin: 20px 0px 0px 20px; padding: 20px 20px 0px 0px; text-align: center; width: 274px } .menu-box3 { border-top: 1px dotted #bc925e; float: left; margin: 20px 20px 0px 0px; padding: 20px 0px 0px 20px; text-align: center; width: 274px } .border-left { border-left: 1px dotted #bc925e } p.menu-item { color: #39464c; font-size: 14px; font-weight: bold } p.item-desc { color: #39464c; font-size: 12px; line-height: 1.6; padding-bottom: 15px } /* ---------------------------------------- FORMS ----------------------------------------*/ #contact-wrap { background: #f2e6bd; border-top: 1px solid #873f00; float: left; margin: 0px 10px; padding-top: 20px; width: 950px } #contact_form { border-right: 1px dotted #bc925e; float: left; height: 400px; padding-left: 30px; width: 400px } #contact_form form { float: left; width: 400px } #contact_form form fieldset { float: left; width: 400px } #contact_form ol { float: left; list-style: none; width: 400px } #contact_form ol li { float: left; width: 400px } #contact_form label { font-size: 12px; float: left; width: 120px; text-align: right; color: #39464c; font-weight: bold; padding: 8px 2px 8px 0px } #contact_form label.error { margin-top: 6px; width: 20px; background: transparent url(../imgs/cancel.gif) no-repeat left } #contact_form input.text-input, textarea, select { border: 1px solid #bc925e; float: left; margin: 4px; padding: 4px; color: #000; width: 200px } #contact_form input.button { padding: 3px 6px; background: #e6cf8c; border: 1px solid #39464c; float: left; margin: 8px 0px 0px 126px; color: #39464c } #contact_form input.button:hover { cursor: pointer } #message { float: left; width: 360px; margin-top: 10px; text-align: center } #message h2 { font-size: 16px; color: #39464c } #message p { color: #39464c; font-size: 14px; font-weight: bold; margin: 6px 0px; padding-bottom: 10px }