/************* GENERAL STYLES ***/ * { margin: 0; padding: 0; } html, body { text-align: center; font-size: 11px; font-family: "Century Gothic", verdana, arial, sans-serif; color: #5c5c5c; background: url(../images/bg.jpg) top left repeat #ccc; } /*** FONT STYLES ***/ h1 { font-size: 18px; font-weight: bold; margin: 0 0 10px 0; color: #4f788c; text-transform: uppercase; } a:link, a:visited { color: #4f788c; } a img { border: none; } p { margin-bottom: 16px; } img, div, input { behavior: url("/iepngfix.htc") } /************* STRUCTURE STYLES ***/ #wrapper { width: 886px; margin: 0 auto; } /*** HEADER ***/ #header { margin: 20px 0 0 0; width: 886px; height: 246px; display: block; float: left; } /*** NAVIGATION ***/ ul#nav { width: 886px; height: 45px; margin: 0 auto; list-style: none; float: left;} ul#nav li { float: left; height: 45px; } ul#nav li a { display: block; height: 45px; } ul#nav li.home a { width: 84px; background: url(../images/nav_01_home.jpg) no-repeat; } ul#nav li.aboutus a { width: 108px; background: url(../images/nav_02_aboutus.jpg) no-repeat; } ul#nav li.whatsnew a { width: 125px; background: url(../images/nav_03_whatsnew.jpg) no-repeat; } ul#nav li.services a { width: 102px; background: url(../images/nav_04_services.jpg) no-repeat; } ul#nav li.clients a { width: 93px; background: url(../images/nav_05_clients.jpg) no-repeat; } ul#nav li.faq a { width: 64px; background: url(../images/nav_06_faq.jpg) no-repeat; } ul#nav li.contactus a { width: 131px; background: url(../images/nav_07_contactus.jpg) no-repeat; } ul#nav li.email a { width: 179px; background: url(../images/nav_08_emaillogin.jpg) no-repeat; } ul#nav li.active a, ul#nav li a:hover { background-position: bottom left; } /*** CONTENT WRAPPER ***/ #contentWrapper { width: 886px; float: left; background: url(../images/wrapper_bg.jpg) top left repeat-y; } /*** CONTENT SUB WRAPPER ***/ #contentSubWrapper { width: 886px; min-height: 315px; float: left; background: url(../images/subWrapper_bg.jpg) bottom left no-repeat; } /*** SIDEBAR ***/ ul#sidebar { width: 225px; float: left; margin: 10px 0 20px 12px; list-style: none; } ul#sidebar li {} ul#sidebar li a { display: block; height: 31px; } ul#sidebar li.requestforservice { margin: 0 0 10px 0; } ul#sidebar li.productlist { margin: 0 0 -5px 0; } ul#sidebar li.onlineordering a { width: 225px; background: url(../images/sb_01_onlineordering.jpg) no-repeat; } ul#sidebar li.finedining a { width: 225px; background: url(../images/sb_02_finedining.jpg) no-repeat; } ul#sidebar li.pizzaordering a { width: 225px; background: url(../images/sb_03_pizzaordering.jpg) no-repeat; } ul#sidebar li.fastfood a { width: 225px; background: url(../images/sb_04_fastfood.jpg) no-repeat; } ul#sidebar li.phone a { width: 225px; background: url(../images/sb_05_phone.jpg) no-repeat; } ul#sidebar li.video a { width: 225px; background: url(../images/sb_06_video.jpg) no-repeat; } ul#sidebar li.liquor a { width: 225px; background: url(../images/sb_07_liquor.jpg) no-repeat; } ul#sidebar li.paging a { width: 225px; background: url(../images/sb_08_paging.jpg) no-repeat; } ul#sidebar li.retail a { width: 225px; background: url(../images/sb_09_retail.jpg) no-repeat; } ul#sidebar li.vip a { width: 225px; background: url(../images/sb_10_vip.jpg) no-repeat; } ul#sidebar li.alarms a { width: 225px; background: url(../images/sb_11_alarms.jpg) no-repeat; } ul#sidebar li.atm a { width: 225px; background: url(../images/sb_12_atm.jpg) no-repeat; } ul#sidebar li.music a { width: 225px; background: url(../images/sb_13_music.jpg) no-repeat; } ul#sidebar li.web a { width: 225px; background: url(../images/sb_14_web.jpg) no-repeat; } ul#sidebar li.graphic a { width: 225px; background: url(../images/sb_15_graphic.jpg) no-repeat; } ul#sidebar li.printing a { width: 225px; background: url(../images/sb_16_printing.jpg) no-repeat; } ul#sidebar li.special a { width: 225px; background: url(../images/sb_17_special.jpg) no-repeat; } ul#sidebar li.active a, ul#sidebar li a:hover { background-position: bottom left; } /*** CONTENT ***/ #content { width: 619px; margin: 10px 20px 20px 10px; float: left; text-align: justify; } #content li { margin: 0 0 0 20px; } /*** FOOTER ***/ #footer { width: 886px; height: 231px; background: url(../images/footer_bg.jpg) top left no-repeat; text-align: left; float: left; margin: 0 auto; } #footer a:link, #footer a:visited { text-decoration: none; color: #7e7e7e; } #footer p { font-size: 10px; color: #fff; margin: 40px 0 0 20px; } #footer a:link{text-decoration:underline; color:#FFFFFF; } #footer a:hover{text-decoration:underline; color:#FFFFFF; } #footer a:visited{text-decoration:underline; color:#FFFFFF; } #footer p.poweredby { float: right; margin: 40px 20px 0 0; text-align: right; } #footer p.poweredby a { margin: 0 0 0 20px; } /*** EMAIL LOGIN ***/ #emailloginarea { height: 95px; text-align: center; font-family: verdana; color: #fff; background: #5e94ae; border-bottom: 1px solid #fff; } #emailloginarea form { width: 886px; padding: 20px 10px; text-align: left; margin: 0 auto; } #emailloginarea fieldset { margin: 0; padding: 0; border: none; } #emailloginarea form p { margin: 0 0 8px 0; padding: 0; font-size: 10px; } #emailloginarea form label { display: none; } #emailloginarea form ul { margin: 0; padding: 0; list-style-type: none; } #emailloginarea form ul li { margin: 0; padding: 0; display: inline; } #emailloginarea form input { font-size: 12px; width: 285px; padding: 6px; color: #444; border: 1px solid #2a5266; } * html #emailloginarea form input { padding: 0; width: 200px; } #emailloginarea form button { width: 100px; height: auto; font-size: 12px; text-align: center; padding: 5px; color: #444; background: #fff; border: 1px solid #2a5266; } * html #emailloginarea form button { padding: 0; } /*** CLEARFIX ***/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } /* SAFARI FIX */ * html .clearfix { height: 1%; } /* IE6 FIX */