@charset "UTF-8";

/* CONTENT GLOBAL */
.contentglobal { position: relative; margin: 0 auto; padding: 10px 0; width: 980px; overflow: hidden; display: block; }

/* CONTENT GENERIC */
.contentgeneric { position: relative; margin: 42px 20px 0 0; padding: 0 auto; width: 342px; overflow: hidden; display: block; float: right; }

/* LOGO */
#logo { position: relative; margin: 0 auto; padding: 0 0 0 2px; width: 250px; height: 87px; display: block; float: left; }

/* STREAMING */
#streaming { position: relative; margin: 0 auto; padding: 17px 2px 0 0; display: block; float: right; }

/* NAVIGATION */
#navigation { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 37px; display: block; float: left; background-image: url(../images/navigationbar.png); background-repeat: no-repeat; }

/* NAVIGATION - HOME*/
a#navigationhome { position: relative; margin: 0 auto; padding: 0 auto; width: 102px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: 0 0px; }
a:visited#navigationhome { position: relative; margin: 0 auto; padding: 0 auto; width: 102px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: 0 0; }
a:hover#navigationhome { position: relative; margin: 0 auto; padding: 0 auto; width: 102px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: 0 -39px; }
a:active#navigationhome { position: relative; margin: 0 auto; padding: 0 auto; width: 102px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: 0 -39px; }

/* NAVIGATION - SOCIAL */
a#navigationsocial { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -102px 0; }
a:visited#navigationsocial { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -102px 0; }
a:hover#navigationsocial { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -102px -39px; }
a:active#navigationsocial { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -102px -39px; }

/* NAVIGATION - FACEBOOK */
a#navigationfacebook { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -201px 0; }
a:visited#navigationfacebook { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -201px 0; }
a:hover#navigationfacebook { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -201px -39px; }
a:active#navigationfacebook { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -201px -39px; }

/* NAVIGATION - BLOG */
a#navigationblog { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -300px 0; }
a:visited#navigationblog { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -300px 0; }
a:hover#navigationblog { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -300px -39px; }
a:active#navigationblog { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -300px -39px; }

/* NAVIGATION - LINKS */
a#navigationlinks { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -399px 0; }
a:visited#navigationlinks { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -399px 0; }
a:hover#navigationlinks { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -399px -39px; }
a:active#navigationlinks { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -399px -39px; }

/* NAVIGATION - CONTACT */
a#navigationcontact { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -498px 0; }
a:visited#navigationcontact { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -498px 0; }
a:hover#navigationcontact { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -498px -39px; }
a:active#navigationcontact { position: relative; margin: 0 auto; padding: 0 auto; width: 99px; height: 37px; display: block; float: left; text-decoration: none; background-image: url(../images/navigation.png); background-repeat: no-repeat; background-position: -498px -39px; }


/* BOX COLUMN 1 ICON PLUGIN */
a#boxcolumn1iconplugin { position: relative; margin: 0 0 10px 0; padding: 0 auto; width: 160px; height: 105px; display: block; float: left; text-decoration: none; background-image: url(../images/boxcolumn1iconplugin.png); background-repeat: no-repeat; background-position: 0 0; }
a:visited#boxcolumn1iconplugin { position: relative; margin: 0 0 10px 0; padding: 0 auto; width: 160px; height: 105px; display: block; float: left; text-decoration: none; background-image: url(../images/boxcolumn1iconplugin.png); background-repeat: no-repeat; background-position: 0 0; }
a:hover#boxcolumn1iconplugin { position: relative; margin: 0 0 10px 0; padding: 0 auto; width: 160px; height: 105px; display: block; float: left; text-decoration: none; background-image: url(../images/boxcolumn1iconplugin.png); background-repeat: no-repeat; background-position: 0 -105px; }
a:active#boxcolumn1iconplugin { position: relative; margin: 0 0 10px 0; padding: 0 auto; width: 160px; height: 105px; display: block; float: left; text-decoration: none; background-image: url(../images/boxcolumn1iconplugin.png); background-repeat: no-repeat; background-position: 0 -105px; }

/* BOX GLOBAL*/
.boxglobaltop { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 12px; display: block; background-image: url(../images/boxglobaltop.jpg); background-repeat: no-repeat; }
.boxglobalcenter { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; overflow: hidden; display: block; background-image: url(../images/boxglobalcenter.jpg); background-repeat: repeat-y; }
.boxglobalbottom { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 12px; display: block; background-image: url(../images/boxglobalbottom.jpg); background-repeat: no-repeat; }

