body { background-color: #7d7d7d; margin: 20px 0px 0px; padding: 0px; font-family: Arial, sans-serif; } a { color: #7d7d7d; text-decoration: none; } a img { border: none; } a:hover { color: #ff9933; } #wrap { width: 725px; margin-right: auto; margin-left: auto; position: relative; } #TopNav { clear: both; height: 10px; width: 608px; position: absolute; font-size: 10px; left: 156px; top: 19px; font-family: Arial, sans-serif; color: #ffffff; } #nav { float: left; width: 229px; height: 99px; position: absolute; left: -153px; top: 70px; background-image: url(images/nav_bg_darker2.jpg); background-repeat: no-repeat; z-index: 1000; } #nav ul { width: 229px; background-repeat: no-repeat; padding: 0px; position: relative; top: 29px; } html>body #nav ul li { background-image: url(images/nav_li_bg.png); } * html #nav ul li a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_li_bg.png', sizingMethod='crop'); } #wrap #nav li { padding: 0px; height: 20px; width: 229px; margin: 0px 0px 3px; } #nav li a { display: block; height: 100%; width: 100%; color: #ffffff; text-decoration: none; text-indent: 4px; line-height: 22px; _line-height: 18px; } #nav li a:hover { background-color: #FFFFFF; cursor: hand; color: #8a8a8a; } #nav ul, #nav li { margin: 0px; list-style-type: none; font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase; } #break { clear: both; height: 350px; width: 7px; position: absolute; font-size: 10px; left: 79px; top: 97px; font-family: Arial, sans-serif; color: #ffffff; background-repeat: no-repeat; } html>body #break { /* this (html>body) is called a child selector. Meaning that tag is a "child" of the tag or that the body tag is inside of the html tag. IE dosent support this yet so we can target all other browsers (firefox, opera, safari) */ background-image: url(images/Breaks.png); } * html #break {/* for IE. This is invalid css. It should not really work, but IE will read it anyways, were as all other browsers will ignore it. */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Breaks.png', sizingMethod='crop'); } #break2 { clear: both; height: 362px; width: 5px; position: absolute; font-size: 10px; left: 425px; top: 97px; font-family: Arial, sans-serif; color: #ffffff; background-image: url(Break.gif); background-repeat: no-repeat; } #Globe { position:absolute; left:-139px; top:188px; width:201px; height:225px; z-index:1; font-size: 10px; color: #ffffff; background-repeat: no-repeat; display: block; } html>body #Globe { /* this (html>body) is called a child selector. Meaning that tag is a "child" of the tag or that the body tag is inside of the html tag. IE dosent support this yet so we can target all other browsers (firefox, opera, safari) */ } * html #Globe {/* for IE. This is invalid css. It should not really work, but IE will read it anyways, were as all other browsers will ignore it. */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='crop'); } #GlobeText { position:absolute; left:-132px; top:105px; width:193px; height:189px; z-index:1 } #news { position:absolute; left:91px; top:94px; width:124px; height:38px; z-index:1; } html>body #news { /* this (html>body) is called a child selector. Meaning that tag is a "child" of the tag or that the body tag is inside of the html tag. IE dosent support this yet so we can target all other browsers (firefox, opera, safari) */ background-image: url(images/lounge.png); } * html #news {/* for IE. This is invalid css. It should not really work, but IE will read it anyways, were as all other browsers will ignore it. */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lounge.png', sizingMethod='crop'); } #content { position:absolute; left:100px; top:138px; width:511px; height:266px; z-index:1 } #footer { position:absolute; left:399px; top:593px; width:218px; height:20px; z-index:1; font-family: Arial, sans-serif; color: #ffffff; font-size: 10px; } #submissions { position:absolute; left:442px; top:101px; width:134px; height:17px; z-index:1 font-family: Arial, sans-serif; color: #ffffff; font-size: 10px; } #featuredTEXT { position:absolute; left:443px; top:118px; width:134px; height:235px; z-index:1 } #comingsoon { position:absolute; left:-148px; top:177px; width:218px; height:12px; z-index:1 font-family: Arial, sans-serif; color: #4c4c4c; font-size: 10px; } #form { font-size:100%; width:500; color:#FFFFFF; }