* { margin: 0; padding: 0; } body { background: #fefefe; font-size: 62.5%; font-family: Trebuchet MS, arial; overflow: -moz-scrollbars-vertical; background-image: url('../images/bgCream.jpg'); background-position: 50% 175px; background-repeat: repeat-x; } ul, ul li { list-style-position: outside; list-style-image: none; } .desc ul,.desc ul li { list-style-position: outside; padding: 5px 0px; font-size: 12px; margin-left: 15px;} .desc ul li a:hover{ text-decoration: none;} ol { margin-left: 25px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } a { color: #006; } a img { border: solid 0; } p { margin: 10px 0; line-height: 18px; } /* =============================================================================================================== */ /* GENERAL */ /* =============================================================================================================== */ #footer { width: 100%; height: 50px; background-image: url('../images/bgFooter.jpg'); background-position: 0 0; background-color: #fff; font-family: arial,helvetica; text-align: center; } #footer ul { width: 900px; height: 30px; margin: 0 auto; } #footer ul li { display: block; float: left; height: 30px; line-height: 30px; font-size: 17px; text-transform: uppercase; margin: 0 10px; color: #000; } #footer ul li a { color: #fff; text-decoration: none; } #footer ul li a:hover { color: #000; } #footer #copyright { display: block; margin: 0 auto; font-size: 9px; letter-spacing: 1px; color: #808080; } #footer #copyright a { color: #808080; } /* =============================================================================================================== */ /* SPLASH PAGE */ /* =============================================================================================================== */ #splashPage #header { width: 100%; height: 175px; background-image: url('../images/bgHeaderBlack.jpg'); background-position: 50% 0; background-color: #fff; } #splashPage #mainText { width: 960px; height: 470px; margin: 0 auto; overflow: hidden; } #splashPage #mainText img { margin-left: 109px; margin-top: 15px; clear: left; } #splashPage #mainText a img { border: 0; } #splashPage #smallAmp { width: 960px; height: 125px; margin: 0 auto; } #splashPage #smallAmp img { margin-left: 40px; } /* =============================================================================================================== */ /* MAIN PAGE */ /* =============================================================================================================== */ #mainPage #header { width: 100%; height: 175px; background-image: url('../images/bgHeaderWhite.jpg'); background-position: 50% 0; background-color: #fff; } #mainPage h2 { width: 742px; height: 60px; margin: 0 auto; text-indent: -99999px; background-image: url('../images/h2Unmistakeable.gif'); background-position: 0 20px; background-repeat: no-repeat; } #mainPage #contentBlock { width: 990px; height: 535px; margin: 0 auto; background-image: url('../images/iconsAlbums.jpg'); background-repeat: no-repeat; } #mainPage #contentBlock ul { margin-left: 15px; } #mainPage #contentBlock ul li { width: 191px; height: 191px; display: block; float: left; } #mainPage #contentBlock ul li.news { width: 191px; height: 191px; background: url('/images/link_newsSprite.jpg') no-repeat; margin: 20px 53px 0 20px; } #mainPage #contentBlock ul li.news a { display: block; text-indent: -900%; position: absolute; outline: none; } #mainPage #contentBlock ul li.news a:hover { width: 191px; height: 191px; background: url('/images/link_newsSprite.jpg') no-repeat; background-position: 0px -191px; } #mainPage #contentBlock ul li.amps { width: 191px; height: 191px; background: url('/images/link_ampsSprite.jpg') no-repeat; margin: 20px 52px 0 0; } #mainPage #contentBlock ul li.amps a { display: block; text-indent: -900%; position: absolute; outline: none; } #mainPage #contentBlock ul li.amps a:hover { width: 191px; height: 191px; background: url('/images/link_ampsSprite.jpg') no-repeat; background-position: 0px -191px; } #mainPage #contentBlock ul li.sound { width: 191px; height: 191px; background: url('/images/link_soundSprite.jpg') no-repeat; margin: 20px 51px 0 0; } #mainPage #contentBlock ul li.sound a { display: block; text-indent: -900%; position: absolute; outline: none; } #mainPage #contentBlock ul li.sound a:hover { width: 191px; height: 191px; background: url('/images/link_soundSprite.jpg') no-repeat; background-position: 0px -191px; } #mainPage #contentBlock ul li.artists { width: 191px; height: 191px; background: url('/images/link_artistsSprite.jpg') no-repeat; margin: 20px 0 0 0; } #mainPage #contentBlock ul li.artists a { display: block; text-indent: -900%; position: absolute; outline: none; } #mainPage #contentBlock ul li.artists a:hover { width: 191px; height: 191px; background: url('/images/link_artistsSprite.jpg') no-repeat; background-position: 0px -191px; } #mainPage #contentBlock ul li.raves { width: 191px; height: 191px; background: url('/images/link_ravesSprite.jpg') no-repeat; margin: 52px 52px 0 20px; } #mainPage #contentBlock ul li.raves a { display: block; text-indent: -900%; position: absolute; outline: none; } #mainPage #contentBlock ul li.raves a:hover { width: 191px; height: 191px; background: url('/images/link_ravesSprite.jpg') no-repeat; background-position: 0px -191px; } #mainPage #contentBlock ul li.dealers { width: 191px; height: 191px; background: url('/images/link_dealersSprite.jpg') no-repeat; margin: 52px 52px 0 0; } #mainPage #contentBlock ul li.dealers a { display: block; text-indent: -900%; position: absolute; outline: none; } #mainPage #contentBlock ul li.dealers a:hover { width: 191px; height: 191px; background: url('/images/link_dealersSprite.jpg') no-repeat; background-position: 0px -191px; } #mainPage #contentBlock ul li.faq { width: 191px; height: 191px; background: url('/images/link_faqSprite.jpg') no-repeat; margin: 52px 52px 0 0; } #mainPage #contentBlock ul li.faq a { display: block; text-indent: -900%; position: absolute; outline: none; } #mainPage #contentBlock ul li.faq a:hover { width: 191px; height: 191px; background: url('/images/link_faqSprite.jpg') no-repeat; background-position: 0px -191px; } #mainPage #contentBlock ul li.about { width: 191px; height: 191px; background: url('/images/link_aboutSprite.jpg') no-repeat; margin: 52px 0 0 0; } #mainPage #contentBlock ul li.about a { display: block; text-indent: -900%; position: absolute; outline: none; } #mainPage #contentBlock ul li.about a:hover { width: 191px; height: 191px; background: url('/images/link_aboutSprite.jpg') no-repeat; background-position: 0px -191px; } #mainPage #contentBlock ul li a { width: 191px; height: 191px; display: block; text-indent: -99999px; } #mainPage #contentBlock ul li a img { border: 0; } #mainPage #smallAmp { width: 960px; height: 125px; margin: 0 auto; } #mainPage #smallAmp img { margin-left: 40px; } #mainPage #twityoutube { position: relative; float: right; width: 266px; height: 110px; bottom: 30px; border: 0px solid red; } #mainPage #twityoutube img { margin: 0px; padding: 0px; } /* =============================================================================================================== */ /* CONTENT PAGE */ /* =============================================================================================================== */ #contentPage #header, #mainPage #header { width: 100%; height: 154px; padding-top: 21px; background-image: url('../images/bgHeaderWhite.jpg'); background-position: 50% 0; background-color: #fff; } #contentPage #header a, #mainPage #header a { width: 180px; height: 150px; display: block; margin: 0 auto; background-image: url('../images/65logo.jpg'); } #contentPage #header h1, #mainPage #header h1 { display: none; } #contentPage h2 { width: 742px; height: 60px; margin: 0 auto; text-indent: -99999px; background-image: url('../images/h2Unmistakeable.gif'); background-position: 0 20px; background-repeat: no-repeat; } #contentPage #mainBlock { width: 960px; margin: 0 auto; } .desc h4 { font-size: 18px; margin: 10px 0; } /* ------------------------------------------ */ /* LEFT BLOCK */ /* ------------------------------------------ */ #contentPage #mainBlock #leftBlock { width: 330px; height: 650px; margin-right: 5px; float: left; } #contentPage #mainBlock #leftBlock h3 { width: 330px; height: 325px; } #contentPage #mainBlock #leftBlock h3.news { background-image: url('../images/h3news.jpg'); } #contentPage #mainBlock #leftBlock h3.amps { background-image: url('../images/h3amps.jpg'); } #contentPage #mainBlock #leftBlock h3.sound { background-image: url('../images/h3sound.jpg'); } #contentPage #mainBlock #leftBlock h3.artists { background-image: url('../images/h3artists.jpg'); } #contentPage #mainBlock #leftBlock h3.raves { background-image: url('../images/h3raves.jpg'); } #contentPage #mainBlock #leftBlock h3.dealers { background-image: url('../images/h3dealers.jpg'); } #contentPage #mainBlock #leftBlock h3.faq { background-image: url('../images/h3faq.jpg'); } #contentPage #mainBlock #leftBlock h3.about { background-image: url('../images/h3about.jpg'); } #contentPage #mainBlock #leftBlock h3.reg { background-image: url('../images/h3register.jpg'); } #contentPage #mainBlock #leftBlock ul { width: 330px; height: 165px; background-image: url('../images/leftIcons.jpg'); } #contentPage #mainBlock #leftBlock ul li { width: 64px; height: 64px; display: block; float: left; } #contentPage #mainBlock #leftBlock ul li.news { width: 64px; height: 64px; background: url('/images/icon_newsSprite.jpg') no-repeat; margin: 7px 0 0 7px; } #contentPage #mainBlock #leftBlock ul li.news a { display: block; text-indent: -900%; position: absolute; outline: none; } #contentPage #mainBlock #leftBlock ul li.news a:hover { width: 64px; height: 64px; background: url('/images/icon_newsSprite.jpg') no-repeat; background-position: 0px -64px; } #contentPage #mainBlock #leftBlock ul li.amps { width: 64px; height: 64px; background: url('/images/icon_ampsSprite.jpg') no-repeat; margin: 7px 0 0 17px; } #contentPage #mainBlock #leftBlock ul li.amps a { display: block; text-indent: -900%; position: absolute; outline: none; } #contentPage #mainBlock #leftBlock ul li.amps a:hover { width: 64px; height: 64px; background: url('/images/icon_ampsSprite.jpg') no-repeat; background-position: 0px -64px; } #contentPage #mainBlock #leftBlock ul li.sound { width: 64px; height: 64px; background: url('/images/icon_soundSprite.jpg') no-repeat; margin: 7px 0 0 17px; } #contentPage #mainBlock #leftBlock ul li.sound a { display: block; text-indent: -900%; position: absolute; outline: none; } #contentPage #mainBlock #leftBlock ul li.sound a:hover { width: 64px; height: 64px; background: url('/images/icon_soundSprite.jpg') no-repeat; background-position: 0px -64px; } #contentPage #mainBlock #leftBlock ul li.artists { width: 64px; height: 64px; background: url('/images/icon_artistsSprite.jpg') no-repeat; margin: 7px 0 0 17px; } #contentPage #mainBlock #leftBlock ul li.artists a { display: block; text-indent: -900%; position: absolute; outline: none; } #contentPage #mainBlock #leftBlock ul li.artists a:hover { width: 64px; height: 64px; background: url('/images/icon_artistsSprite.jpg') no-repeat; background-position: 0px -64px; } #contentPage #mainBlock #leftBlock ul li.raves { width: 64px; height: 64px; background: url('/images/icon_ravesSprite.jpg') no-repeat; margin: 17px 0 0 7px; } #contentPage #mainBlock #leftBlock ul li.raves a { display: block; text-indent: -900%; position: absolute; outline: none; } #contentPage #mainBlock #leftBlock ul li.raves a:hover { width: 64px; height: 64px; background: url('/images/icon_ravesSprite.jpg') no-repeat; background-position: 0px -64px; } #contentPage #mainBlock #leftBlock ul li.dealers { width: 64px; height: 64px; background: url('/images/icon_dealersSprite.jpg') no-repeat; margin: 17px 0 0 17px; } #contentPage #mainBlock #leftBlock ul li.dealers a { display: block; text-indent: -900%; position: absolute; outline: none; } #contentPage #mainBlock #leftBlock ul li.dealers a:hover { width: 64px; height: 64px; background: url('/images/icon_dealersSprite.jpg') no-repeat; background-position: 0px -64px; } #contentPage #mainBlock #leftBlock ul li.faq { width: 64px; height: 64px; background: url('/images/icon_faqSprite.jpg') no-repeat; margin: 17px 0 0 17px; } #contentPage #mainBlock #leftBlock ul li.faq a { display: block; text-indent: -900%; position: absolute; outline: none; } #contentPage #mainBlock #leftBlock ul li.faq a:hover { width: 64px; height: 64px; background: url('/images/icon_faqSprite.jpg') no-repeat; background-position: 0px -64px; } #contentPage #mainBlock #leftBlock ul li.about { width: 64px; height: 64px; background: url('/images/icon_aboutSprite.jpg') no-repeat; margin: 17px 0 0 17px; } #contentPage #mainBlock #leftBlock ul li.about a { display: block; text-indent: -900%; position: absolute; outline: none; } #contentPage #mainBlock #leftBlock ul li.about a:hover { width: 64px; height: 64px; background: url('/images/icon_aboutSprite.jpg') no-repeat; background-position: 0px -64px; } #contentPage #mainBlock #leftBlock ul li a { width: 64px; height: 64px; display: block; text-indent: -99999px; } #contentPage #mainBlock #leftBlock ul li a img { border: 0; } #contentPage #mainBlock #leftBlock ul li.selected { background-image: none; } #contentPage #mainBlock #leftBlock ul li.selected a { display: none; } /* ------------------------------------------ */ /* RIGHT BLOCK */ /* ------------------------------------------ */ #contentPage #mainBlock #rightBlock { width: 620px; margin-left: 5px; float: left; font-size: 1.4em; line-height: 1.4em; } #contentPage #mainBlock #rightBlock #message { margin: 30px 0 0 30px; font-weight: bold; color: #909090; font-size: 1.4em; } #contentPage #mainBlock #rightBlock h5 { border-bottom: dotted 1px #000; } #contentPage #mainBlock #rightBlock a { font-weight: bold; } #contentPage #smallAmp { clear: both; width: 960px; height: 5px; margin: 0 auto; } #contentPage #smallAmp img { margin-left: 35px; margin-top: -120px; } /* ------------------------------------------ */ /* FOOTER */ /* ------------------------------------------ */ #contentPage #footer { clear: both; } /* =============================================================================================================== */ /* NEWS PAGE */ /* =============================================================================================================== */ /* =============================================================================================================== */ /* AMPS PAGE */ /* =============================================================================================================== */ #contentPage #mainBlock .amps ul.ampIcons { width: 620px; height: 250px; } #contentPage #mainBlock .amps ul.ampIcons li { display: block; width: 70px; height: 70px; float: left; margin: 0 15px 15px 0; border: solid 1px #909090; } #contentPage #mainBlock .amps ul.ampIcons li a { display: block; width: 70px; height: 70px; border: solid 0; } #contentPage #mainBlock .amps ul.priceList { clear: left; margin-top: 15px; } #contentPage #mainBlock .amps ul.priceList li { margin: 5px 0 20px 0; padding-bottom: 15px; border-bottom: dashed 1px #909090; } #contentPage #mainBlock .amps ul.priceList li p { font-size: 0.9em; margin-top: 0; margin-bottom: 10px; padding-left: 40px; } #contentPage #mainBlock .amps hr { margin: 20px 0; height: 1px; border-top: dashed 1px #909090; } /* ------------------------------------------ */ /* AMP POPUP */ /* ------------------------------------------ */ body.ampPopup { margin: 0; padding: 0; background-color: #fff; background-position: 50% 10px; background-repeat: no-repeat; } body.ampPopup #closeWindow { float: right; background: #c0c0c0; font-size: 16px; font-weight: bold; display: block; padding: 5px; line-height: 23px; text-align: center; border-top: solid 1px #000; border-left: solid 1px #000; } body.ampPopup #closeWindow a { text-decoration: none; color: #006; } body.ampPopup #closeWindow a:hover { color: #36c; } /* =============================================================================================================== */ /* SOUNDS PAGE */ /* =============================================================================================================== */ #contentPage #mainBlock .sounds h3 { margin-bottom: 3px; } #contentPage #mainBlock .sounds hr { margin: 20px 0; height: 1px; border-top: dashed 1px #909090; } #contentPage #mainBlock .sounds img { float: right; margin: 3px 0 7px 7px; border: solid 1px #909090; } #contentPage #mainBlock .sounds ol { font-weight: bold; margin-top: 5px; } #contentPage #mainBlock .sounds ol .noBold { font-weight: normal; font-size: 0.9em; } /* =============================================================================================================== */ /* ARTISTS PAGE */ /* =============================================================================================================== */ #contentPage #mainBlock #rightBlock ul.photoList { width: 640px; } #contentPage #mainBlock #rightBlock ul.photoList li { width: 140px; margin-right: 20px; margin-bottom: 20px; display: block; float: left; line-height: 1.3em; } #contentPage #mainBlock #rightBlock ul.photoList li strong { display: block; margin: 3px 0; padding: 0; font-size: 1.1em; } #contentPage #mainBlock #rightBlock ul#textList { clear: left; } #contentPage #mainBlock #rightBlock ul#textList li { margin-bottom: 10px; line-height: 1.3em; } #contentPage #mainBlock #rightBlock ul#textList li strong { font-size: 1.1em; } /* =============================================================================================================== */ /* RAVES PAGE */ /* =============================================================================================================== */ #contentPage #mainBlock .raves strong { display: block; margin-bottom: 10px; font-size: 1.1em; color: #606060; } #contentPage #mainBlock .raves hr { margin: 20px 0; height: 1px; border-top: dashed 1px #909090; } #contentPage #mainBlock #rightBlock ul#pressList, #contentPage #mainBlock #rightBlock ul#pressList li { list-style-type: disc; list-style-position: inside; } /* =============================================================================================================== */ /* DEALERS PAGE */ /* =============================================================================================================== */ #contentPage #mainBlock .dealers h3 { font-size: 1.3em; } #contentPage #mainBlock .dealers img.usaMap { margin: 0 110px 40px 110px; } #contentPage #mainBlock .dealers ul.dealersInt li { margin-top: 30px; } /* ------------------------------------------ */ /* DEALERS POPUP */ /* ------------------------------------------ */ body.dealersList { background: #606060; background-image: none; color: #fff; font-size: 0.7em; padding: 9px; } body.dealersList h2 { font-size: 2em; } body.dealersList strong { display: block; text-transform: uppercase; margin-top: 15px; } body.dealersList a { color: #c0c0c0; } body.dealersList a.stateName { color: #c0c0c0; text-transform: uppercase; margin: 25px 0 2px 0; display: block; border-bottom: solid 1px #c0c0c0; text-align: left; letter-spacing: 2px; font-size: 1.5em; } /* =============================================================================================================== */ /* FAQ PAGE */ /* =============================================================================================================== */ #contentPage #mainBlock #rightBlock hr { margin: 20px 0; } #contentPage #mainBlock #rightBlock ol#faqList li { font-weight: bold; margin-bottom: 20px; padding-bottom: 20px; border-bottom: dashed 1px #909090; } #contentPage #mainBlock #rightBlock ol#faqList li div.answer { font-weight: normal; margin-top: 5px; } #contentPage #mainBlock #rightBlock ol#faqList li li { margin-bottom: 0px; padding-bottom: 0px; border-bottom: solid 0; font-weight: normal; list-style-type: lower-roman; list-style-position: outside; margin-left: 25px; } /* =============================================================================================================== */ /* ABOUT PAGE */ /* =============================================================================================================== */ #contentPage #mainBlock #rightBlock ul#about { font-size: 1.2em; font-weight: bold; margin-bottom: 20px; } #contentPage #mainBlock #rightBlock form { width: 385px; margin-top: 50px; } #contentPage #mainBlock #rightBlock fieldset { border: solid 0; margin-bottom: 10px; } #contentPage #mainBlock #rightBlock fieldset label { width: 130px; height: 22px; float: left; } #contentPage #mainBlock #rightBlock fieldset input, #contentPage #mainBlock #rightBlock fieldset textarea { width: 250px; border: solid 1px #000; float: left; font-family: arial, helvetica; font-size: 12px; } #contentPage #mainBlock #rightBlock fieldset input { height: 18px; } #contentPage #mainBlock #rightBlock fieldset textarea { height: 90px; } #contentPage #mainBlock #rightBlock #formButtons input { float: right; border: solid 1px #000; width: 80px; height: 26px; background: #909090; margin: 0 3px 0 10px; color: #fff; } .artistlist li { list-style: disc; } div.spacer { clear: both; height: 5px; display: block; }