/* HOME FRONT */
#homefront { position: relative; margin: 0 auto; padding: 0 auto; width: 782px; height: 200px; display: block; float: left; background-image: url(../images/homefront.jpg); background-repeat: no-repeat; }

/* SEPARATOR */
.separator { position: relative; margin: 10px 0; padding: 0 auto; width: 100%; overflow: hidden; display: block; border-bottom: 1px solid #e5e5e5; }

/* BOX GLOBAL COLUMN 1 */
.boxcolumn1 { position: relative; margin: 0 auto; padding: 0 auto; width: 188px; height: 200px; display: block; float: right; }
.boxcolumn1top { position: relative; margin: 0 auto; padding: 0 auto; width: 188px; height: 32px; display: block; background-image: url(../images/boxcolumn1top.jpg); background-repeat: no-repeat; }
.boxcolumn1top h4 { position: relative; margin: 0 auto !important; padding: 10px 0 0 12px !important; display: block; }
.boxcolumn1center { position: relative; margin: 0 auto; padding: 10px 0 0 0; width: 188px; height: 146px;; display: block; background-image: url(../images/boxcolumn1center.jpg); background-repeat: repeat-y; }
.boxcolumn1bottom { position: relative; margin: 0 auto; padding: 0 auto; width: 188px; height: 12px; display: block; background-image: url(../images/boxcolumn1bottom.jpg); background-repeat: no-repeat; }
.boxcolumn1 li { position: relative; margin: 0 12px; padding: 0 auto; width: 164px; overflow: hidden; display: block; float: left; font-size: 11px !important; text-align: left !important; }
.boxcolumn1 li img.center { display: block; margin-left: auto; margin-right: auto; padding: 0 0 10px 0 !important; }
.boxcolumn1 li p { margin-bottom: 0 !important; }


/* BOX PANEL  */
.boxpaneltop { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 32px; display: block; background-image: url(../images/boxpaneltop.jpg); background-repeat: no-repeat; }
.boxpaneltop h4 { position: relative; margin: 0 auto !important; padding: 10px 0 0 12px !important; display: block; color: #FFFFFF !important; }
.boxpanelbottom { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 513px; display: block; background-image: url(../images/boxpanelbottom.jpg); background-repeat: no-repeat; }
.boxpanelcolumnthumbsleft { position: relative; margin: 10px 0 0 12px; padding: 0 auto; width: 233px; height: 481px; display: block; float: left; background-image: url(../images/boxpanelcolumnthumbs.png); background-repeat: no-repeat; float: left; }
.boxpanelcolumnthumbsleft h5 { position: relative; margin: 0 auto; padding: 10px 0 20px 12px; display: block; color: #ffffff !important; }
.boxpanelcolumnthumbsleft h5 img { position: relative; margin: 0 auto; padding: 2px 19px 0 0; display: block; float: right; }
.boxpanelcolumnthumbsright { position: relative; margin: 10px 12px 0 0; padding: 0 auto; width: 233px; height: 481px; display: block; float: left; background-image: url(../images/boxpanelcolumnthumbs.png); background-repeat: no-repeat; float: right; }
.boxpanelcolumnthumbsright h5 { position: relative; margin: 0 auto; padding: 10px 0 20px 12px; display: block; color: #ffffff !important; }
.boxpanelcolumnthumbsright h5 img { position: relative; margin: 0 auto; padding: 2px 19px 0 0; display: block; float: right; }
.listing { position: relative; margin: 0 auto; padding: 0 auto; width: 203px; overflow: hidden; left: -8px; }
.listing li { position: relative; margin: 10px 0 0 24px; padding: 0 auto; width: 120px; color: #D9D9D9 !important; ; font-size: 10px !important; float: left; }
.listing a { color: #D9D9D9 !important; border-top-color: #000000; }
.listing td { color: #D9D9D9 !important; ; font-size: 10px !important; }
.listing td strong { font-weight: bold; color: #FFFFFF !important; }
.listing td { color: #D9D9D9 !important; border-top-color: #000000; }
.listing .thumbs { color: #08c !important; text-align: center; }
.listing .thumbsseparator { height: 10px; }
.thumbswhite { position: relative; margin: -3px auto 0; display: block; }
#boxpanelcolumncdfront { position: relative; margin: 10px 0 0 12px; padding: 0 auto; width: 467px; height: 481px; display: block; float: left; background-image: url(../images/boxpanelcolumncdfront.png); background-repeat: no-repeat; }

/* CD ALBUM FRONT */
#cdfront { background: url("../images/background-cover.png") no-repeat; position: relative; margin: 0 auto; padding: 0 auto; width: 308px; height: 308px; display: block; }
#cdfront img { position: relative; top: 4px; }
#boxpanelcolumncdfront h2 { position: relative; margin: 0 auto; padding: 10px 0 20px 0; display: block; color: #ffffff !important; text-align: center; }
#songcdfront { position: relative; margin: 10px 0; padding: 0 auto; color: #D9D9D9 !important; ; font-size: 14px !important; text-align: center; }
#songcdfront strong { font-weight: bold; color: #FFFFFF !important; text-align: center; }
#songcdfront a { color: #D9D9D9 !important; border-top-color: #000000; text-align: center; }

/* CONTENT THUMBS */
#contentthumbs { position: relative; margin: 0 auto; padding: 5px 0 0 0; width: 230px; overflow: hidden; display: block; }
#contentthumbs p { position: relative; margin: 0 auto; padding: 0 0 10px 0; display: block; color: #ffffff !important; font-size: 10px !important; }

/* THUMBS UP */
a#thumbsup{ position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: left; background-image: url(../images/thumbsup.png); background-repeat: no-repeat; background-position: 0 0; }
a:visited#thumbsup { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: left; background-image: url(../images/thumbsup.png); background-repeat: no-repeat; background-position: 0 0; }
a:hover#thumbsup { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: left; background-image: url(../images/thumbsup.png); background-repeat: no-repeat; background-position: 0 -25px; }
a:active#thumbsup { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: left; background-image: url(../images/thumbsup.png); background-repeat: no-repeat; background-position: 0 -25px; }

/* THUMBS DOWN */
a#thumbsdown{ position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: right; background-image: url(../images/thumbsdown.png); background-repeat: no-repeat; background-position: 0 0; }
a:visited#thumbsdown { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: right; background-image: url(../images/thumbsdown.png); background-repeat: no-repeat; background-position: 0 0; }
a:hover#thumbsdown { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: right; background-image: url(../images/thumbsdown.png); background-repeat: no-repeat; background-position: 0 -25px; }
a:active#thumbsdown { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: right; background-image: url(../images/thumbsdown.png); background-repeat: no-repeat; background-position: 0 -27px; }

/* BOX GRID 4 */
.boxgrid4top { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 12px; display: block; background-image: url(../images/boxgrid4.jpg); background-repeat: no-repeat; background-position: 0 0; background-repeat: no-repeat; }
.boxgrid4bottom { position: relative; margin: 0 auto; padding: 0 2px; width: 980px; overflow: hidden; display: block; background-image: url(../images/boxgrid4.jpg); background-repeat: no-repeat; background-position: 0 -112px; }
.boxgrid4bottom li { position: relative; margin: 0 17px 0 17px; padding: 0 auto; width: 210px; overflow: hidden; display: block; float: left; }
.boxgrid4bottom li a { font-size: 11px !important; text-align: left !important; color: #666666; }
.boxgrid4bottom a:hover { text-decoration: none !important; color: #000000; }

/* CONTENT THUMBS */
#contentthumbs { position: relative; margin: 0 auto; width: 230px; overflow: hidden; display: block; }
#contentthumbs p { position: relative; margin: 0 auto; padding: 0 0 10px 0; display: block; color: #ffffff !important; font-size: 10px !important; }

/* FOOTER */
#footerlegal { position: relative; margin: 0 auto; padding: 0 10px 0 12px; overflow: hidden; display: block; float: left; font-size: 11px !important; text-align: left !important; color: #666666 !important; border-right: 1px solid #ADADAD; }
#footermail { position: relative; margin: 0 auto; padding: 0 10px; overflow: hidden; display: block; float: left; font-size: 11px !important; text-align: left !important; color: #666666 !important; }
#footerdesigner { position: relative; margin: 0 auto; padding: 0 12px 0 10px; overflow: hidden; display: block; float: right; font-size: 11px !important; text-align: right !important; color: #666666 !important; }