/* ( template update 21 Nov 2007 // v1.1 ) /* CSS StyleSheet developed by Cezar Berea // webstarsltd, cezar@webstarsltd.com /* global ----------------------------------------- */ *{margin:0; padding:0; } a{ text-decoration: none; outline: none; } html, body{ margin:0!important; padding:0!important; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #585858; background: #e4e4e4; } #page-container{ width: 855px; margin: 5px auto 0; background: #fff url("../images/bg-left.gif") repeat-y left; border-top: 1px solid #fff; } /* text ------------------------------------------*/ .text p{ font-size: 1.2em; margin: 10px 0; } .text h2{ font-size: 1.4em; margin: 10px 0; } .text a{ color: #ab1e31; text-decoration: underline; } /* header & navigation ----------------------------------------- */ #header{ width: 100%; float: left; background: url("../images/home_banner.gif") no-repeat left top; height: 219px; } #header *{ display: none; } #navigator{ width: 195px; margin: 18px 0; float: left; } #navigator li{ display: block; list-style: none; float: left; margin: 1px 0; } #navigator li a{ display: block; text-indent: -9999px; width: 195px; height: 30px; background-position: left center; background-repeat: no-repeat; } #nav-home a{ background-image: url("../images/nav-home.gif"); } #nav-home a:hover, #nav-home.on a{ background-image: url("../images/nav-home_on.gif"); } #nav-about a{ background-image: url("../images/nav-about.gif"); } #nav-about a:hover, #nav-about.on a{ background-image: url("../images/nav-about_on.gif"); } #nav-foodservice a{ background-image: url("../images/nav-food-service.gif"); } #nav-foodservice a:hover, #nav-foodservice.on a{ background-image: url("../images/nav-foodservice_on.gif"); } #nav-retail a{ background-image: url("../images/nav-retail.gif"); } #nav-retail a:hover, #nav-retail.on a{ background-image: url("../images/nav-retail_on.gif"); } #nav-project a{ background-image: url("../images/nav-project.gif"); } #nav-project a:hover, #nav-project.on a{ background-image: url("../images/nav-project_on.gif"); } #nav-environmental a{ background-image: url("../images/nav-environmental.gif"); } #nav-environmental a:hover, #nav-environmental.on a{ background-image: url("../images/nav-environmental_on.gif"); } #nav-health a{ background-image: url("../images/nav-health.gif"); } #nav-health a:hover, #nav-health.on a{ background-image: url("../images/nav-health_on.gif"); } #nav-lighting a{ background-image: url("../images/nav-lighting.gif"); } #nav-lighting a:hover, #nav-lighting.on a{ background-image: url("../images/nav-lighting_on.gif"); } #nav-products a{ background-image: url("../images/nav-products.gif"); } #nav-products a:hover, #nav-products.on a{ background-image: url("../images/nav-products_on.gif"); } #nav-faq a{ background-image: url("../images/nav-faq.gif"); } #nav-faq a:hover, #nav-faq.on a{ background-image: url("../images/nav-faq_on.gif"); } #nav-contact a{ background-image: url("../images/nav-contact.gif"); } #nav-contact a:hover, #nav-contact.on a{ background-image: url("../images/nav-contact_on.gif"); } /* content & sidebars ----------------------------------------- */ #content{ width: 659px; float: left; background: #fff; } #text{ padding: 8px 8px; width: 641px; float: left; } #sidebar{ width: 195px; float: left; background: #6c6c6c; color: #fff; margin-right: 0px; } #logo{ margin: 0px auto; } #logo a{ width: 195px; height: 216px; text-indent: -9999px; display: block; background: url("../images/logo.gif") no-repeat center center; } /* forms ----------------------------------------- */ /* form label{ display: block; float: left; } form label span, form label input{ display: block; float: left; } form .submit{} form .submit input{} */ /* footer ----------------------------------------- */ #footer{ width: 841px; float: left; clear: both; border-top: 1px solid #585858; padding: 7px; background: #fff; } #footer p{ float: left; } #footer ul{ float: right; } #footer ul li{ float: left; border-left: 1px solid; padding: 0 10px; list-style: none; } #footer ul li.first{ border-left:none; } #footer ul li a, #footer ul li span{ color: #ab1e31; } /* PAGE: homepage ( #text.home-page ) ----------------------------------------- */ #home-services{ } #home-services li{ float: left; display: block; list-style: none; width: 207px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; margin-right: 8px; position: relative; height: 466px; } #home-services li h1{ width: 209px; margin: 0 0 0 -2px; text-indent: -9999px; height: 271px; position: relative; left: 1px; } #home-services li p{ margin: 12px; } #home-services a.btn_more{ display: block; width: 100%; height: 29px; background: #ab1e31 url("../images/btn_find-out-more.gif") no-repeat right; text-indent: -9999px; position: absolute; bottom: 0; } #home-services .foodservice{ width: 205px; } #home-services .foodservice h1{ background: url("../images/home_foodservice.jpg"); width: 207px; } #home-services .retail h1{ background: url("../images/home_retail.jpg"); } #home-services .project h1{ background: url("../images/home_project.jpg"); } #home-services li.project{ margin-right:0; } /* PAGE: inside ( #text.inside-page ) ----------------------------------------- */ .inside-page #header{ height: auto; } .inside-page #header img{ display: block; } /* inside boxes: #inside-box 1 2 3 4 */ #inside-box1, #inside-box2, #inside-box3, #inside-box4{ float: left; width: 424px; height: 268px; border: 1px solid #d2d2d2; position: relative; } #inside-box1{ width: 424px; height: 268px; border: none; } #inside-box2{ width: 187px; height: 246px; overflow: auto; left: 9px; padding: 10px; } #inside-box3{ width: 399px; height: 206px; overflow: auto; margin-top: 9px; padding: 12px; } #inside-box4{ width: 209px; height: 238px; left: 9px; margin-top: 9px; border: 0; } #inside-box3 h2{ font-family: Arial; color: #ab1e31; font-size: 14pt; font-weight: normal; height: 25px; margin: 0 0 5px; } #inside-box3 p{ margin-bottom: 20px; } #hdr-planning-design{ background-image: url("../images/hdr_planning-design.gif"); } #hdr-production-install{ background-image: url("../images/hdr_product-install.gif"); } #inside-box4 ul{ margin: -10px -20px 0 0; width: 224px; } #inside-box4 ul li{ border: 1px solid #d2d2d2; float: left; margin: 10px 9px 0 0; width: 98px; height: 70px; list-style: none; } #inside-box4 ul li img{ display: block; } #btn-modular-kiosk{ display: block; text-indent: -9999px; width: 181px; height: 52px; background: url("../images/btn_modular-kiosk.gif") no-repeat center center; position: absolute; bottom: 10px; left: 50%; margin-left: -90px; } /*____________________________________________*/ /* clearfix ----------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* global classes ----------------------------------------- */ .clear{ clear: both; } .b{ font-weight: bold; } .frImg{ float:right; margin: 0 0 8px 8px; clear: right; } .flImg{ float:left; margin: 0 8px 8px 0; clear: left; } form {margin: 0px;} input {font-family: Arial; font-size: 9pt; color: #000000; height: 20px; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #999999; margin: 0; margin-bottom: 0; } textarea {font-family: Arial; font-size: 9pt; color: #000000; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #999999; margin: 0; margin-bottom: 0; } select {font-family: Arial; font-size: 9pt; color: #000000; height: 20px; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #999999; margin: 0; margin-bottom: 0; }