@charset "utf-8"; a:link { color: #000; text-decoration: none; } html { width: 100%; /* redefining to span the height and width of the browser window */ height: 100%; margin: 0px; padding: 0px; } body { background-color:#245462; height: 100%; margin: 0px; padding: 0px; width: 100%; /* redefining to span the height and width of */ } #container { background-color:#FFF; position: fixed; /* container must be relative */ left: 50%; /* this centers the container horizontally within */ margin-left: -450px; /* this centers the container horizontally within */ top: 0px; width: 900px; /* 900 pixels wide centered horizontally */ height: 85px; /* 100% of the tag */ } #fslogo { align: left; height: 60px; width: 75px; position: absolute; /* layers inside of “container” must be absolute */ left: 25px; top: 10px; padding: 0px; } #h1 { color: #245462; position: absolute; /* layers inside of “container” must be absolute */ left: 105px; top: -5px; text-align: left; height: 20px; } #h2 { color: #999; position: absolute; /* layers inside of “container” must be absolute */ left: 110px; top: 28px; text-align: center; height: 20px; } .style1 { font-size: 25px; font-family: Georgia, "Times New Roman", Times, serif; } .style2 { font-size: 14px; font-family: Tahoma, Geneva, sans-serif, sans-serif; } #fountainsupplytitlecontact { height: 10px; width: 190px; position: absolute; /* layers inside of “container” must be absolute */ left: 685px; top: -25px; } .style3 { color:#000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .style4 { color:#FFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } #navigation { background-color: #FFFFFF; position: absolute; /* layers inside of “container” must be absolute */ height: 20px; top: 85px; } /*Menu Bar styling classes*/ ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: 900px; } ul.MenuBarActive { z-index: 1000; } ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: center; cursor: pointer; width: 225px; float: left; } ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 8.2em; position: absolute; left: -1000em; float: none; } ul.MenuBarHorizontal ul li { width: 8.2em; } ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; } ul.MenuBarHorizontal { left: auto; top: 0; } ul.MenuBarHorizontal ul { border: 1px solid #CCC; } ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #99C2C2; padding: 0.5em 0.75em; color: #333; text-decoration: none; } ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #000000; color: #FFF; } /*End Menu Bar styling classes*/ /*Homepage styling classes*/ #homepict { background-color: #FFFFFF; position: absolute; /* layers inside of “container” must be absolute */ top: 121px; height: 570px; width: 900px; } #footer { background-color: #000; position: relative; /* layers inside of “container” must be absolute */ top: 675px; height: 50px; width: 900px; } #copyrighticon { position: absolute; /* layers inside of “container” must be absolute */ top: 12.5px; left: 12.5px; height: 50px; width: 450px; } #copyrighttext { position: absolute; /* layers inside of “container” must be absolute */ top: 2px; left: 40px; } /*End Homepage styling classes*/ /*FSC Products styling classes*/ #fscproducts { background-color: #FFF; position: relative; /* container must be relative */ margin-left: auto; /* this centers the container horizontally within */ margin-right: auto; /* this centers the container horizontally within */ top: 115px; width: 900px; /* 900 pixels wide centered horizontally */ height: 500px; /* 100% of the tag */ } /*End FSC Products styling classes*/ /*Manufactures styling classes*/ #manufacturersbox { background-color: #FFF; position: relative; /* container must be relative */ margin-left: auto; /* this centers the container horizontally within */ margin-right: auto; /* this centers the container horizontally within */ top: 113px; width: 1620px; /* 900 pixels wide centered horizontally */ height: 600px; /* 100% of the tag */ } /*End Manufactures styling classes*/ /*Gallery styling classes*/ #gallery { background-color: #FFF; position: relative; /* container must be relative */ margin-left: auto; /* this centers the container horizontally within */ margin-right: auto; /* this centers the container horizontally within */ top: 113px; width: 900px; /* 900 pixels wide centered horizontally */ height: 1000px; /* 100% of the tag */ } /*End Gallery styling classes*/ /*Contact styling classes*/ #contact { background-color: #FFF; position: relative; /* container must be relative */ margin-left: auto; /* this centers the container horizontally within */ margin-right: auto; /* this centers the container horizontally within */ top: 113px; width: 900px; /* 900 pixels wide centered horizontally */ height: 1000px; /* 100% of the tag */ } /*End Contact styling classes*/ #lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption{ float: left; } #keyboardMsg{ float: right; } #closeButton{ top: 5px; right: 5px; } #lightbox img{ border: none; clear: both;} #overlay img{ border: none; } #overlay{ background-image: url(overlay.png); } * html #overlay{ background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale"); }