Main.css file as of 11/21/12 html, body { height:100%; margin:0; background-color:#000; background-image:url(../images/firstpage.gif); background-size:100% 100%; background-repeat:no-repeat; background-attachment:fixed; border:0; padding:0; } #container { height:73%; } #nav { position:absolute; padding:1; margin:0; list-style-type:none; height:7%; width:57%; top:40%; left:5%; z-index:2; } #nav li { width:16%; margin:1%; border:10%; padding:10%; height:100%; } #nav a { display:block; width:100%; height:100%; margin:10%; border:10%; padding:10%; outline:none; text-indent:-9999px; background-size:100% 300%; } #about {background-image:url(../images/aboutus.png);} #about1 {background-image:url(../images/contactus.png);} #about2 {background-image:url(../images/freelunch.png);} #about3 {background-image:url(../images/map.png);} #about4 {background-image:url(../images/meettheteambutton.png);} #nav a:hover {background-position:0 -100%;} #nav a:active {background-position:0 -200%;} ------------------------------------------------------------------------------------------------------------------ Index.html file as of 11/21/12 Marks Body Shop
------------------------------------------------------------------------------------------------------------------------ Defult.css file as of 11/21/12 @charset "utf-8"; /* CSS Document */ body { margin:0; padding:0; background:#000000; } html, body, #bg { height:100%; width:100%; border:0; padding:0; } #bg { left:0; right:0; bottom:0; top:0; position:fixed; z-index:0; } #bg img { width:100%; height:100%; position:fixed; overflow:hidden; } #content { z-index:2; overflow:hidden; /*position:relative;*/ height:100%; width:100%; z-index:2; margin:0 auto; } #position{ position:absolute; top:47%; left:5%; overflow:hidden; width:20%; z-index:2; } #positioncontact{ position:absolute; top:55%; left:5%; overflow:hidden; width:20%; z-index:2; } #positionfreelunch{ position:absolute; top:63%; left:5%; overflow:hidden; width:20%; z-index:2; } #positionmap{ position:absolute; top:71%; left:5%; overflow:hidden; width:20%; z-index:2; } #positionmeettheteam{ position:absolute; top:79%; left:5%; overflow:hidden; width:20%; z-index:2; } #blanket{ background: url('http://www.marksbodyshop.org/button/paintsplat.gif') no-repeat fixed center; width:100%; height:100%; display:none; position:absolute; z-index:1000; } /*#position1{ position:absolute; top:90%; left:66.38%; width:30%; margin: 0 auto; padding:0px; z-index: 2; }*/ #position1 { left: 88%; padding: 0; position: absolute; top: 90%; width: 20%; overflow:hidden; z-index: 2; height:10%; } #nav { margin:0px; padding:0px; height:44px; overflow:hidden; } #nav ul{ overflow:hidden; margin:0px; padding:0px; } #nav li { overflow:hidden; padding:0px; list-style:none; margin:5px 0; /*height:100%; height:100%;*/ } #nav a { overflow:hidden; display:block; /*width:100%; height:100%; outline:none; */ text-indent:-9999px; background-position:left; } #homelink { left: 0; padding: 0; position: absolute; top: 0; margin:0; z-index: 2; overflow:hidden; } #home {background:url(../images/homebutton.png) no-repeat;} #about {background:url(../images/sm/download.png) no-repeat;} #about1 {background:url(../images/sm/download.png) no-repeat;} #about2 {background:url(../images/sm/email.png) no-repeat;} #about3 {background:url(../images/sm/download.png) no-repeat;} #about4 {background:url(../images/sm/email.png) no-repeat;} #meettheteam1 {background:url(../images/carlosbutton.png) no-repeat;} #meettheteam2{background:url(../images/brettbutton.png) no-repeat;} #meettheteam3 {background:url(../images/marktbutton.png) no-repeat;} #meettheteam4 {background:url(../images/marksbutton.png) no-repeat;} #nav a:hover {background-position:0 -0% } #nav a:active {background-position:0 -0% } -------------------------------------------------------------------------------------------------------------------- Defult2.css file as of 11/21/12 @charset "utf-8"; /* CSS Document */ body { margin:0; padding:0; background:#000000; } html, body, #bg { height:100%; width:100%; border:0; padding:0; } #bg { /*position:absolute; */ left:0; right:0; bottom:0; top:0; position:fixed; z-index:0; } #mainimg { width:100%; height:100%; position:fixed; } #content { z-index:2; /*position:relative;*/ height:100%; overflow:hidden; width:100%; z-index:2; margin:0 auto; } #position{ position:absolute; top:47%; left:5%; overflow:hidden; width:20%; z-index:2; } #positioncontact{ position:absolute; top:55%; left:5%; overflow:hidden; width:20%; z-index:2; } #positionfreelunch{ position:absolute; top:63%; left:5%; overflow:hidden; width:20%; z-index:2; } #positionmap{ position:absolute; top:71%; left:5%; overflow:hidden; width:20%; z-index:2; } #positionmeettheteam{ position:absolute; top:79%; left:5%; overflow:hidden; width:20%; z-index:2; } #blanket{ background: url('http://www.marksbodyshop.org/button/paintsplat.gif') no-repeat fixed center; width:100%; height:100%; display:none; position:absolute; z-index:1000; } /*#position1{ position:absolute; top:90%; left:66.38%; width:30%; margin: 0 auto; padding:0px; z-index: 2; }*/ #position1 { left: 88%; padding: 0; position: absolute; top: 90%; width: 20%; overflow:hidden; z-index: 2; height:10%; } #nav { margin:0px; padding:0px; height:44px; overflow:hidden; } #nav ul{ margin:0px; padding:0px; overflow:hidden; } #nav li { padding:0px; list-style:none; margin:5px 0; /*height:100%;*/ height:100%; overflow:hidden; } #nav a { display:block; width:100%; overflow:hidden; height:100%; /*outline:none; */ text-indent:-9999px; background-position:left; } #homelink { left: 0; padding: 0; position: absolute; top: 0; margin:0; z-index: 2; overflow:hidden; } #home {width:63.5%;height:43px;background:url(../images/homebutton.png);} #about {width:49%;height:33px;background:url(../images/aboutus_new.png)} #about1 {background:url(../images/contactus.png) no-repeat;} #about2 {background:url(../images/freelunch.png) no-repeat;} #about3 {background:url(../images/map.png) no-repeat;} #about4 {background:url(../images/meettheteambutton.png) no-repeat;} #meettheteam1 {background:url(../images/carlosbutton.png) no-repeat;} #meettheteam2{background:url(../images/brettbutton.png) no-repeat;} #meettheteam3 {background:url(../images/marktbutton.png) no-repeat;} #meettheteam4 {background:url(../images/marksbutton.png) no-repeat;} #nav a:hover {background-position:0 -0% } #nav a:active {background-position:0 -0% } -----------------------------------------------------------------------------------------------------------------------