body { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; font-size:62.5%; } /*#lowhite { position:absolute; left:31px; top:31px; z-index:40; }*/ #container { position:relative; } #colourbg { height:354px; background-color:#fff; display:block; } #colourband { height:135px; background-color:#007692; display:block; position:absolute; width:100%; left:0; top:219px; z-index:10; } #grad { width:12000px; position:absolute; left:0; top:0; } /*Slide --------------------------------------------------------------------------*/ .slide { width:768px; } #slide1 { position:absolute; left:0px; top:0px; z-index:11; } #slide2 { position:absolute; left:2000px; top:0px; z-index:12;} #slide3 { position:absolute; left:4000px; top:0px; z-index:13;} #slide4 { position:absolute; left:6000px; top:0px; z-index:14;} h1 { margin:0; width:226px; background:url(/images/home/logo-kernow.png) no-repeat; z-index:41; padding: 76px 0 0 0; overflow: hidden; height: 0px !important; height /**/:76px; } .logo { position:absolute; left:31px; top:31px; } #slide2 .logo { z-index:42; } #slide3 .logo { z-index:43; } #slide4 .logo { z-index:44; } .title { position:absolute; left:31px; top:239px; width:600px; margin:0; padding: 95px 0 0 0; overflow: hidden; height: 0px !important; height /**/:95px; } .title1 { background:url(/images/home/title-1-kernow.png) no-repeat; z-index:31; } .title2 { background:url(/images/home/title-2-kernow.png) no-repeat; z-index:32; } .title3 { background:url(/images/home/title-3-kernow.png) no-repeat; z-index:33; } .title4 { background:url(/images/home/title-4-kernow.png) no-repeat; z-index:34; } .homeslide { position:absolute; left:31px; top:200px; z-index:70; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; margin:0; padding:0; } .homeslide a { color:#fff; text-decoration:none; } .homeslide a:hover { color:#fff; text-decoration:underline; } .news { position:absolute; left:31px; top:200px; z-index:71; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#009ab4; margin:0; padding:0; } .news strong { margin-right:6px; } .news a { color:#009ab4; text-decoration:none; margin-left:6px; } .news a:hover { color:#333; text-decoration:underline; } .info { position:relative; margin:354px 0 0 31px; padding-top:80px; } .content { width:480px; float:left; } .content p { color:#4c4c4c; font-size:1.2em; margin:0 0 10px 3px; } .content p.intro { margin:10px 0 0 3px; background:url(/images/home/intro-kernow.gif) no-repeat; padding: 118px 0 0 0; overflow: hidden; height: 0px !important; height /**/:118px; } .contentlinks { width:217px; float:left; margin:0 0 0 40px; font-size:1.1em; list-style:none; padding:0; } .contentlinks li { margin:0; padding:0 0 5px 0; } .contentlinks li a { text-decoration:underline; padding:0 15px; display:block; } .contentlinks li a:hover { text-decoration:underline; color:#4c4c4c; } .whatlinks li a { color:#e91e7e; background:url(/images/home/arrow-what.gif) no-repeat left center; } .visionlinks li a { color:#8ebe3f; background:url(/images/home/arrow-vision.gif) no-repeat left center; } .newcaselinks li a { color:#4dad88; background:url(/images/home/arrow-case.gif) no-repeat left center; } .caselinks { float:left; margin:0 0 0 30px; } .caselinks a { display:block; background:url(/images/home/view-kernow.gif) 0 0; width:226px; padding:107px 0 0 0; overflow:hidden; height:0 !important; height /**/:107px; } .caselinks a:hover { background-position:0 108px; } /*Navigation --------------------------------------------------------------------------*/ .navi { position:absolute; top:0; left:0; margin:0; padding:0; list-style:none; height:65px; } .navi li { margin:0; padding:0; height:67px; float:left; } .navi a { background-position:0 0; display:block; width:160px; margin:0; padding:67px 0 0 0; overflow:hidden; height:0 !important; height /**/:67px; } .navi a:hover { background-position:0 67px; } .naviend a { width:159px; } .home .naviwhat { background-image:url(/images/buttons/home-what-kernow.gif); } .home .navicase { background-image:url(/images/buttons/home-case-kernow.gif); } .home .navivision { background-image:url(/images/buttons/home-vision-kernow.gif); } .what .naviwhat { background-image:url(/images/buttons/what-what-kernow.gif) } .what .navicase { background-image:url(/images/buttons/what-case-kernow.gif); } .what .navivision { background-image:url(/images/buttons/what-vision-kernow.gif); } .case .naviwhat { background-image:url(/images/buttons/case-what-kernow.gif) } .case .navicase { background-image:url(/images/buttons/case-case-kernow.gif); } .case .navivision { background-image:url(/images/buttons/case-vision-kernow.gif); } .vision .naviwhat { background-image:url(/images/buttons/vision-what-kernow.gif) } .vision .navicase { background-image:url(/images/buttons/vision-case-kernow.gif); } .vision .navivision { background-image:url(/images/buttons/vision-vision-kernow.gif); } .icon { position:absolute; top:0; } .icon1 { left:432px; z-index:1; } .icon2 { left:2432px; z-index:2; } .icon3 { left:4280px; z-index:3; } .icon4 { left:6432px; top:-36px; z-index:4; } /*Search box --------------------------------------------------------------------------*/ #searchbg { position:absolute; top:0; left:565px; z-index:50; } #search { position:absolute; top:0; left:565px; width:203px; height:30px; /*background:url(/images/search-bg.png) top no-repeat;*/ z-index:51; margin:0; padding:0; } .searchformbox { position:absolute; left:8px; top:6px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#4c4c4c; width:143px; margin:0; padding:0; border:none; } .searchbutton { position:absolute; right:12px; top:7px; float:right; margin:0; padding:0; } /*Footer --------------------------------------------------------------------------*/ .footer { clear:both; padding:40px 0 20px 0; z-index:60; } .footer img { border:none; } .footer ul { margin:0; padding:0; list-style:none; } .footer li.footerflag { float:left; margin:0; padding-top:4px; width:33px; } .footer li.footerlogoone { float:right; margin:0 5px 0 0; } .footer li.footerlogotwo { float:right; margin:0; } .footer li.footertext { font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.5em; color:#757578; margin:0; } .footer li a { color:#757578; text-decoration:none; } .footer li a:hover { color:#757578; text-decoration:underline; } /*Clear fix --------------------------------------------------------------------------*/ .clearfix { display:inline-table; zoom:1; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ } html>body .clearfix { height:auto; } .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }