/* *********************************************************** Site: NYPD New York Pizza Delivery Browser(s): All Author: Chris Campbell [http://www.designbycampbell.com] Created: 02.21.09 Last modified: 04.08.10 *********************************************************** */ /* Global Reset and Little Tricks */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h5, h5, h6 { font-size:100% } a { outline: none } /* Gets rid of Firefox's dotted borders */ a img { border: none } /* Gets rid of IE's blue borders */ /* Global Elements */ body { background: #fdfdfd; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 12px; } #wrapper { width: 900px; text-align: left; margin: 0 auto; position: relative; } .clear { clear: both; } .float_right { float: right; } a:link, a:visited { color: #2f6295; text-decoration: none; } a:hover { color: #2f6295; text-decoration: underline; } a:active { color: #000; } .you_are_here a:link { color: #d02016; } h2 { font-size: 24px; font-weight: bold; margin-bottom: 10px; } h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #d02016; } #home_link a { position: absolute; top: 3px; width: 281px; height: 138px; background: url(../images/logo-nypd.png) 0 0 no-repeat; z-index: 1000; display: block; } * html #home_link a { background: url(../images/logo-nypd.gif) 0 0 no-repeat; } #home_link h1 { text-indent: -9999px; } /* Navbar */ /*#navbar { float: right; margin-top: 19px; }*/ #navbar { float: right; margin-top: 3px; } #navbar li { float: left; } #navbar a { display: block; text-decoration: none; height: 39px; text-indent: -9999px; } #nav_menu a { background-image: url(../images/nav_menu.jpg); background-repeat: no-repeat; width: 132px; } #nav_menu a:hover { background-position: 0 -39px; } #nav_specials a { background-image: url(../images/nav_specials.jpg); background-repeat: no-repeat; width: 130px; } #nav_specials a:hover { background-position: 0 -39px; } /*#nav_location a { background-image: url(../images/nav_location.jpg); background-repeat: no-repeat; width: 129px; } #nav_location a:hover { background-position: 0 -39px; } #nav_contact a { background-image: url(../images/nav_contact.jpg); background-repeat: no-repeat; width: 131px; } #nav_contact a:hover { background-position: 0 -39px; }*/ #nav_delivery a { background-image: url(../images/nav_delivery.jpg); background-repeat: no-repeat; width: 131px; } #nav_delivery a:hover { background-position: 0 -39px; } /*#delivery { text-align: right; width: 900px; height: 32px; background: url(../images/callfordelivery.gif) top right no-repeat; margin-top: 22px; }*/ #delivery { text-align: right; width: 900px; height: 70px; background: url(../images/callfordelivery2.gif) top right no-repeat; } /* Footer */ #footer { margin: 29px 0; border-top: 1px solid #c0c0c0; padding-top: 26px; position: relative; } #footer ul { margin-bottom: 20px; } #footer li { display: inline; margin-right: 4px; font-weight: bold; text-transform: uppercase; font-size: 14px; } #footer p { color: #202020; font-weight: bold; } #footer p.disclaimer { position: absolute; top: 65px; right: 0; color: #D02016; font-size: 10px; text-transform: uppercase; } #footer span { color: #d02016; } /* Homepage Elements */ #home_content { background: url(../images/veggies_temp.jpg) top right no-repeat; height: 185px; font-weight: bold; font-size: 18px; color: #767676; } #home_content p { line-height: 1.5em; } #home_content span { color: #d02016; } #home_content ul { margin-top: 20px; } #home_content li { background: url(../images/icon_paper.jpg) left center no-repeat; height: 44px; padding-left: 50px; line-height: 44px; } #home_featured ul { margin-top: 30px; } #home_featured li { float: left; } #home_featured a { display: block; text-decoration: none; height: 144px; text-indent: -9999px; } #feat1 a { background-image: url(../images/feat_pizzachicken.jpg); background-repeat: no-repeat; width: 290px; } #feat1 a:hover { background-position: 0 -144px; } #feat2 a { background-image: url(../images/feat_ribs.jpg); background-repeat: no-repeat; width: 290px; } #feat2 a:hover { background-position: 0 -144px; } #feat3 a { background-image: url(../images/feat_meateater.jpg); background-repeat: no-repeat; width: 290px; } #feat3 a:hover { background-position: 0 -144px; } .featured_left_padding { padding-left: 15px; } #splash { width: 900px; height: 330px; margin-top: 42px; } #splash img { display: block; } img.colleges { margin: 15px 0; } #specials { width: 890px; background: #e3e3e3; position: relative; padding: 10px 0 10px 10px; clear: left; } .carousel { margin-left: 40px; } .carousel li { width: 260px; height: 188px; margin-right: 10px; } button.next { background: url(../images/btn-next.jpg) 0 0 no-repeat; text-indent: -9999px; width: 26px; height: 26px; border: none; position: absolute; right: 10px; top: 91px; } button.prev { background: url(../images/btn-prev.jpg) 0 0 no-repeat; text-indent: -9999px; width: 26px; height: 26px; border: none; position: absolute; left: 10px; top: 91px; } h2.specials { margin-top: 20px; color: #322b2b; } /* Menu Elements */ #header { width: 900px; height: 210px; text-indent: -9999px; margin: 42px 0 5px 0; } #menu_body #header { background: url(../images/menu_header.jpg) top center no-repeat; } #menu_combodinners_body #header { background: url(../images/menu_combodinners_header.jpg) top center no-repeat; } #menu_wings_body #header { background: url(../images/menu_wings_header.jpg) top center no-repeat; } #menu_appetizers_body #header { background: url(../images/menu_appetizers_header.jpg) top center no-repeat; } #menu_sandwiches_body #header { background: url(../images/menu_sandwiches_header.jpg) top center no-repeat; } #menu_platedinners_body #header { background: url(../images/menu_platedinners_header.jpg) top center no-repeat; } #menu_salads_body #header { background: url(../images/menu_salads_header.jpg) top center no-repeat; } #menu_desserts_body #header { background: url(../images/menu_desserts_header.jpg) top center no-repeat; } #menu_beverages_body #header { background: url(../images/menu_beverages_header.jpg) top center no-repeat; } #menu_chicken_body #header { background: url(../images/menu_chicken_header.jpg) top center no-repeat; } #menu_seafood_body #header { background: url(../images/menu_seafood_header.jpg) top center no-repeat; } #menu_ribs_body #header { background: url(../images/menu_ribs_header.jpg) top center no-repeat; } #menu_italian_body #header { background: url(../images/menu_italian_header.jpg) top center no-repeat; } #menu_greek_body #header { background: url(../images/menu_greek_header.jpg) top center no-repeat; } #menu_specials_body #header { background: url(../images/menu_specials_header.jpg) top center no-repeat; } #menu_content { color: #ffde00; } #menu_content span { color: #fff; } .bold { font-weight: bold; } .italic { font-style: italic; } .small { font-size: 11px; } #menu_nav { margin-bottom: 18px; color: #000; } #menu_nav li { display: inline; margin-right: 5px; font-weight: bold; font-size: 14px; } #menu_left_column { width: 440px; } #menu_right_column { float: right; width: 440px; } .menu_box { background: #b6130b; padding: 14px; margin-bottom: 15px; } #menu_specials_body h2 { margin-bottom: 0; } #menu_specials_body strong { color: #fff; font-size: 14px; } /* Delivery Elements */ #delivery_body #header { background: url(../images/delivery_header.jpg) top center no-repeat; } #delivery_content { font-weight: bold; font-size: 16px; color: #767676; } #delivery_content span { color: #d02016; } #map_canvas { margin-top: 25px; } /* Location Elements */ #left_column { width: 440px; } #right_column { float: right; width: 440px; } .box { background: #b6130b; padding: 14px; } #location_body #header { background: url(../images/location_header.jpg) top center no-repeat; } #location_content { font-weight: bold; font-size: 16px; color: #767676; } /* Contact Elements */ #contact_body #header { background: url(../images/contact_header.jpg) top center no-repeat; } #contact_content { font-weight: bold; font-size: 16px; color: #767676; } #contact_content span { color: #d02016; } #map_canvas { margin-top: 25px; }