#nav-reflection { margin: 0 auto 50px auto; padding: 50px 0 0 172px; width: 452px; min-height: 130px; background: url(../images/page-shadow.jpg) top center no-repeat; list-style: none; } #nav-reflection li { margin-right: 15px; width: 59px; float: left; } #nav-reflection a, #nav-reflection a:visited, #nav-reflection a:hover { width: 59px; height: 59px; text-indent: -9999px; overflow: hidden; background: url(../images/icons.png) no-repeat; display: block; } #nav-reflection span { margin-top: 1px; width: 59px; height: 34px; text-align: center; background: url(../images/icons-reflections.jpg) no-repeat; display: block; } /* Button Colors */ #nav-reflection li.button-color-1 a { background-position: -3px -3px; } #nav-reflection li.button-color-2 a { background-position: -92px -3px; } #nav-reflection li.button-color-3 a { background-position: -181px -3px; } #nav-reflection li.button-color-4 a { background-position: -270px -3px; } /* Button Reflection Color */ #nav-reflection li.button-color-1 span { background-position: 0 0; } #nav-reflection li.button-color-2 span { background-position: -89px 0; } #nav-reflection li.button-color-3 span { background-position: -178px 0; } #nav-reflection li.button-color-4 span { background-position: -267px 0; } /* =Shadow Nav -------------------------------------------------------------------------- */ #nav-shadow { float:right;width:auto; text-align: center; background: none; list-style: none; } #nav-shadow li { margin-right: 6px; width: 35px; height: 34px; position: relative; float: left; } #nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover { margin: 0 auto; width: 35px; height: 34px; text-indent: -9999px; overflow: hidden; background: url(../images/social-icons.png) no-repeat; display: block; position: relative; z-index: 2; } /* Button Colors */ #nav-shadow li.button-color-1 a { background-position: 0 0; } #nav-shadow li.button-color-2 a { background-position: -41px 0px; } #nav-shadow li.button-color-3 a { background-position: -82px 0px; } #nav-shadow li.button-color-4 a { background-position: -123px 0px; } #nav-shadow li.button-color-5 a { background-position: -164px 0px; } #nav-shadow li.button-color-6 a { background-position: -205px 0px; } /* Button Shadow */ #nav-shadow li img.shadow { display:none; margin: 0 auto; position: absolute; bottom: 0; left: 0; z-index: 1; }