@charset "utf-8";

/* Reset
-------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* HTML
-------------------- */
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {
    html {font-size: 60%}
    html, x:-moz-any-link {font-size: 75%}
}
    #for-opera927 {/* dont' remove! */}

body {color: #fff; font: normal 1em/1.116em Tahoma;}

html {}
body {background: #000 url("../img/bg_body.png") 0 0 repeat;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/* Main
-------------------- */
#header {position: relative; width: 947px; height: 192px; margin: 0 auto 13px; background: url("../img/bg_header.jpg") 0 0 no-repeat;}
#wrapper {overflow: hidden; width: 947px; margin: 0 auto; padding: 0;}
#sidebar {float: left; width: 272px; margin-right: 15px;}
#content {float: right; position: relative;}
#footer {clear: both; width: 947px; height: 50px; margin: 0 auto; background: url("../img/bg_footer.jpg") 0 0 no-repeat;}

/* Header
-------------------- */
#logo {position: absolute; top: 49px; left: 145px; width: 660px; height: 70px; font: normal 5em Verdana; color: #ffaf08; text-align: center; text-transform: uppercase;}
    #logo a {position: absolute; top: 0; left: 0; display: block; width: 660px; height: 70px; background: url("../img/logo.jpg") 0 0 no-repeat; cursor: pointer; text-indent: -900em;}

ul#menu {position: absolute; bottom: 11px; left: 299px; width: 358px; height: 16px;}
    ul#menu li {float: left; height: 16px;}
        ul#menu li a {position: relative; display: block; width: 117px; height: 16px; font: bold 1.083 Verdana; color: #c8d6f4; text-transform: uppercase; cursor: pointer;}
        ul#menu li a:hover {text-decoration: none;}
            ul#menu li a span {position: absolute; top: 0; left: 0; width: 117px; height: 16px; background: url("../img/bg_menu.png") 0 0 no-repeat;}

    ul#menu li#m_mailing a {width: 117px;}
        ul#menu li#m_mailing a span {background-position: 0px 0px;}
            ul#menu li#m_mailing a:hover span {background-position: 0px -26px;}
    ul#menu li#m_faq a {width: 56px;}
        ul#menu li#m_faq a span {width: 56px; background-position: -117px 0px;}
            ul#menu li#m_faq a:hover span {width: 56px; background-position: -117px -26px;}
    ul#menu li#m_about a {width: 81px;}
        ul#menu li#m_about a span {width: 81px; background-position: -173px 0px;}
            ul#menu li#m_about a:hover span {width: 81px; background-position: -173px -26px;}
    ul#menu li#m_contact a {width: 104px;}
        ul#menu li#m_contact a span {width: 104px; background-position: -254px 0px;}
            ul#menu li#m_contact a:hover span {width: 104px; background-position: -254px -26px;}

/* Sidebar
-------------------- */
#sidebar div.sidebar-block {position: relative; width: 272px; margin-bottom: 14px; text-align: justify; background: #1a1a1a url("../img/bg_sidebar-block.png") 0 0 repeat-y;}
    #sidebar div.sidebar-block:before,#sidebar div.sidebar-block span.block-before {display: block; content: ' '; height: 75px; background: #fff url("../img/bg_sidebar-block-top.png") 0 0 no-repeat;}
    #sidebar div.sidebar-block:after,#sidebar div.sidebar-block span.block-after {display: block; content: ' '; clear: both; height: 42px; background: #fff url("../img/bg_sidebar-block-bottom.png") 0 0 no-repeat;}

#sidebar div.sidebar-block h2.beat-menu {display: block; position: absolute; top: 0; left: 0; width: 272px; height: 53px; text-align: center; background: url("../img/text_h2-beat-menu.png") 0 0 no-repeat; text-indent: -900em;}

#sidebar div.sidebar-block div.sidebar-block-text {width: 197px; padding: 0 37px 0 38px;}

div.sidebar-block-text ul {}
    div.sidebar-block-text ul li {margin: 5px 0; list-style-type: none;}
        div.sidebar-block-text ul li a {display: block; padding-left: 10px; border-left: 5px solid #3D3D3D; line-height: 20px; color: #fff; background-color: #292929; text-decoration: none; cursor: pointer;}
        div.sidebar-block-text ul li a:hover {border-color: #fff;}

#beat_menu {width: 217px; height: 238px; margin: 0 0 14px; padding: 58px 27px 25px 28px; background: url("../img/bg_beat_menu.jpg") 0 0 no-repeat;}

#beat_menu_big {width: 217px; height: 315px; padding: 58px 27px 25px 28px; background: url("../img/bg_beat_menu_big.jpg") 0 0 no-repeat;}

/* Content
-------------------- */
#content {width: 660px; margin-bottom: 14px; background: url("../img/bg_content.png") 0 73px repeat-y;}
    #content:before,#content span.block-before {display: block; content: ' '; height: 73px; background: #fff url("../img/bg_content-top.png") 0 0 no-repeat;}
    #content:after,#content span.block-after {display: block; content: ' '; clear: both; height: 19px; background: #fff url("../img/bg_content-bottom.png") 0 0 no-repeat;}

#content-text {padding: 0 26px 0 27px;}

    #content h1.beat-list    {display: block; position: absolute; top: 0; left: 0; width: 660px; height: 52px; text-align: center; background: none; text-indent: -900em; background: url("../img/text_h1-beat-list.png") 0 0 no-repeat;}
    #content h1.mailinglist    {display: block; position: absolute; top: 0; left: 0; width: 660px; height: 52px; text-align: center; background: none; text-indent: -900em; background: url("../img/text_h1-mailing-list.png") 0 0 no-repeat;}
    #content h1.faq             {display: block; position: absolute; top: 0; left: 0; width: 660px; height: 52px; text-align: center; background: none; text-indent: -900em; background: url("../img/text_h1-faq.png") 0 0 no-repeat;}
    #content h1.aboutus           {display: block; position: absolute; top: 0; left: 0; width: 660px; height: 52px; text-align: center; background: none; text-indent: -900em; background: url("../img/text_h1-about.png") 0 0 no-repeat;}
    #content h1.contuctus      {display: block; position: absolute; top: 0; left: 0; width: 660px; height: 52px; text-align: center; background: none; text-indent: -900em; background: url("../img/text_h1-contact-us.png") 0 0 no-repeat;}

#content table {border-collapse: separate;}
    #content table thead {}
        #content table th {padding: 2px 0 5px; font: bold 0.833em Verdana; color: #8b8e93; text-transform: uppercase; text-align: center;}
    #content table tbody {}
        #content table tr td {font: bold 0.833em Verdana; color: #fff; text-transform: uppercase; text-align: center; background-color: #242424; border-top: 1px solid #161c26; border-bottom: 1px solid #3c3c3c; border-right: 1px solid #2f2f2f; vertical-align: middle;}
            #content table tr.nth td {background-color: #292929;}
        #content table tr td.title {padding-left: 20px; background-color: #1d2531; text-align: left; border-bottom: 1px solid #2c394b; border-right: 1px solid #27303c;}
            #content table tr.nth td.title {background-color: #212b38;}
        #content table tr td.purchase {border-right: none;}
        #content table tr td.play {background-color: #272727;}
            #content table tr.nth td.play {background-color: #2d2d2d;}

#content table colgroup {}
    #content table colgroup col#title       {width: 293px;}
    #content table colgroup col#play        {width: 44px;}
    #content table colgroup col#style       {width: 124px;}
    #content table colgroup col#price       {width: 69px;}
    #content table colgroup col#purchase    {width: 72px;}
    
    
/*Cart*/


/* Navigation
-------------------- */
ul#page_nav {margin: 12px 0 0; padding: 1px 0; text-align: center; background-color: #000;}
    ul#page_nav li {display: -moz-inline-box; display: inline-block; vertical-align: middle;}
        ul#page_nav li a {display: block; font: normal 0.833em Verdana; color: #fff; text-decoration: none;}
        ul#page_nav li a:hover {font: bold 0.916em Verdana;}
        ul#page_nav li a.sel {font: bold 0.916em Verdana;}

    ul#page_nav li.btn {width: 69px; height: 19px; margin: 0 10px; background: none; text-indent: -900em;}
    ul#page_nav li.first {background: url("../img/btn_first.png") 0 0 no-repeat;}
    ul#page_nav li.prev {background: url("../img/btn_prev.png") 0 0 no-repeat;}
    ul#page_nav li.next {background: url("../img/btn_next.png") 0 0 no-repeat;}
    ul#page_nav li.last {background: url("../img/btn_last.png") 0 0 no-repeat;}

/* Footer
-------------------- */
#footer {font: normal 0.833em Verdana; color: #c8d6f4; text-transform: uppercase;}
    #footer a {color: #c8d6f4; cursor: pointer; text-decoration: none;}
    #footer a:hover {color: #fff; text-decoration: underline;}

#copyright {float: left; margin: 28px 0 0 33px;}

#webdesign {float: right; margin: 28px 45px 0 0;}