body { margin-top: 20px 0 0 0; text-align: center; background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000080; } a:link { color:#FE7A06; text-decoration: none; font-weight:bold; } a:visited { text-decoration: none; color:#FE7A06; font-weight:bold; } a:hover { text-decoration:underline; color:#fdb813; font-weight:bold; } a:active { text-decoration:underline; color:#FDB813; font-weight:bold; } h1 { color:#fff; font-size:18px; } h2 { color:#000; font-size:16px; } /* Site Style */ #wrap { width: 1000px; margin:0 auto; text-align:left; } #header { float:left; width: 1000px; height: 120px; } #header-left { float:left; width:300px; height:120px; background-image:url('header-left.png'); } #header-right { float:left; width:700px; height:120px; background-image:url('header-right.png'); } #navbar { float:left; width:990px; height:30px; padding-left: 10px; background-image:url('navbar.png'); } #navbar-left { float:left; width:230px; height:30px; padding-left:10px; } #navbar-right { float:left; width:750px; height:30px; } #topbar-left { float:left; width:225px; height:25px; padding-left:15px; padding-top:5px; background-image:url('topbar1.png'); *width:239px; } #topbar { float:left; width:550px; height:25px; background-image:url('topbar2.png'); padding-top:5px; } #topbar-right { float:left; width:200px; height:30px; background-image:url('topbar3.png'); } #mainarea { float:left; width:1000px; } #leftcol { float:left; width:210px; min-height:400px; margin-left:10px; } #leftcol-header { float:left; width:190px; height:27px; background-image:url('leftcol-header.png'); padding-left:20px; padding-top:12px; color:#FFF; font-size:14px; font-weight:bold; *width:210px; *height:34px; } #leftcol-content { float:left; width:190px; background-image:url('leftcol-content.gif'); padding: 10px; background-repeat:repeat-y; min-height:400px; } #leftcol-footer { float:left; width:210px; height:34px; background-image:url('leftcol-footer.png'); } #midcol { float:left; width:560px; min-height:400px; } #midcol-content { float:left; width:540px; padding: 10px; min-height:475px; background-repeat:repeat-y; border: 1px solid #CCC; } #midcol-footer { float:left; width:560px; height:35px; background-image:url('midcol-footer.png'); } /*Wide Content */ #topbar-wide { float:left; width:760px; height:25px; background-image:url('topbar-wide.png'); padding-top:5px; } #midcol-wide { float:left; width:780px; min-height:400px; } #midcol-content-wide { float:left; width:758px; padding:10px; min-height:475px; background-repeat:repeat-y; border:1px solid #ccc; } #midcol-footer-wide { float:left; width:780px; height:35px; background-image:url('midcol-footer-wide.png'); } #rightcol { float:left; width:210px; min-height:400px; margin-right:10px; } #rightcol-header { float:left; width:190px; height:27px; background-image:url('rightcol-header.png'); padding-left:20px; padding-top:12px; color:#FFF; font-size:14px; font-weight:bold; *width:210px; *height:34px; } #rightcol-content { float:left; width:190px; padding: 10px; background-image:url('rightcol-content.gif'); background-repeat:repeat-y; min-height:400px; } #rightcol-footer { float:left; width:210px; height:34px; background-image:url('rightcol-footer.png'); } #footer-right { float:left; margin-left:775px; height:40px; width:225px; background-image:url('footer-right.png'); } #footer { float:left; width:1000px; height:140px; background-image:url('footer.png'); margin-bottom:20px; } /* Navigation */  div.home { float: left; width: 140px; height: 30px; background: url( 'home-btn.png' ) top right no-repeat; overflow:hidden; margin-right:10px; } div.home a { float: left; width: 100%; height: 100%; overflow:hidden; } div.home a:hover { float: left; width: 140px; height: 30px; background: url( 'home-btn.png' ) top left no-repeat; margin-right:10px; } div.aboutus { float: left; width: 140px; height: 30px; background: url( 'aboutus-btn.png' ) top right no-repeat; overflow:hidden; margin-right:10px; } div.aboutus a { float: left; width: 100%; height: 100%; overflow:hidden; } div.aboutus a:hover { float: left; width: 140px; height: 30px; background: url( 'aboutus-btn.png' ) top left no-repeat; margin-right:10px; } div.fittings { float: left; width: 140px; height: 30px; background: url( 'fittings-btn.png' ) top right no-repeat; overflow:hidden; margin-right:10px; } div.fittings a { float: left; width: 100%; height: 100%; overflow:hidden; } div.fittings a:hover { float: left; width: 140px; height: 30px; background: url( 'fittings-btn.png' ) top left no-repeat; margin-right:10px; } div.hose { float: left; width: 140px; height: 30px; background: url( 'hose-btn.png' ) top right no-repeat; overflow:hidden; margin-right:10px; } div.hose a { float: left; width: 100%; height: 100%; overflow:hidden; } div.hose a:hover { float: left; width: 140px; height: 30px; background: url( 'hose-btn.png' ) top left no-repeat; margin-right:10px; } div.contactus { float: left; width: 140px; height: 30px; background: url( 'contactus-btn.png' ) top right no-repeat; overflow:hidden; } div.contactus a { float: left; width: 100%; height: 100%; overflow:hidden; } div.contactus a:hover { float: left; width: 140px; height: 30px; background: url( 'contactus-btn.png' ) top left no-repeat; }