/* --------------------------------------------------------------------------------------------- general setup --------------------------------------------------------------------------------------------- */ body { margin: 0; background: #570000 url(/images/bg.png) repeat-x; color: #332118; } a { outline: none; font-weight: bold; color: #332118; -webkit-transition: color 0.3s linear; } a:hover { color: #e18919; } /* TABS ---------------------------------------- */ ul.tabs { margin: 0; padding: 0; } ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; } ul.tabs li a { float: left; display: block; } /* Clearing floats without extra markup */ ul.tabs { display: inline-block; } ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html ul.tabs { height: 1%; } ul.tabs { display: block; } /* FORMS ---------------------------------------- */ form input { border: none; outline: none; font-size: 12px; } form input.text { margin: 0 0 10px 0; color: #472100; } form input.focused { color: #570000; } form input.button { padding: 3px 15px; font-weight: bold; background: #d8972e; color: #472100; -webkit-border-radius: 10px; -moz-border-radius: 10px; cursor: pointer; } /* ROUNDED CORNERS ---------------------------------------- */ .rounded-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .rounded-10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .rounded-15 { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .rounded-top-5 { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .rounded-top-10 { -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-top-15 { -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } .rounded-bot-5 { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .rounded-bot-10 { -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .rounded-bot-15 { -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } /* --------------------------------------------------------------------------------------------- header --------------------------------------------------------------------------------------------- */ #header { height: 162px; background: url(/images/bg_header.png) top right no-repeat; } #header h1 { margin: 0; width: 270px; height: 121px; } #header h1 a { width: 270px; height: 121px; display: block; text-indent: -9999px; background: url(/images/tr_h1.png) no-repeat; } #header ul.tabs { width: 830px; height: 33px; } #header ul.tabs li a { height: 33px; text-indent: -9999px; text-decoration: none; background: url(/images/sprite_main.png) no-repeat; } #header ul.tabs #coffee a { width: 81px; background-position: 0 0; } #header ul.tabs #vending a { width: 96px; background-position: -81px 0; } #header ul.tabs #catering a { width: 96px; background-position: -177px 0; } #header ul.tabs #corporate a { width: 195px; background-position: -273px 0; } #header ul.tabs #healthcare a { width: 119px; background-position: -468px 0; } #header ul.tabs #about a { width: 101px; background-position: -587px 0; } #header ul.tabs #contact a { width: 142px; background-position: -688px 0; } #header ul.tabs #coffee a:hover, #s-coffee #header ul.tabs #coffee a { background-position: 0 -33px; } #header ul.tabs #vending a:hover, #s-vending #header ul.tabs #vending a { background-position: -81px -33px; } #header ul.tabs #catering a:hover, #s-catering #header ul.tabs #catering a { background-position: -177px -33px; } #header ul.tabs #corporate a:hover, #s-corporate #header ul.tabs #corporate a { background-position: -273px -33px; } #header ul.tabs #healthcare a:hover, #s-healthcare #header ul.tabs #healthcare a { background-position: -468px -33px; } #header ul.tabs #about a:hover, #s-about #header ul.tabs #about a { background-position: -587px -33px; } #header ul.tabs #contact a:hover, #s-contact #header ul.tabs #contact a { background-position: -688px -33px; } /* --------------------------------------------------------------------------------------------- home feature --------------------------------------------------------------------------------------------- */ #feature { padding: 10px 15px 15px 15px; width: 920px; height: 389px; background: url(/images/bg_feature.png) no-repeat; } #feature #feature-slideshow { width: 625px; height: 389px; float: left; } #feature #feature-slideshow .slide img { } #feature #feature-sidebar { width: 295px; height: 389px; float: left; position: relative; background: url(/images/bg_feature-sidebar.png) no-repeat; } #feature #feature-sidebar #slideshow { margin: 98px auto 0; width: 241px; height: 253px; overflow: hidden; } #feature #feature-sidebar #slideshow .slide img { margin-bottom: 10px; border: 3px solid #c9b9a2; } #feature #feature-sidebar #slideshow .slide h3 { margin: 0 0 4px 0; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; color: #332118; } #feature #feature-sidebar #slideshow .slide p { font-size: 11px; line-height: 1.2; text-align: center; color: #332118; } #feature #feature-sidebar #slideshow .slide a { color: #332118; } #feature #feature-sidebar #slideshow .slide a:hover { color: #570000; } #feature #feature-sidebar #slide-nav { margin: 10px auto 0; padding-left: 13px; width: 138px; height: 28px; position: relative; background: url(/images/bg_slide-nav.png) no-repeat; } #feature #feature-sidebar #slide-nav a { margin-right: 3px; width: 10px; height: 28px; float: left; display: block; text-indent: -9999px; background: url(/images/bg_slide-nav-a.png) no-repeat; } #feature #feature-sidebar #slide-nav a:hover, #feature #feature-sidebar #slide-nav a.activeSlide { background-position: 0 -28px; } #feature #feature-sidebar #slide-nav a:focus { outline: none; } #feature #feature-sidebar a#view-all { margin-right: 0; width: 75px; height: 28px; display: block; position: absolute; top: 361px; left: 148px; text-indent: -9999px; background: none; } /* --------------------------------------------------------------------------------------------- title banner --------------------------------------------------------------------------------------------- */ #title-banner { height: 162px; background: url(/images/bg_title-banner.png) no-repeat; } #title-banner h2 { margin: 10px 0 0 15px; width: 625px; height: 137px; text-indent: -9999px; } #s-coffee #title-banner h2 { background: url(/images/tr_h2-coffee.jpg) no-repeat; } #s-vending #title-banner h2 { background: url(/images/tr_h2-vending.jpg) no-repeat; } #s-catering #title-banner h2 { background: url(/images/tr_h2-catering.jpg) no-repeat; } #s-corporate #title-banner h2 { background: url(/images/tr_h2-corporate.jpg) no-repeat; } #s-healthcare #title-banner h2 { background: url(/images/tr_h2-healthcare.jpg) no-repeat; } #s-about #title-banner h2 { background: url(/images/tr_h2-about.jpg) no-repeat; } #s-contact #title-banner h2 { background: url(/images/tr_h2-contact.jpg) no-repeat; } #s-news #title-banner h2 { background: url(/images/tr_h2-news.jpg) no-repeat; } /* --------------------------------------------------------------------------------------------- content --------------------------------------------------------------------------------------------- */ #content { padding: 18px 15px 0 15px; width: 920px; background: #ffffee url(/images/bg_content.png) no-repeat; } #content-bot { height: 18px; background: url(/images/bg_content-bot.png) no-repeat; } /* HOME ---------------------------------------- */ #s-home #content { min-height: 288px; height: auto !important; height: 288px; background: #ffffee url(/images/bg_content-home.png) no-repeat; } #s-home #content .col { padding: 10px; width: 275px; float: left; background: url(/images/bg_content-col.jpg) no-repeat; } #s-home #content .col h3 { margin: 0 0 0 0; height: 90px; text-indent: -9999px; } #s-home #content .col p { padding: 0 5px; font-size: 13px; } #s-home #content .col.one { margin-right: 18px; } #s-home #content .col.one h3 { background: url(/images/tr_h3-gallins-facebook.png) no-repeat; } #s-home #content .col.two { margin-right: 17px; } #s-home #content .col.two h3 { background: url(/images/tr_h3-gallins-vending.png) no-repeat; } #s-home #content .col.three { } #s-home #content .col.three h3 { background: url(/images/tr_h3-gallins-newsletter.png) no-repeat; } #s-home #content .col.three p { margin-left: 105px; } #s-home #content .col.three form { margin-left: 105px; } #s-home #content .col.three form input.text { width: 150px; background-color: #f1cb8f; border-color: #f1cb8f; } /* --------------------------------------------------------------------------------------------- content-sidebar --------------------------------------------------------------------------------------------- */ #content-sidebar { margin: 0 50px 36px 0; padding: 18px 0 10px 0; width: 295px; float: left; background: url(/images/bg_content-col.jpg) no-repeat; } #s-error #content-sidebar { padding-top: 0; background: none; } #content-sidebar ul { margin: 0 20px 18px 15px; padding: 0; list-style-type: none; border-bottom: 1px solid #f9e4b6; } #content-sidebar ul li { padding: 7px 5px 7px 15px; font: 13px/1.1 Cambria, Georgia, Times, “Times New Roman”, serif; background: url(/images/bg_bullet.png) 0 10px no-repeat; border-top: 1px solid #f9e4b6; } #content-sidebar ul.subnav { border: none;} #content-sidebar ul.subnav li { padding: 0; background: none; border: none; } #content-sidebar ul.subnav li a { padding: 7px 5px; display: block; font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: -.045em; text-decoration: none; color: #e18919; background: url(/images/bg_divider.png) bottom left repeat-x; } #content-sidebar ul.subnav li a:hover, #content-sidebar ul.subnav li.selected a { color: #570000; } #content-sidebar h3 { margin: 0 20px 18px 15px; font: 24px Georgia, "Times New Roman", Times, serif; letter-spacing: -.045em; color: #e18919; text-shadow: -2px 2px 0px rgba(225,137,25, .2); } #content-sidebar h3#formal-apologies { margin: 0 0 10px 40px; height: 72px; text-indent: -9999px; background: url(/images/tr_h3-formal-apologies.png) no-repeat; } #content-sidebar p { margin: 0 20px 18px 15px; } #content-sidebar #newsletter-signup { margin-top: 30px; padding: 10px; background: url(/images/bg_content-col.jpg) no-repeat; } #s-error #content-sidebar #newsletter-signup { margin-top: 0; } #content-sidebar #newsletter-signup h3 { margin: 0; height: 90px; text-indent: -9999px; background: url(/images/tr_h3-gallins-newsletter.png) no-repeat; } #content-sidebar #newsletter-signup p { margin-left: 105px; font-size: 12px; line-height: 1.3; } #content-sidebar #newsletter-signup form { margin-left: 105px; } #content-sidebar #newsletter-signup form input.text { width: 150px; background-color: #f1cb8f; border-color: #f1cb8f; position: relative; } #content-sidebar #testimonials-box { padding: 18px 0 10px; min-height: 220px; height: auto !important; height: 220px; background: url(/images/bg_content-col.jpg) no-repeat; } #content-sidebar #testimonials p.attribution { font: italic 12px Georgia,Times,serif; } /* --------------------------------------------------------------------------------------------- content-main --------------------------------------------------------------------------------------------- */ #content-main { margin-bottom: 36px; padding-top: 18px; width: 510px; float: left; } #content-main h3 { margin-bottom: 10px; font-size: 24px; letter-spacing: -.045em; text-transform: uppercase; color: #e18919; } #content-main h4 { margin-bottom: 9px; font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: -.045em; } #content-main p { font: 14px/1.5 Cambria, Georgia, Times, “Times New Roman”, serif; } #content-main p img { float: none; } #content-main p img.left { margin: 10px 10px 10px 0; float: left; } #content-main p img.right { margin: 10px 0 10px 10px; float: right; } #content-main p img.left-top { margin: 0 10px 10px 0; float: left; } #content-main p img.right-top { margin: 0 0 10px 10px; float: right; } #content-main p img.full { margin: 0; } #content-main a.flowplayer { margin: 36px auto 18px; width: 450px; height: 300px; display: block; border: 15px solid #570000; } #content-main a.flowplayer img { margin-top: 18px; width: 450px; height: 300px; } #content-main a.flowplayer object { } #content-main #sub-slideshow { margin: 0 0 18px 0; padding: 0; width: 510px; height: 300px; } #content-main #sub-slideshow img { margin: 0; padding: 0; border: 3px solid #e18919; } #content-main .entry { margin-bottom: 54px; } #content-main .entry img { margin-right: 17px; width: 89px; float: left; } #content-main .entry h3, #content-main .entry h4, #content-main .entry p { margin-left: 120px; } /* COFFEE ---------------------------------------- */ #s-coffee #content-main .entry a.thumb, #s-coffee #content-main .entry span.thumb { padding: 7px; width: 89px; height: 89px; display: block; float: left; background: url(/images/bg_thumb.png) no-repeat; } #s-coffee #content-main .entry a.thumb img, #s-coffee #content-main .entry span.thumb img, #s-coffee #content-main .entry p img { width: auto; } #s-coffee.brands #content-main .entry { margin-bottom: 36px; min-height: 103px; height: auto !important; height: 103px; } /* CATERING ---------------------------------------- */ #s-catering #content-main p { margin: 0 0 1.7em; } /* ABOUT US ---------------------------------------- */ #s-about #content-main .entry h3, #s-about #content-main .entry p { margin-left: 0; } #s-about #content-main p img { float: none; } #s-about #content-main p img.left { margin: 10px 10px 10px 0; float: left; } #s-about #content-main p img.right { margin: 10px 0 10px 10px; float: right; } #s-about #content-main p img.left-top { margin: 0 10px 10px 0; float: left; } #s-about #content-main p img.right-top { margin: 0 0 10px 10px; float: right; } #s-about #content-main p img.full { margin: 0; } /* NEWS ---------------------------------------- */ #s-news #content-main .entry h3, #s-news #content-main .entry p { margin-left: 0; } #s-news #content-main h4 a { margin-bottom: 9px; font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: -.045em; color: #e18919; } #s-news #content-main h4 a:hover { color: #570000; } #s-news #content-main span { margin-bottom: 5px; font: italic 12px Georgia, "Times New Roman", serif; font-weight: bold; display: block; } #s-news #content-main .entry img { width: 235px; border: 3px solid #c9b9a2; } /* FORMS ---------------------------------------------------- */ #content-main form { } #content-main div.field { margin-bottom: 9px; width: 470px; float: left; } #content-main div.field label { padding-top: 7px; width: 65px; float: left; } #content-main div.field input { margin-right: 15px; padding: 5px; width: 200px; float: left; background-color: #f1cb8f; border: 1px solid #FFFFED; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #content-main div.field span { padding-top: 9px; display: block; font: italic 11px Georgia, "Times New Roman", serif; } #content-main div.field textarea { margin: 0; padding: 5px; width: 458px; height: 190px; background-color: #f1cb8f; border: 1px solid #FFFFED; font: 14px Arial; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #content-main div.field select { margin-right: 15px; padding: 4px 5px; width: 212px; float: left; border: 1px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #content-main div.utility { margin: 0 0 18px 0; padding: 10px; width: 450px; float: left; background: #6e563e; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #content-main div.utility input { width: auto; } #content-main div.submit input { padding: 5px 10px; float: none; font-size: 11px; font-weight: bold; text-transform: uppercase; background-color: #d8972e; border: 2px solid #FFFFED; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #content-main div.block label { padding-top: 7px; width: auto; float: none; } #content-main span.captcha-hints { font-weight: normal; } /* --------------------------------------------------------------------------------------------- footer --------------------------------------------------------------------------------------------- */ #footer-wrapper { height: 162px; background: #1e0000 url(/images/bg_footer-wrapper.png) repeat-x; } #footer { padding-top: 75px; position: relative; } #footer ul.tabs { margin-left: 30px; font-size: 12px; } #footer ul.tabs li { margin-right: 14px; padding: 2px 15px 1px 0; border-right: 1px solid #4b3330; } #footer ul.tabs li.last { margin-right: 0; border-right: none; } #footer ul.tabs li a { color: #908180; text-decoration: none; } #footer ul.tabs li a:hover { color: #ffe; text-decoration: underline; } #footer ul.tabs li.copyright { margin: 0; padding: 0; position: absolute; top: 75px; right: 30px; border-right: none; color: #908180; } #footer a.facebook { width: 76px; height: 28px; position: absolute; top: 100px; right: 30px; display: block; text-indent: -9999px; background: url(/images/tr_a-footer-facebook.png) no-repeat; }