* {margin:o; behavior: url(iepngfix.htc)} body { background:#554838 url(../img/bg.jpg) repeat-x; background-attachment: fixed; font-family: arial; font-size:82.5%; margin:0; padding:0; color:#333; } body .topMargin {margin-top: 10px;} a {color:#333; text-decoration: underline; overflow:hidden; outline:none;} a:hover {text-decoration: none;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#ff0000; margin: 0px 0px 5px 0px;font-family:arial;} h2 {font-size:1.3em;margin-bottom:20px;} h3 {font-size:1.1em;margin-bottom:12px; color:#ff0000; font-weight: bold; } h4 {font-size:1.1em;margin-bottom:6px;} h5 {font-size:1em;margin-bottom:10px;color:#ff0000;} ul, ol {margin: 0 0 .85em; padding: 0; list-style:none;} dl, dt, dd {margin: 0; padding: 0; border: 0;} strong { font-weight:bold;} em { font-style:italic;} .break { height:15px;} .breakFix { height:15px;} .breakHigh { height:45px;} .space { height:5px;} span {color:#ff0000;} #left {float:left;} .clear {clear:left; height:15px;} .clearFix {clear:left;} .clr {clear: both; height: 1px; line-height: 1px; overflow: hidden;} /* --- general --- */ /* #site {width:100%; height:100%; float:left;} */ #wrapper {/*width:998px;*/ width:842px; background:transparent; margin:0 auto; position:relative; z-index:100;} #wrapper.home {margin:0px auto;} #topArea {float:left; width:100%; background:transparent; } #inner {width:842px; /*margin-left:35px;*/ float:left;} #bottom {float:left; /*margin-left:35px;*/ width:842px; margin-top:8px;} /* ---delivering button --- */ #deliverBtn {position:absolute; left: 0; top: 0; display: block; z-index:99; width: 379px; height: 231px; } #deliverBtn h1 a { width: 382px; height: 230px; text-indent: -999px; background: url(../img/slogan.png) no-repeat; overflow: hidden; display:block;} /* --- hmpage logo --- */ #hmlogo { width:367px; /*float:left; margin-left:220px;*/ margin: auto;} #hmlogo h1 {float:left; margin-top:5px; } #hmlogo h1 a {background: url(../img/hm_logo.png) no-repeat; width: 367px; height: 136px; text-indent: -999px; display:block; overflow:hidden;} /* --- logo --- */ #logo { width:460px; /*float:left; margin-left:220px;*/ margin: auto;} #logo h1 {float:left; margin-top:5px; } #logo h1 a {background: url(../img/logo.png) no-repeat; width: 460px; height: 167px; text-indent: -999px; display:block; overflow:hidden;} /* --- opening soon --- */ #opening {float:left; width:243px; margin-left:40px; margin-top:50px; background:url(../img/opening_soon.png) no-repeat; height:155px;} /* --- navigation --- */ #nav {float: left; margin:0px 0px 0px 0px;} #nav li {float: left;} #nav li:hover, #nav li.sfhover {} #nav li.active {} a#homeNav, a#aboutNav,a#productsNav,a#menuNav,a#cateringNav,a#orderNav,a#newsNav, a#contactNav{display: block;height:68px;text-indent:-9999px;} /*a#homeNav {background:transparent url(../img/nav.png) 0 0 no-repeat;width:80px;}*/ a#aboutNav {background:transparent url(../img/nav.png) 0 0 no-repeat;width:130px;} a#productsNav {background:transparent url(../img/nav.png) -130px 0 no-repeat;width:108px;} a#menuNav {background:transparent url(../img/nav.png) -238px 0 no-repeat;width:85px;} a#cateringNav {background:transparent url(../img/nav.png) -323px 0 no-repeat;width:145px;} a#orderNav {background:transparent url(../img/nav.png) -468px 0 no-repeat;width:85px;} a#newsNav {background:transparent url(../img/nav.png) -553px 0 no-repeat;width:195px;} a#contactNav {background:transparent url(../img/nav.png) -748px 0 no-repeat;width:90px;} /* hover */ /*a#homeNav:hover {background:transparent url(../img/nav.png) 0 -68px no-repeat;}*/ a#aboutNav:hover {background:transparent url(../img/nav.png) 0 -68px no-repeat;} a#productsNav:hover {background:transparent url(../img/nav.png) -130px -68px no-repeat;} a#menuNav:hover {background:transparent url(../img/nav.png) -238px -68px no-repeat;} a#cateringNav:hover {background:transparent url(../img/nav.png) -323px -68px no-repeat;} a#orderNav:hover {background:transparent url(../img/nav.png) -468px -68px no-repeat;} a#newsNav:hover {background:transparent url(../img/nav.png) -553px -68px no-repeat;} a#contactNav:hover {background:transparent url(../img/nav.png) -748px -68px no-repeat;} /* you-are-here */ /*#home a#homeNav {background:transparent url(../img/nav.png) 0 -68px no-repeat;}*/ #about a#aboutNav {background:transparent url(../img/nav.png) 0 -68px no-repeat;} #products a#productsNav {background:transparent url(../img/nav.png) -130px -68px no-repeat;} #menu a#menuNav {background:transparent url(../img/nav.png) -238px -68px no-repeat;} #catering a#cateringNav:hover {background:transparent url(../img/nav.png) -323px -68px no-repeat;} #order a#orderNav {background:transparent url(../img/nav.png) -468px -68px no-repeat;} #news a#newsNav {background:transparent url(../img/nav.png) -553px -68px no-repeat;} #contact a#contactNav {background:transparent url(../img/nav.png) -748px -68px no-repeat;} /* --- main --- */ #mainArea {float:left; width:842px;} #picLeft {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;} #picLeft p {font-size:1.4em; line-height:1.5em; color:#fff; text-transform:uppercase; width:290px; text-align:center; margin:70px auto;} #picRight { width:433px; float:left; /*background:url(../img/img_01.jpg) no-repeat;*/ height:325px; border:none; } /* --- about rightside picture --- */ #picLeftAbout {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;} #picLeftAbout p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:70px; padding:0; } #picAbout { width:433px; float:left; /*background:url(../img/img_04.jpg) no-repeat;*/ height:325px; border:none;} /* --- history rightside picture --- */ #picLeftHistory {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;} #picLeftHistory p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:70px; padding:0; } #picHistory { width:433px; float:left; /*background:url(../img/img_08.jpg) no-repeat;*/ height:325px; border:none;} /* --- products rightside picture --- */ #picLeftProducts {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;} #picLeftProducts p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:70px; padding:0;} #picProducts { width:433px; float:left; /*background:url(../img/img_05.jpg) no-repeat;*/ height:325px; border:none;} /* --- news rightside picture --- */ #picLeftNews {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;} #picLeftNews p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:125px; padding:0;} #picNews { width:433px; float:left; /*background:url(../img/img_05.jpg) no-repeat;*/ height:325px; border:none;} /* --- menu rightside picture --- */ #picLeftMenu {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;} #picLeftMenu p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:70px; padding:0;} #picMenu { width:433px; float:left; /*background:url(../img/img_06.jpg) no-repeat;*/ height:325px; border:none;} /* --- order rightside picture --- */ #picLeftOrder {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;} #picLeftOrder p {font-size:1.3em; line-height:1.5em; color:#fff; text-transform:uppercase; text-align:center; margin-top:150px; padding:0;} #picOrder { width:433px; float:left; /*background:url(../img/img_10.jpg) no-repeat;*/ height:325px; border:none;} /* --- contact rightside picture --- */ #picLeftContact {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;} #picLeftContact p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:70px; padding:0; margin-bottom:0px;} #picLeftContact #address {float:left; text-align:center; width:100%;} #picLeftContact #address ul {list-style:none; margin:5px 0 0 0;} #picLeftContact #address li {font-size:1.1em; line-height:1.5em; color:#fff; text-transform:uppercase;} #picLeftContact #address li a {text-decoration:underline; color:#fff;} #picLeftContact #address li a:hover {text-decoration:none;} #picLeftContact #follow {float:left; width:100%; margin-top:5px;} #picLeftContact #follow .text {font-size:1.1em; line-height:1.5em; color:#fff; text-transform:uppercase; float:left; margin-right:5px; margin-left:100px; margin-top:3px;} #picLeftContact #follow .facebook {float:left; margin-right:5px; margin-top:1px;} #picLeftContact #follow .twitter {float:left; margin-right:0px; margin-top:1px;} #picContact { width:433px; float:left; /*background:url(../img/img_07.jpg) no-repeat;*/ height:325px;} /* --- content --- */ #content {float:left; width:100%; background:#fff; /*margin-bottom:25px;*/ padding-bottom:25px;} #content h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;} #content h4 { margin-top:15px; margin-left:5px; margin-bottom:10px;} #content p {font-size:1.1em; color:#333; margin-left:20px; margin-right:30px; line-height:1.3em; margin-bottom:10px;} #content p.bolder {font-weight:bold; font-size:1.4em;} #content h3 {color:#666; text-transform:uppercase; font-size:1.1em; font-weight:bold; margin-bottom:10px; margin-left:20px; margin-top:30px;} #content ul { list-style-image:url(../img/star.gif); margin:20px 0 0 0;} #content li {font-size:1.1em; color:#333; text-transform:uppercase; margin-bottom:.5em; margin-left:40px;} #content li a {text-decoration:underline; color:#333;} #content li a:hover {text-decoration:none;} /* --- text blocks --- */ #contentBlocks {float:left; width:100%;} #contentLeft {width:400px; float:left;} #contentLeft h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;} #contentLeft ul {list-style-image:none; margin:20px 0 0 0;} #contentLeft li {font-size:1.1em; color:#333; margin-bottom:.5em; margin-left:20px; text-transform:none;} #contentRight {width:441px; float:left;} #contentRight h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;} #contentRight ul {list-style-image:none; margin:20px 0 0 0;} #contentRight li {font-size:1.1em; color:#333; margin-bottom:.5em; margin-left:5px; text-transform:none;} #contentRight li span {font-size:.75em; color:#000;} #contentBullets {width:100%; float:left;} #contentBullets ul {list-style-image:none; margin:0px 0 0 0;} #contentBullets li {font-size:1.1em; color:#333; margin-bottom:.5em; margin-left:20px; text-transform:none;} #textLeft {width:400px; float:left;} #textLeft h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;} #textLeft h3 {margin-top:20px; font-size:1.3em; color:#000; font-weight:bold;} #textLeft p {font-size:1.1em; color:#333; margin-left:20px; margin-right:30px; line-height:1.3em; margin-bottom:5px;} #textLeft p.bolder {font-weight:bold; font-size:1.3em;} #textLeft ul {list-style-image:none; margin:20px 0 0 0;} #textLeft ul.span {color:#000; margin-top:10px;} #textLeft li {font-size:1.1em; color:#333; margin-bottom:.5em; margin-left:20px; text-transform:none;} #textLeft li span {color:#000; font-weight:bold; font-size:1.3em;} #textRight {width:441px; float:left;} #textRight h1 { margin-top:15px; margin-left:20px; margin-bottom:10px; background:url(../img/newsletter.png) no-repeat; width:414px; height:364px;} #textRight ul {list-style-image:none; margin:20px 0 0 0;} #textRight li {font-size:1.1em; color:#333; margin-bottom:.5em; margin-left:5px; text-transform:none;} #textRight li span {font-size:.75em; color:#000;} #textRight #newsSide { margin-top:15px; margin-left:20px; margin-bottom:0px; background:url(../img/newsletter.png) no-repeat; width:414px; height:364px;} #textRight #newsSide p {font-size:1.2em; margin-left:35px; margin-right:35px; margin-bottom:5px; margin-top:10px;} #textRight #newsSide p.top {padding-top:70px;} #textRight #newsSide p.form {margin-left:30px; margin-top:0px;} #textRight #btm {float:left; width:100%; margin-top:0px;} #textRight #btm p {font-size:1em; color:#aaa; margin-left:25px; margin-right:25px; line-height:1.3em; margin-bottom:10px; margin-top:0px;} #textRight #btm p a {text-decoration:underline; color:#aaa;} #textRight #btm p a:hover {text-decoration:none;} #menuBlocks {float:left; width:100%;} #menuLeft {width:420px; float:left;} #menuLeft h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;} #menuLeft h3 {color:#666; text-transform:uppercase; font-size:1.1em; font-weight:bold; margin-bottom:10px; margin-left:20px; margin-top:15px;} #menuLeft p {font-size:1.1em; color:#333; margin-left:20px; margin-right:30px; line-height:1.3em; margin-bottom:5px; } #menuLeft p.bolder {font-weight:bold; font-size:1.3em; text-transform:uppercase; width:300px; text-align:center;} #menuLeft p.subbolder {font-weight:bold; font-size:1.3em; text-transform:uppercase; margin-top:35px; width:300px; text-align:center;} #menuLeft p.subbolder span {color:#000; text-transform:none; font-size:.9em; font-weight:normal; font-style:italic; text-align:center;} #menuLeft p.center {text-align:center; font-size:1em; margin-top:25px;} #menuLeft ul {list-style-image:none; margin:20px 0 0 0;} #menuLeft li {font-size:1.1em; color:#333; margin-bottom:1em; margin-left:20px; text-transform:none; margin-right:20px;} #menuLeft li span {font-size:1.2em; color:#cc3333; font-weight:bold;} #menuLeft li span.black {color:#000; font-weight:bold;} #menuRight {width:421px; float:left;} #menuRight h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;} #menuRight h3 {color:#666; text-transform:uppercase; font-size:1.1em; font-weight:bold; margin-bottom:10px; margin-top:35px; margin-left:0px;} #menuRight p {font-size:1.1em; color:#333; margin-left:5px; margin-right:30px; line-height:1.3em; margin-bottom:5px; } #menuRight p.bolder {font-weight:bold; font-size:1.3em; text-transform:uppercase;} #menuRight p.subbolder2-Top {font-weight:bold; font-size:1.3em; text-transform:uppercase; margin-top:35px;} #menuRight p.subbolder {font-weight:bold; font-size:1.3em; text-transform:uppercase; margin-top:35px; } #menuRight p.subbolder-Top {font-weight:bold; font-size:1.3em; text-transform:uppercase; margin-top:60px;} #menuRight p.subbolder span {color:#000; text-transform:none; font-size:.9em; font-weight:normal; font-style:italic; text-align:center; } #menuRight p.subbolder-Top span {color:#000; text-transform:none; font-size:.9em; font-weight:normal; font-style:italic;} #menuRight p.center {text-align:center; font-size:17px; margin-top:25px;} #menuRight ul {list-style-image:none; margin:20px 0 0 0;} #menuRight ul.top {margin-top:80px;} #menuRight li {font-size:1.1em; color:#333; margin-bottom:1em; margin-left:5px; text-transform:none; margin-right:20px;} #menuRight li span {font-size:1.2em; color:#cc3333; font-weight:bold;} #menuRight li span.black {color:#000; font-weight:bold;} #menuRight li.bf {font-size:16px; margin-right:0px; color:#cc3333; font-weight:400;} #bottomMenu {float:left; width:100%;} #bottomMenu p {font-size:1.1em; color:#333; margin-left:20px; margin-right:30px; line-height:1.3em; margin-bottom:5px; text-align:center; } #bottomMenu p.bolder {font-weight:bold; font-size:1.3em; text-transform:uppercase;} #bottomMenu p.subbolder {font-weight:bold; font-size:1.3em; text-transform:uppercase; margin-top:15px;} #bottomMenu p.subbolder span {color:#000; text-transform:none; font-size:.9em; font-weight:normal;} /* --- home footer --- */ #hmFooter {width:842px; float:left; background:url(../img/footerBar.gif) no-repeat; height:48px; margin-left:} /*--- bottom of home --- */ #hmLinks {float:left; /*background:url(../img/workforus.png) no-repeat;*/ width:270px; height:31px;} #icons {width:70px; float:left;} #fblike {width:90px; float:left; margin-top:8px;} #workBtn {width:105px; float:left; margin-left:5px;} #hmLinks .twit {margin-top:-2px;} #est {float:right; background:url(../img/est.png) no-repeat; width:277px; height:26px;} /* --- floating link --- */ #floatingLink {position: fixed; left: 0; top: 290px; width: 78px; height: 527px; overflow: hidden;} #order {width:52px; height:246px; top:0px; position:absolute; left:0px;} #orderbtn {display: block; text-indent: -10000px; width:52px; height:246px; background:url(../img/order_online.png) no-repeat;} #menuSide {width:78px; height:261px; position:absolute; top:230px} #caterbtn {display: block; text-indent: -10000px; /*width:78px; height:261px;*/ width:84px; height:304px; background:url(../img/tab_menu.png) no-repeat;} /* --- banners --- */ #banner {} #banner-imgs{width: 433px; height: 325px; overflow: hidden;} #banner-imgs a { text-decoration:none;} /* --- grids --- */ .grid_16 {display:inline;float:left;margin-left:10px;margin-right:10px} /* --- newsletter form --- */ #newsletter {margin-top:5px; float:left; width:100%;} #newsletter p {background:url(../img/email.png) no-repeat; width:355px; height:41px; margin-left:0px;} #newsletter input {width:250px; font-size:1.3em; color:#000; margin-top:5px; margin-left:95px; border:1px solid #fff; background:transparent; height:27px;} /* --- twitter feed --- */ #feed {width:350px; float:left; margin-top:25px; margin-left:20px;} /* --- info drawers --- */ .infoData { display:none; } #content .closeData { white-space: nowrap; } /* --- bio list --- */ dl.bio { padding-bottom:0px; margin-left:20px; clear: both; } dl.bio dt { color:#333; font-size:1.1em; padding:15px 44px 5px 25px; margin:0px; background: url(../img/star.gif) no-repeat left 14px; } dl.bio dt a { text-decoration:underline; } dl.bio dt a:hover { text-decoration:none; } dl.bio dd { padding:0px 0px 0 0px; } dl.bio dd span { color:#ff0000; } dl.bio dd p { margin-left:0px; margin-bottom: 10px; padding-left:0px; } /* error and success message */ .error {color: red; font-weight: bold; font-size:.9em; padding-bottom:0px; } .success {color: green; font-weight: bold; font-size:.9em; padding-bottom:0px;}