/*****general*****/
body  {background-color: #373539; margin: 0; padding: 0; background-repeat: repeat-x; background-position: top;}
html{min-height:100%;margin-bottom:1px}
td,div {font-family: Arial; font-size: 12px; color: white; vertical-align: top; line-height: 16px;}
input, select, textarea { font-size: 11px; font-family: arial }
img {margin: 0px; padding: 0px; border-width: 0px;}
hr {height: 1px; color: #cccccc; }
p {margin-left: 30px; margin-right: 30px;}
a {cursor: pointer; color: white; text-decoration: none;}
a:hover {cursor: pointer; color: white; text-decoration: underline;}
h1 {}
h2 {}

/******* ids *******/
#container {margin:0 auto; position: relative; width: 830px; top: 0px; left: 2px;}
#wrapper {width: 830px; display: block; height: 100%; }
#mainLayout {width: 830px; text-align: left; display: block; background-color: #373539; padding-bottom: 1px;}
#header {width: 830px;height: 192px;display: block;float: left;}
#columnLeft {float: left; width: 218px; }
#maincontent {float: left;margin: 0px;padding: 0px 0px 0px 18px;}
#maincontent2 {float: left; width: 582px;}
#default {background-image: url('images/main-backmid.gif');background-repeat: repeat-y;width: 508px;padding: 5px 34px 0px 38px;position: relative;}
#release-back {width: 450px;margin-left: 77px;background-image: url('images/release-back.jpg');background-repeat: repeat-y;display: block;}
#releasemain-container {width: 500px;margin-left: 77px;background-image: url('images/release-back2.jpg');background-repeat: no-repeat;display: block;height: 310px;}
#artist-back {background-image: url(images/main-backtop.gif);width: 578px;display: block;padding: 11px 0px 0px 5px;margin-left: 0px;background-position:5px 0px;background-repeat: no-repeat;}
#artistmain-back {width: 480px;margin-left: 77px;background-image: url('images/artist-back2.jpg');background-repeat: no-repeat;display: block;height: 300px;float: right;}
#contact-back {background-image: url('images/contact_back.jpg');background-repeat: no-repeat;width: 473px;height: 352px;display: block;padding-top: 60px;padding-left: 84px;}
#about-back {background-image: url(images/about.gif);background-repeat: no-repeat;width: 512px;height:300px;padding: 52px 28px 0px 34px;position: relative;margin-left: 5px;}
#main-back {width: 578px;display: block;padding: 20px 0px 0px 5px;margin-left: 0px;background-image: url(images/main-backtop.gif);background-repeat: no-repeat;background-position: 5px 0px;}
#footer {padding: 9px 15px 0px 0px;text-align: right;color: #ECECEC;font-size: 11px;background-image: url(images/footer.gif);background-repeat: no-repeat;width: 810px;height: 44px;background-position: 18px;margin-bottom: 20px;margin-top: 12px;}
#footer a {font-size: 11px; color: #ECECEC;}
#player {background-image: url(images/player_back.gif);background-repeat: no-repeat;background-position: 12px 8px;padding: 16px 0px 0px 17px;margin-top: -3px;width: 208px;height: 100px;display: block;}


/******* class *******/
.default-right {background-image: url('images/default-right.gif'); background-position: right top; background-repeat: no-repeat; width: 585px;}
.header-left {float: left;width: 221px;padding-top: 35px;padding-right: 0px;padding-bottom: 0px;padding-left: 8px;height: 125px;}
.header-right {float: left; margin: 20px 0px 0px 15px; background-color: #373539; width: 572px; height: 149px; display: block;}
.left {float: left;}
.advert-container {background-image: url(images/advert.gif);background-repeat: no-repeat;background-position: 12px 0px;margin-top: 5px;width: 188px;height: 200px;display: block;padding: 35px 0px 0px 30px;}
.nav-container {background-image: url(images/nav-top.gif);background-repeat: no-repeat;background-position: 0px 0px;width: 218px;height: 209px;display: block;padding: 13px 0px 0px 0px;}
.contact-text {float: left;width: 400px;line-height: 16px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.releasemain-image {float: left;width: 110px;height: 110px;}
.relaese-right {float: left;width: 270px;padding: 0px 0px 0px 20px;line-height: 16px;}
.releasemain-text {float: left; width: 370px; padding: 0px 0px 0px 20px; line-height: 16px;}
.release-wrapper {height: 120px;display: block;width: 420px;padding: 21px 0px 0px 0px;}
.releasemain-wrapper {display: block;width: 500px;padding: 0px 0px 0px 0px;}
.artist-wrapper {height: 1520px; display: block;width: 500px;padding: 21px 0px 0px 0px;}
.artistmain-wrapper {height: 200px;display: block;width: 500px;padding: 21px 20px 0px 0px;}
.artist-right {float: left; width: 380px; padding: 0px 0px 0px 20px; line-height: 16px;}
.artistmain-right {float: left; width: 400px; padding: 0px 0px 0px 20px; line-height: 16px;}
.chart {background-image: url(images/chart.gif);background-repeat: no-repeat;padding: 38px 20px 0px 23px;margin-top: 20px;width: 180px;height: 268px;display: block;background-position: 5px 0px;float: left;}
.stores {background-image: url(images/stores.gif);background-repeat: no-repeat;float: left;margin-top: 20px;width: 359px;height: 302px;display: block;}


/******* navigation *******/
#nav-about a {width: 218px; background:url("images/nav-about.gif") no-repeat; display: block; height: 24px;}
#nav-about a:hover {background-position: -232px;}
#nav-about a:active {background-position: -232px;}

#nav-artist a {width: 218px; background:url("images/nav-artists.gif") no-repeat; display: block; height: 24px;}
#nav-artist a:hover {background-position: -232px;}
#nav-artist a:active {background-position: -232px;}

#nav-contact a {width: 218px; background:url("images/nav-contact.gif") no-repeat; display: block; height: 24px;}
#nav-contact a:hover {background-position: -232px;}
#nav-contact a:active {background-position: -232px;}

#nav-home a {width: 218px;background:url(images/nav-home.gif) no-repeat    ;display: block;height: 25px;}
#nav-home a:hover {background-position: -232px;}
#nav-home a:active {background-position: -232px;}

#nav-myspace a {width: 218px; background:url("images/nav-myspace.gif") no-repeat; display: block; height: 24px;}
#nav-myspace a:hover {background-position: -232px;}
#nav-myspace a:active {background-position: -232px;}

#nav-podcast a {width: 218px; background:url("images/nav-podcast.gif") no-repeat; display: block; height: 24px;}
#nav-podcast a:hover {background-position: -232px;}
#nav-about a:active {background-position: -232px;}

#nav-newreleases a {width: 218px; background:url("images/nav-newreleases.gif") no-repeat; display: block; height: 24px;}
#nav-newreleases a:hover {background-position: -232px;}
#nav-newreleases a:active {background-position: -232px;}

#nav-discog a {width: 218px; background:url("images/nav-discog.gif") no-repeat; display: block; height: 24px;}
#nav-discog a:hover {background-position: -232px;}
#nav-discog a:active {background-position: -232px;}

#nav-player a {width: 218px;background:url("images/player.gif") no-repeat 21px 0px;display: block;height: 60px;padding: 0px 0px 0px 0px;}
#nav-player a:hover {background-position: 21px 0px;}
#nav-player a:active {background-position: 21px 0px;}

#nav-advert a {width: 170px;background:url("images/advert_cover.gif") no-repeat 0px 0px;display: block;height: 170px;padding: 0px 0px 0px 0px;}
#nav-advert a:hover {background-position: 0px 0px;}
#nav-advert a:active {background-position: 0px 0px;}