* (CC) 2004 Tantek Celik. Some Rights Reserved. */ /* http://creativecommons.org/licenses/by/2.0 */ /* This style sheet is licensed under a Creative Commons License. */ /* Purpose: undo some of the default styling of common (X)HTML browsers */ /* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */ :link,:visited { text-decoration:none } /* no list-markers by default, since lists are used more often for semantics */ ul,ol { list-style:none } /* avoid browser default inconsistent heading font-sizes */ /* and pre/code too */ h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } /* remove the inconsistent (among browsers) default ul,ol padding or margin */ /* the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. */ /* zero out the spacing around pre, form, body, html, p, blockquote as well */ /* form elements are oddly inconsistent, and not quite CSS emulatable. */ /* nonetheless strip their margin and padding as well */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* whoever thought blue linked image borders were a good idea? */ a img,:link img,:visited img { border:none } /* de-italicize address */ address { font-style:normal } /* Better Breastfeeding CSS by Ridgeway Studios - www.ridgewaystudios.com*/ .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 */ body { background: url(../images/mainbg.gif) right top repeat-x; background-color: #e2e2ee; color: #666666; font-size: 75%; text-align: center; } a:link { color:#111077; text-decoration: underline; } a:visited { color:#111077; text-decoration: underline; } a:hover { color:#cd0b2b; text-decoration: underline; } a:active { color:#cd0b2b; text-decoration: underline; } a.headerlink:link { color:#111077; text-decoration: none; font-weight: bold; } a.headerlink:visited { color:#111077; text-decoration: none; font-weight: bold; } a.headerlink:hover { color:#cd0b2b; text-decoration: underline; font-weight: bold; } a.headerlink:active { color:#cd0b2b; text-decoration: underline; font-weight: bold; } a.yellowlink:link { color:#ecd014; text-decoration: none; } a.yellowlink:visited { color:#ecd014; text-decoration: none; } a.yellowlink:hover { color:#FFFFFF; text-decoration: underline; } a.yellowlink:active { color:#FFFFFF; text-decoration: underline; } a.download:link { color:#000000; text-decoration: none; font-size: 100%; } a.download:visited { color:#000000; text-decoration: none; font-size: 100%; } a.download:hover { color:#0471B0; text-decoration: none; font-size: 100%; } a.download:active { color:#0471B0; text-decoration: none; font-size: 100%; } a.downloadgrey:link { color:#838383; text-decoration: none; font-size: 100%; } a.downloadgrey:visited { color:#838383; text-decoration: none; font-size: 100%; } a.downloadgrey:hover { color:#0471B0; text-decoration: none; font-size: 100%; } a.downloadgrey:active { color:#0471B0; text-decoration: none; font-size: 100%; } a.overimage { color:#FFFFFF; text-decoration: none; } a.overimage:visited { color:#FFFFFF; text-decoration: none; } a.overimage:hover { color:#FFFFFF; text-decoration: underline; } a.overimage:active { color:#FFFFFF; text-decoration: underline; } a.leftnav:link { color:#000000; text-decoration: none; font-weight: bold; font-size: 100%; } a.leftnav:visited { color:#000000; text-decoration: none; font-weight: bold; font-size: 100%; } a.leftnav:hover { color:#C41721; text-decoration: underline; font-weight: bold; font-size: 100%; } a.leftnav:active { color:#C41721; text-decoration: underline; font-weight: bold; font-size: 100%; } a.inline:link { font-size: 100%; } a.inline:visited { font-size: 100%; } a.inline:hover { font-size: 100%; } a.inline:active { font-size: 100%; } a.inlinered:link { font-size: 100%; color:#C41721; text-decoration: none; } a.inlinered:visited { font-size: 100%; color:#C41721; text-decoration: none; } a.inlinered:hover { font-size: 100%; color:#0471B0; text-decoration: none; } a.inlinered:active { font-size: 100%; color:#0471B0; text-decoration: none; } a.footerlink:link { color:#6463a7; text-decoration: underline; } a.footerlink:visited { color:#6463a7; text-decoration: underline; } a.footerlink:hover { color:#111077; text-decoration: underline; } a.footerlink:active { color:#111077; text-decoration: underline; } a.imagelink:link { border-bottom: 0px; text-decoration: none; } a.imagelink:visited { border-bottom: 0px; text-decoration: none; } a.imagelink:hover { border-bottom: 0px; text-decoration: none; } a.imagelink:active { border-bottom: 0px; text-decoration: none; } h1 { color:#111077; font-family: Arial, Verdana; font-size: 1.7em; line-height: 1.2em; font-weight: bold; margin:0; padding: 0px 0px 6px 0px; } .homepage { padding-top: 9px; } h2 { color:#111077; font-family: Arial, Verdana; font-size: 1.2em; line-height: 1.1em; font-weight: bold; margin: 0; padding: 12px 0px 2px 0px; } .homepagesub { padding-top: 20px; } h3 { color:#132F22; font-family: Arial, Verdana; font-size: 1.2em; line-height: 1.3em; font-weight: bold; margin:0; padding: 5px 0px 0px 0px; } h4 { color:#132F22; font-family: Arial, Verdana; font-size: 1.1em; line-height: 1.3em; font-weight: bold; margin:0; padding: 0px 0px 6px 0px; } p { color: #132F22; font-family: Arial, Verdana; font-size: 1.1em; line-height: 1.4em; margin: 0px 0px 6px 0px; } .oneline { padding-top: 10px; } .onelinepara { padding-top: 20px; font-size: 1.3em; } .underline { z-index: 1; float: left; position: relative; width: 590px; text-align: left; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedfe0; font-size: 0.4em; } .movedown { padding-top: 100px; } .nopad { padding: 0; } .padbottom { padding: 0px 0px 7px 0px; } .larger { font-size: 1.0em; } .alert {background-color: #FFF200; } .date { color: #000000; font-family: Arial, Verdana; font-size: 0.8em; line-height: 1.5em; margin: 0px 0px 5px 0px; } .downloadinfo { font-family: Arial, Verdana; font-size: 0.9em; color: #838383; line-height: 1.3em; margin: 0px 0px 2px 0px; } .red { color: #C41721; font-size: 0.8em; } .leftindent { margin: 0 0 12px 0; padding-left: 82px; } .largep { font-size: 1.2em; line-height: 1.2em; } .secret { visibility: hidden; display: none; } .imagetext { color: #FFFFFF; font-family: Arial, Verdana; font-size: 1.2em; padding: 143px 0px 0px 12px; } .xmark { font-weight: bold; font-size: 1.0em; color: #cd0b2b; margin: 5px 5px 5px 5px; } .footer { color: #000000; font-family: Arial, Verdana; font-size: 0.8em; margin: 8px 0px 20px 13px; } div#page_size { width: 950px; margin: 0 auto 0 auto; padding: 0 0 0 0; background-color: #DBE8C8; } div#page_header { float: left; position: relative; width: 950px; height: 106px; text-align: left; background-color: #FFFFFF; } div#page_name { float: left; position: relative; width: 525px; } div#page_contacts { float: right; text-align: left; position: relative; width: 425px; } div#page_contacts p { padding-top: 38px; } div#nav_line { float: left; position: relative; width: 950px; text-align: right; background-color: #111077; } .nav-homepage { background: url(../images/homepage-navbg.jpg) right top no-repeat; } .nav-about { background: url(../images/about-navbg.jpg) right top no-repeat; } .nav-construction { background: url(../images/construction-navbg.jpg) right top no-repeat; } .nav-industrial { background: url(../images/industrial-navbg.jpg) right top no-repeat; } .nav-retail { background: url(../images/retail-navbg.jpg) right top no-repeat; } .nav-administration { background: url(../images/administration-navbg.jpg) right top no-repeat; } .nav-cleaning { background: url(../images/cleaning-navbg.jpg) right top no-repeat; } div#page_navigation { float: left; position: relative; } #mainnavigation { float: left; list-style: none; margin: 0; text-align: left; width: 930px; padding-left: 20px; } #mainnavigation li { float: left; font-size: 1.0em; } #mainnavigation li a { font-family: Arial; display: block; font-weight: normal; color: #FFFFFF; text-decoration: none; padding: 8px 10px; } #mainnavigation li a:visited { display: block; color: #FFFFFF; text-decoration: none; } #mainnavigation li a:hover { display: block; color: #FFFFFF; background-color: #706fad; } #mainnavigation li a:active { display: block; color: #FFFFFF; background-color: #706fad; } #mainnavigation li a.current { color: #FFFFFF; } #mainnavigation li .current { background-color: #706fad; } #mainnavigation li .leader { background-color: #41319e; } #mainnavigation li a.leader:hover { display: block; color: #ecd014; background-color: #5e48b9; } #subnavigation { float: left; list-style: none; margin: 0; text-align: left; background-color: #41319e; width: 930px; padding-left: 20px; } #subnavigation li { float: left; font-size: 1.0em; } #subnavigation li a { font-family: Arial; display: block; font-weight: normal; color: #ecd014; text-decoration: none; padding: 8px 14px; } #subnavigation li a:visited { display: block; color: #ecd014; text-decoration: none; } #subnavigation li a:hover { display: block; color: #ecd014; background-color: #5e48ba; } #subnavigation li a:active { display: block; color: #ecd014; background-color: #5e48ba; } #subnavigation li a.current { color: #ecd014; } #subnavigation li .current { background-color: #5e48ba; } div#homepage_header { float: left; position: relative; width: 950px; height: 166px; text-align: left; background: url(../images/homepage-header.jpg) right top no-repeat; background-color: #FFFFFF; } div#about_header { float: left; position: relative; width: 950px; height: 166px; text-align: left; background: url(../images/about-header.jpg) right top no-repeat; background-color: #FFFFFF; } div#construction_header { float: left; position: relative; width: 950px; height: 166px; text-align: left; background: url(../images/construction-header.jpg) right top no-repeat; background-color: #FFFFFF; } div#industrial_header { float: left; position: relative; width: 950px; height: 166px; text-align: left; background: url(../images/industrial-header.jpg) right top no-repeat; background-color: #FFFFFF; } div#retail_header { float: left; position: relative; width: 950px; height: 166px; text-align: left; background: url(../images/retail-header.jpg) right top no-repeat; background-color: #FFFFFF; } div#administration_header { float: left; position: relative; width: 950px; height: 166px; text-align: left; background: url(../images/administration-header.jpg) right top no-repeat; background-color: #FFFFFF; } div#cleaning_header { float: left; position: relative; width: 950px; height: 166px; text-align: left; background: url(../images/cleaning-header.jpg) right top no-repeat; background-color: #FFFFFF; } div#homepage_body { float: left; position: relative; width: 950px; text-align: left; background: url(../images/homepage-bg.jpg) right top no-repeat; background-color: #FFFFFF; } div#page_body { float: left; position: relative; width: 950px; text-align: left; background: url(../images/page-bg.gif) right top repeat-x; background-color: #FFFFFF; } #bulletlist li { color: #132F22; font-family: Arial, Verdana; font-size: 1.1em; line-height: 1.2em; list-style: disc; list-position: inside; margin: 0px 0px 3px 40px; } #bulletlistindent li { color: #132F22; font-family: Arial, Verdana; font-size: 1.1em; line-height: 1.2em; list-style: disc; list-position: inside; margin: 0px 0px 3px 60px; } div#page_leftcolumn { float: left; position: relative; width: 590px; text-align: left; margin: 18px 35px 35px 35px; } div#page_leftcolumn .error { color: #132F22; font-family: Arial, Verdana; font-size: 1.0em; font-weight: bold; line-height: 1.4em; list-style: disc; list-position: inside; margin: 0px 0px 10px 40px; } div#page_narrowcolumn { float: left; position: relative; width: 391px; text-align: left; margin: 10px 0px 0px 0px; } div#page_boxed { float: left; position: relative; width: 612px; text-align: left; padding: 15px 15px 15px 15px; margin: 20px 0px; border-top: 1px solid #132F22; border-bottom: 1px solid #132F22; background-color: #BECDA6; } div#page_boxed .subhead { font-size: 1.2em; } div#page_boxed ul { color: #132F22; font-family: Arial, Verdana; font-size: 1.0em; font-weight: bold; line-height: 1.4em; list-style: disc; list-position: inside; margin: 0px 0px 10px 40px; } div#page_rightcolumn { float: left; position: relative; width: 250px; text-align: left; margin: 18px 0px 35px 0px; } div#box_red { float: left; position: relative; width: 230px; background-color: #cd0b2b; z-index: 1; padding: 10px 10px 10px 10px; } div#box_red h4 { font-size: 1.3em; line-height: 1.4em; color: #FFFFFF; font-weight: normal; padding: 0px 8px 5px 8px; } div#boxbutton_red { float: left; position: relative; z-index: 1; margin-top: 5px; } #redbutton li { float: left; font-size: 1.2em; width: 230px; } #redbutton li a { font-family: Arial; display: block; font-weight: normal; background: url(../images/yellow-arrow.gif) right top no-repeat; background-color: #b00017; color: #ecd014; text-decoration: none; padding: 18px 8px; } #redbutton li a { font-family: Arial; display: block; font-weight: normal; background: url(../images/yellow-arrow.gif) right top no-repeat; background-color: #b00017; color: #ecd014; text-decoration: none; padding: 18px 8px; } #redbutton li a:hover { display: block; color: #FFFFFF; background: url(../images/white-arrow.gif) right top no-repeat; background-color: #900000; } #redbutton li a:active { display: block; color: #FFFFFF; background: url(../images/white-arrow.gif) right top no-repeat; background-color: #900000; } div#box_blue { float: left; position: relative; width: 230px; background-color: #111077; z-index: 1; padding: 10px 10px 10px 10px; margin-top: 20px; } div#box_blue h4 { font-size: 1.3em; line-height: 1.4em; color: #FFFFFF; font-weight: normal; padding: 0px 8px 5px 8px; } div#boxbutton_blue { float: left; position: relative; z-index: 1; margin-top: 5px; } #bluebutton li { float: left; font-size: 1.2em; width: 230px; } #bluebutton li a { font-family: Arial; display: block; font-weight: normal; background: url(../images/yellow-arrow-on-blue.gif) right top no-repeat; background-color: #41319e; color: #ecd014; text-decoration: none; padding: 18px 8px; } #bluebutton li a { font-family: Arial; display: block; font-weight: normal; background: url(../images/yellow-arrow-on-blue.gif) right top no-repeat; background-color: #41319e; color: #ecd014; text-decoration: none; padding: 18px 8px; } #bluebutton li a:hover { display: block; color: #FFFFFF; background: url(../images/white-arrow-on-blue.gif) right top no-repeat; background-color: #5e48b9; } #bluebutton li a:active { display: block; color: #FFFFFF; background: url(../images/white-arrow-on-blue.gif) right top no-repeat; background-color: #5e48b9; } div#box_yellow { float: left; position: relative; width: 230px; background-color: #ecd014; z-index: 1; padding: 10px 10px 10px 10px; margin-top: 20px; } div#box_yellow h4 { font-size: 1.3em; line-height: 1.4em; color: #111077; font-weight: normal; padding: 0px 8px; } div#bulletbox{ float: left; position: relative; width: 590px; padding-bottom: 10px; } div#bulletcolumn { float: left; position: relative; } div#bulletcolumn ul { color: #132F22; font-family: Arial, Verdana; font-size: 1.0em; font-weight: normal; line-height: 1.4em; list-style: disc; list-position: inside; margin: 10px 0px 10px 25px; } div#bulletcolumn ul.pad { margin-right: 75px; } div#boxbutton_yellow { float: left; position: relative; z-index: 1; margin-top: 5px; } #yellowbutton li { float: left; font-size: 1.2em; width: 230px; } #yellowbutton li a { font-family: Arial; display: block; font-weight: normal; background: url(../images/blue-arrow.gif) right top no-repeat; background-color: #fbde2d; color: #111077; text-decoration: none; padding: 18px 8px; } #yellowbutton li a { font-family: Arial; display: block; font-weight: normal; background: url(../images/blue-arrow.gif) right top no-repeat; background-color: #fbde2d; color: #111077; text-decoration: none; padding: 18px 8px; } #yellowbutton li a:hover { display: block; color: #cd0b2b; background: url(../images/red-arrow.gif) right top no-repeat; background-color: #ffed3f; } #yellowbutton li a:active { display: block; color: #cd0b2b; background: url(../images/red-arrow.gif) right top no-repeat; background-color: #ffed3f; } div#box_white { float: left; position: relative; width: 230px; z-index: 1; padding: 10px 10px 10px 10px; margin-top: 10px; background:#fff} div#box_white h4 { font-size: 1.3em; line-height: 1.2em; color: #111077; font-weight: normal; padding: 0px 8px 5px 8px; } div#box_white .number { font-size: 1.3em; line-height: 1.3em; color: #111077; font-weight: bold; padding: 0px 0px 5px 0px; } div#box_announcement { float: left; position: relative; width: 230px; z-index: 1; padding: 10px; background: #111077; margin-bottom: 20px; } div#box_announcement h4 { font-size: 18px; color: #FFF; font-weight: normal; } div#box_announcement p { font-size: 12px; line-height: 18px; color: #FFF; } div#formbackground { float: left; position: relative; width: 570px; background-color: #e7e7f1; z-index: 1; padding: 10px 10px 10px 10px; border: 1px solid #a1a1a1; } div#footer_white { z-index: 50; width: 950px; margin: 0 auto 0 auto; padding: 25px 0px 0px 0px; background-color: #FFFFFF; position: relative; text-align: right; } div#footer_grey { z-index: 50; width: 840px; margin: 0 auto 0 auto; padding: 10px 20px 10px 20px; border-bottom: 1px solid #a1a1a1; background-color: #e3e3e3; position: relative; } div#footer_title_left { float: left; position: relative; z-index: 51; text-align: left; } div#footer_title_left p { font-size: 1.2em; font-weight: normal; padding-top: 20px; padding-right: 20px; color: #666666; } div#footer_logos_left { float: left; position: relative; z-index: 51; width: 330px; text-align: left; } div#footer_logos_right { float: left; position: relative; z-index: 51; width: 420px; text-align: right; } div#page_footer { z-index: 50; width: 880px; margin: 0 auto 0 auto; padding: 8px 35px 20px 35px; background-color: #FFFFFF; position: relative; text-align: left; } div#copyright { float: left; position: relative; width: 525px; } div#copyright p { color:#a1a1a1; font-family: Arial, Verdana; font-size: 0.9em; } div#copyright .bluefooter { color:#6463a7; font-family: Arial, Verdana; font-size: 0.9em; } div#credit { float: right; text-align: right; position: relative; width: 355px; } div#credit p { color:#a1a1a1; font-family: Arial, Verdana; font-size: 0.9em; }