/* CSS Document c7ddaa*/ /* --------------------------------------------- 01. MAIN/DEFAULT ELEMENTS --------------------------------------------- */ body { margin:0; padding:0; background:#c3ddab url(../images/bg.gif) repeat-x top right; height:100%;} p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#575757; margin:0; padding:0; line-height:1.3em; text-align:left; padding-bottom:20px;} p a:link, p a:visited { text-decoration: underline;color:#7e37ae;} p a:hover { text-decoration:underline;color:#258800} h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#7e37ae;margin:0; padding:0; font-weight:normal; padding-bottom:5px} h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#7e37ae;margin:0; padding:0; font-weight:normal; padding-bottom:5px; background: url(../images/icon_leaf.gif) no-repeat top left; padding-left:30px;} h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#2c820b;margin:0; padding:0; font-weight:normal; padding-bottom:5px} h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#7e37ae;margin:0; padding:0; font-weight:normal; padding-bottom:5px} /* --------------------------------------------- 02. WRAPPER --------------------------------------------- */ #wrapper {position: relative; width:833px; font-size: 0.9em; margin: 0 auto -70px; text-align: left; background:url(../images/bgwrapper.gif) repeat-y; } #header { background:url(../images/bgheader.gif) no-repeat; height:250px} #topbar { width:754px; height:190px; padding-left:60px} #topbar .logo { float:left; padding-top:20px} #topbar .headerimage { float: right; width:191px; height:171px; padding-left:10px; padding-top:10px} #nav {width: 610px; height: 30px; margin: 0 auto;padding: 0; position:relative; padding-top:3px;} #nav ul {display:inline;} #nav li {display:inline;} #nav li a {float: left;} #nav a#home {width: 70px;height: 40px;background: url(../images/nav_home.gif);background-position: 0 0;} #nav a:hover#home, a:active#home {background-position: right top;} #nav a#corpcatering {width: 190px;height: 40px;background: url(../images/nav_corporatecatering.gif);background-position: 0 0;} #nav a:hover#corpcatering, a:active#corpcatering {background-position: right top;} #nav a#eventcatering {width: 230px;height: 40px;background: url(../images/nav_specialevent.gif);background-position: 0 0;} #nav a:hover#eventcatering, a:active#eventcatering {background-position: right top;} #nav a#contactus {width: 120px;height: 40px;background: url(../images/nav_contactus.gif);background-position: 0 0;} #nav a:hover#contactus, a:active#contactus {background-position: right top;} .navdisplay { display: none} /* --------------------------------------------- 04. CONTENT MIDDLE --------------------------------------------- */ #content { width:700px; padding: 0; padding-top:10px; overflow:auto; padding-left:70px; padding-right:50px; padding-bottom:70px } /* --------------------------------------------- 04.1 CONTENT- FOOTER IMAGE --------------------------------------------- */ #foodimage { width:287px; height:386px; float:left; background:url(../images/homepage-food.jpg) no-repeat; padding-left:5px; padding-top:5px; margin-top:5px;} /* #foodimage { width:287px; height:386px; float:left; background:url(../images/bg_imageborder.gif) no-repeat; padding-left:5px; padding-top:5px; margin-top:5px;} */ /* --------------------------------------------- 04.2 CONTENT- REAL GOOD FOOD --------------------------------------------- */ #realgoodfood { width:330px; height:420px; float:right; background:url(../images/bg_realgoodfood.gif) no-repeat; padding-left:30px; padding-top:20px; padding-bottom:40px; padding-right:40px; } /* --------------------------------------------- 05. FOOTER --------------------------------------------- */ #footer {width:753px; margin:0 auto; text-align:left; position:relative; height:40px; /* Height of the footer */ background: url(../images/bgfooter.gif) no-repeat; padding-top:30px; padding-left:80px; } #footer p { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#7e37ae; padding-bottom:4px} #footer p a:link, #footer p a:visited { text-decoration: none;color:#7e37ae;} #footer p a:hover { text-decoration:underline;color:#7e37ae} #footer .copyright { font-size:10px;} /* --------------------------------------------- 06. MICELLENOUS STYLES --------------------------------------------- */ img { border:none} .notice { font-weight: bold; color: #7B32AC; } /* --------------------------------------------- 07. INNERPAGE STYLES- CORPORATE CATERING --------------------------------------------- */ #corporatecatering { width:360px; height:270px; float:left; background:url(../images/box_corpcatering.gif) no-repeat; padding-left:20px; padding-top:15px; padding-bottom:20px; padding-right:20px;} #menuconfirm { width:360px; height:180px; float:left; background:url(../images/box_menuconfirm.gif) no-repeat; padding-left:20px; padding-top:15px; padding-bottom:20px; padding-right:20px;} #specialevent { width:360px; height:495px; float:left; background:url(../images/box_specialevent.gif) no-repeat; padding-left:20px; padding-top:15px; padding-bottom:20px; padding-right:20px;} #testimonials { width:360px; height:670px; float:left; background:url(../images/box_testimonials.gif) no-repeat; padding-left:20px; padding-top:15px; padding-bottom:20px; padding-right:20px;} #testimonialphoto { width:245px; height:210px; float: right; background:url(../images/testimonials.jpg) no-repeat; padding-left:20px; padding-top:25px; padding-bottom:15px; padding-right:20px; margin-top: 4px; } #specialevent li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#575757; margin:0 5px 0 25px; line-height:1.3em; text-align:left; padding: 0 0 7px 0; } #specialeventphoto { width:245px; height:210px; float: right; background:url(../images/specialevent.jpg) no-repeat; padding-left:20px; padding-top:25px; padding-bottom:15px; padding-right:20px; margin-top: 4px; } /* --------------------------------------------- 08. INNERPAGE STYLES- FROM OUR CLIENTS --------------------------------------------- */ #fromourclients { width:250px; height:160px; float: right; background:url(../images/box_fromourclient2.gif) no-repeat; padding-left:20px; padding-top:15px; padding-bottom:25px; padding-right:20px;} #fromourclients .quot { float:left; width:30px; font-size:80px; color:#af83cd; margin-top:-15px} #fromourclients .testimonial { float:left; width:210px; padding-left:10px; color:#7e37ae} #fromourclients .testimonial p { color:#7e37ae} /* --------------------------------------------- 09. INNERPAGE STYLES- FIELDSET --------------------------------------------- */ #content fieldset { width:700px; margin:0; padding:0; float:left; border:none} /* --------------------------------------------- 09.1 INNERPAGE STYLES- MENU FORM --------------------------------------------- */ .menuform { width:700px; float:left; margin-top:10px; margin-bottom:10px} /* --------------------------------------------- 09.2 INNERPAGE STYLES- BOX- MIDDLE EXPANDABLE --------------------------------------------- */ .box { width:700px; float:left} .box_top { width:700px; height:16px; background:url(../images/box_top.gif) no-repeat bottom} .box_middle { width:694px; background:url(../images/box_middle.gif) repeat-y; padding-left:3px; padding-right:3px; float:left} .box_bottom { width:700px; height:20px; background:url(../images/box_bottom.gif) no-repeat; float:left} /* --------------------------------------------- 09.3 INNERPAGE STYLES- BOX- BG GREEN --------------------------------------------- */ .set1 { width:644px; padding-left:20px; padding-right:30px; float:left; padding-top:5px; padding-bottom:5px; background-color:#f4faed;} .set2 { width:644px; padding-left:20px; padding-right:30px; float:left; padding-top:5px; padding-bottom:5px; border-top:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF} /* --------------------------------------------- 09.4 INNERPAGE STYLES- BOX- ITEMS LEFT --------------------------------------------- */ .items { width:500px; float:left} ul.list { margin:0; padding:0; padding-left:15px} ul.list li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; list-style:none; line-height:1.3em; background:url(../images/bullet.gif) no-repeat 1px 7px; padding-left:10px; color:#575757} .price { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px} /* --------------------------------------------- 09.5 INNERPAGE STYLES- BOX- QUANTITY RIGHT --------------------------------------------- */ .small { width:70px; float: right; text-align:center;} .large { width:70px; float: right; text-align:center;} .box_quantity { width:40px; height:41px; background:url(../images/box_quantity.gif) no-repeat; padding-left:2px; padding-top:2px; margin:0 auto} .input_quantity { width:35px; border:none; font-size:25px; font-weight: normal; color:#7e37ae; text-align: center; font-family:Georgia, "Times New Roman", Times, serif} /* --------------------------------------------- 09.6 INNERPAGE STYLES- ORDER INFO --------------------------------------------- */ #orderinfo { width:700px; float:left; margin-top:10px} #content fieldset label { width:120px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#2c820b; text-align:right; float:left; padding-right:10px} #content fieldset input { margin:0; padding:0; border:0px none #ffffff; float:left } #content fieldset .box_input { width:500px; float:left; height:22px; padding-left:10px; background:url(../images/border_input.gif) no-repeat; padding-top:2px} #content fieldset .box_multiline { width:500px; float:left; height:100px; padding-left:10px; background:url(../images/border_multiline.gif) no-repeat; padding-top:2px} #content fieldset .input { width:490px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#7e37ae } /* --------------------------------------------- 09.7 INNERPAGE STYLES- ORDER BUTTON --------------------------------------------- */ .button_box { width:420px; height:34px; text-align:center; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; float:left; margin-top:20px; font-size:20px; padding-top:6px; padding-left:140px;} .button_order { width:420px; height:34px; background: url(../images/bg_button.gif) no-repeat; text-align:center; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; float:left; font-size:20px;} .button_order a:link, .button_order a:visited { text-decoration: none;color:#fff; padding-left:70px; padding-right:70px} .button_order a:hover { text-decoration: none;color:#fff}