/*
Armada Music
Created by
Fuelle Communicatie - www.fuelle.nl
Copyright 2005
 */

body {
   margin: 0;
   padding: 0;
   background: #E8E8E8 url(http://supra.armadamusic.nl/design/images/bg2.gif) repeat-y 50% 0;
   text-align: center;
}

#container {
   margin: 0px auto;
   text-align: left;
   width: 748px;
   padding: 0;
}

h1 {
   width: 748px;
   height: 80px;
   text-indent: -9999px;
   background: url(http://supra.armadamusic.nl/design/images/header.gif);
   margin: 0;
   padding: 0;
}

td a {
   text-decoration: none;
   font: 10px Verdana, Arial, sans-serif;
   color: #3D3D3D;
}

td a:hover {
   text-decoration:underline;
}

/* ---[ menubalk ]------------------------------- */

#nav {
   margin: 0;
   padding: 0;
   height: 25px;
   list-style: none;
   display: inline;
   overflow: hidden;
   width: 748px;
}

#nav li {
   margin: 0;
   padding: 0;
   color: #fff;
   list-style: none;
   display: inline;
}

#nav a {
   float: left;
   padding: 25px 0 0 0;
   overflow: hidden;
   height: 0px !important;
   height /**/:25px; /* for IE5/Win only */
}

#nav a:hover {
   background-position: 0 -25px;
}

#nav a:active, #nav a.selected {
   background-position: 0 -25px;
}

#Home a {
   width: 77px;
   background: url(http://supra.armadamusic.nl/design/images/b_front.gif) top left no-repeat;
}

#Artists a {
   width: 75px;
   background: url(http://supra.armadamusic.nl/design/images/b_artists.gif) top left no-repeat;
}

#Labels a {
   width: 74px;
   background: url(http://supra.armadamusic.nl/design/images/b_labels.gif) top left no-repeat;
}

#Events a {
   width: 74px;
   background: url(http://supra.armadamusic.nl/design/images/b_events.gif) top left no-repeat;
}

#Videos a {
   width: 74px;
   background: url(http://supra.armadamusic.nl/design/images/b_videos.gif) top left no-repeat;
}

#Djmixes a {
   width: 74px;
   background: url(http://supra.armadamusic.nl/design/images/b_djmixes.gif) top left no-repeat;
}

#Radio a {
   width: 74px;
   background: url(http://supra.armadamusic.nl/design/images/b_radio.gif) top left no-repeat;
}

#Shop a {
   width: 74px;
   background: url(http://supra.armadamusic.nl/design/images/b_shop.gif) top left no-repeat;
}

#Downloads a {
   width: 74px;
   background: url(http://supra.armadamusic.nl/design/images/b_downloads.gif) top left no-repeat;
}

#Mobile a {
   width: 78px;
   background: url(http://supra.armadamusic.nl/design/images/b_mobile.gif) top left no-repeat;
}

/* ---[ common elements content page ]------------------------------- */

#left {
   width: 360px;
   float: left;
   line-height: 15px;
   margin-top: 19px;
}

#right {
   width: 385px;
   float: left;
   line-height: 15px;
   margin: 19px 0px 0px 3px;
}

#ringtonio {
   width: 748px;
   float: left;
   line-height: 15px;
   margin-top: 19px;
}

#content {
   width: 100%;
   background: #f2f2f2;
   margin: 0px 0px 17px 0px;
   padding: 0px 0px 5px 0px;
}

#mplayer {
   width: 100%;
   height:77px;
   background: #f2f2f2;
}

#path {
   width: 100%;
   background: #f0f0f5;
   margin: 0px 0px 17px 0px;
   padding: 0px 0px 5px 0px;
}

#essentials {
   width: 100%;
   background: #F2F2F2;
}

#wallpapers {
   width: 100%;
   background: #F2F2F2;
}

#navigate {
   width: 100%;
   background: #f2f2f2;
}

#downloads-banner {
   width: 100%;
   background: #fff;
   padding: 5px 0x 2px 0px;
}

#downloads-featured {
   width: 100%;
   background: #f2f2f2;
}

#downloads-search {
   width: 100%;
   background: #f2f2f2;
}


#footer {
   margin: 0px auto;
   text-align: center;
   width: 748px;
   height: 90px;
   padding: 0px 0px 30px 0px;
   clear: both;
}

#iconbar {
   margin: 0px auto;
   float: right;
   width: 748px;
   height: 35px;
   padding: 25px 0px 0px 0px;
   clear: both;
}

#copyright {
   margin: 0px auto;
   width: 748px;
   float: left;
   padding: 20px 0px 0px 0px;
   clear: both;
}

/* ---[ common elements main page ]------------------------------- */

#box{
   width: 100%;
   height: 17px;
   margin: 11px 0px 15px 12px;
}

#left_main {
   width: 385px;
   float: left;
   line-height: 15px;
   margin: 10px 0px 0px 0px;
}

#right_main {
   width: 360px;
   float: left;
   line-height: 15px;
   margin: 10px 0px 0px 3px;
}

#hot {
   width: 100%;
   background: #F2F2F2;
}

#featured {
   width: 100%;
   background: #F2F2F2;
}

#headlines {
   width: 100%;
   background: #F0F0F5;
   margin-top: 11px;
}

#newsletter {
   width: 100%;
   background: #f2f2f2;
   margin-top: 11px;
   padding: 0px 0px 5px 0px;
}

#mplayer_main {
   width: 100%;
   background: #E6E6E6;
   padding: 0px 0px 5px 0px;
}

#r_more {
   background: url(../gfx/readmore_748.gif) no-repeat bottom right;
   width: 748px;
   height: 30px;
   margin: 0px 0px 0px 0px;
   padding: 0;
}

#r_more2 {
   background: url(../gfx/readmore_385.gif) no-repeat bottom right;
   width: 385px;
   height: 30px;
   margin: 0px 0px 0px 0px;
   padding: 0;
}

#r_more3 {
   background: url(../gfx/readmore_360.gif) no-repeat bottom right;
   width: 360px;
   height: 30px;
   margin: 0px 0px 0px 0px;
   padding: 0;
}

/* ---[ common elements portal page ]------------------------------- */

#archive {
   width: 100%;
   float: left;
   background: #F7F7F7;
   margin-top: 19px;
}

#ourlabels {
   width: 100%;
   background: #F2F2F2;
}

#featuredlabel {
   width: 100%;
   background: #F2F2F2;
}

/* ---[ classes ]------------------------------- */

.navi {
   margin: 20px 0px 0px 12px;
}

.subnavi {
   margin: 12px 0px 20px 12px;
}

.text {
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
   color: #636262;
   margin: 10px 10px 10px 12px;
}

.text a {
   text-decoration: none;
   color: #333;
}

.text a:hover {
   text-decoration: underline;
}

.text2 {
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #333;
   margin: 10px 10px 10px 14px;
}

.text2 a {
   text-decoration: none;
   color: #333;
}

.text2 a:hover {
   text-decoration: underline;
}

.text3 {
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #636262;
   margin: 0px 10px 10px 12px;
}

.text3 a {
   text-decoration: none;
   color: #333;
}

.text3 a:hover {
   text-decoration: underline;
}

.thumbtext {
   font: 9px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #666;
   margin: 7px 0px 0px 0px;
}

.textfield {
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif ;
   color:#333 ;
   height: 17px;
   border: solid 1px #C1C1C1;
   padding: 1px 0px 0px 2px;
   float: left;
   background-image: url(http://supra.armadamusic.nl/design/images/bg_newsletter.gif);
   width: 200px;
   voice-family: "\"}\"";
   voice-family:inherit;
}

.img {
   margin: 14px 0px 0px 12px;
   padding: 0px 0px 0px 0px;
}

.movie {
   margin: 14px 0px 0px 12px;
   padding: 0px 0px 0px 0px;
}

.embedmovie {
   margin: 14px 0px 0px 12px;
   padding: 0px 0px 0px 0px;
}

.track {
   margin: 0px 0px 0px 12px;
   padding: 0px 0px 0px 0px;
}

.embedtrack {
   margin: 0px 0px 0px 12px;
   padding: 0px 0px 0px 0px;
}

.hot {
   margin: 12px 0px 0px 12px;
   padding: 0px 0px 0px 0px;
}

.featured {
   margin: 8px 0px 0px 12px;
   padding: 0px 0px 0px 0px;
}

.hide {
   float:right;
   margin: 1px 33px 0px 0px;
}

.hide2 {
   float:right;
   margin: 1px 25px 0px 0px;
}

.hide3 {
   float:right;
   margin: 1px 19px 0px 0px;
}

.subscribe {
   float: left;
   margin: 0px 0px 0px 32px;
}

.thumb {
   border: 1px solid #BEBEBE;
}

.thumb2 {
   border: 1px solid #BABABA;
}

.banner {
   margin: 0px 0px 0px 0px;
   padding: 0;
}

.clear {
   clear: both;
   font-size: 0px;
   margin: 0px;
}

/* ---[ navigate arrow ]------------------------------- */

#arrow {
   margin: 10px 0px 10px 14px;
   padding: 0px 0px 10px 0px;
   list-style: none;
}

#arrow2 {
   margin: 10px 0px 0px 14px;
   padding: 0;
   list-style: none;
}

#path #arrow li {
   background: url(http://supra.armadamusic.nl/design/images/pijl.gif) no-repeat left;
   background-position: 0 5px;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

#path #arrow li a, #navigate #arrow li a:link {
   text-decoration: none;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
   color: #333;
}

#path #arrow li a:visited {
   color: #333;   //#7d7d7d
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#path #arrow li a:hover, #path #arrow li a:active {
   text-decoration:underline;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
   color: #333;
}

#navigate #arrow li {
   background: url(http://supra.armadamusic.nl/design/images/pijl.gif) no-repeat left;
   background-position: 0 5px;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

#navigate #arrow li a, #navigate #arrow li a:link {
   text-decoration: none;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
   color: #333;
}

#navigate #arrow li a:visited {
   color: #333;   //#7d7d7d
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#navigate #arrow li a:hover, #navigate #arrow li a:active {
   text-decoration:underline;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

/* ---[ hot arrow ]------------------------------- */

#hot #arrow2 li {
   background: url(./design/images/pijl2.gif) no-repeat left;
   background-position: 0 5px;
   font: bold 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 15px;
}

#hot #arrow2 li a, #hot #arrow2 li a:link {
   text-decoration: none;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
   color: #333;
}

#hot #arrow2 li a:visited {
   color: #333;   //#7d7d7d
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#hot #arrow2 li a:hover, #hot #arrow2 li a:active {
   text-decoration:underline;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

/* ---[ headlines arrow ]------------------------------- */

#headlines #arrow li {
   background: url(http://supra.armadamusic.nl/design/images/pijl_blauw.gif) no-repeat left;
   background-position: 0 5px;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 20px;
}

#headlines #arrow li a, #headlines #arrow li a:link {
   text-decoration: none;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#headlines #arrow li a:visited {
   color: #333;   //#7d7d7d
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#headlines #arrow li a:hover, #headlines #arrow li a:active {
   text-decoration:underline;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

/* ---[ essentials arrow ]------------------------------- */

#essentials #arrow li {
   background: url(http://supra.armadamusic.nl/design/images/pijl.gif) no-repeat left;
   background-position: 0 5px;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 20px;
}

#essentials #arrow li a, #essentials #arrow li a:link {
   text-decoration: none;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#essentials #arrow li a:visited {
   color: #333;   //#7d7d7d
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#essentials #arrow li a:hover, #essentials #arrow li a:active {
   text-decoration:underline;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

/* ---[ content arrow ]------------------------------- */

#content #arrow li {
   background: url(http://supra.armadamusic.nl/design/images/pijl.gif) no-repeat left;
   background-position: 0 5px;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 20px;
}

#content #arrow li a, #content #arrow li a:link {
   text-decoration: none;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#content #arrow li a:visited {
   color: #333;   //#7d7d7d
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#content #arrow li a:hover, #content #arrow li a:active {
   text-decoration:underline;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

/* ---[ icons ]------------------------------- */



/* ---[ content arrow ]------------------------------- */

#ringtonio #arrow li {
   background: url(http://supra.armadamusic.nl/design/images/pijl.gif) no-repeat left;
   background-position: 0 5px;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 20px;
}

#ringtonio #arrow li a, #content #arrow li a:link {
   text-decoration: none;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#ringtonio #arrow li a:visited {
   color: #333;   //#7d7d7d
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#ringtonio #arrow li a:hover, #content #arrow li a:active {
   text-decoration:underline;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

/* ---[ icons ]------------------------------- */








#icons {
   list-style: none;
   padding: 0;
   margin: 0px 0px 10px 14px;
}

.buy {
   background: url(http://supra.armadamusic.nl/design/images/icon_cd.gif) no-repeat left;
   background-position: 0 1px;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

.phone {
   background: url(http://supra.armadamusic.nl/design/images/icon_phone.gif) no-repeat left;
   background-position: 0 1px;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

.download {
   background: url(http://supra.armadamusic.nl/design/images/icon_download.gif) no-repeat left;
   background-position: 0 1px;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

.listen {
   background: url(http://supra.armadamusic.nl/design/images/icon_speaker.gif) no-repeat left;
   background-position: 0 1px;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

.free {
   background: url(http://supra.armadamusic.nl/design/images/icon_free.gif) no-repeat left;
   background-position: 0 1px;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #333;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

#icons li a, #icons li a:link {
   text-decoration: none;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#icons li a:visited {
   color: #333; //#7d7d7d
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#icons li a:hover, #icons li a:active {
   text-decoration:underline;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

/* ---[ navigatie menu onder ]------------------------------- */
#navcontainer {
   margin: 15px 0px 0px 145px;   }
#navlist {
   list-style: none;
   padding: 0;
   margin: 0px 0px 20px 0px;
}

#navlist li, #navlist li a {
   display: inline;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   text-decoration: none;
   color: #999;
   padding: 0px 4px;
   margin: 0;
}

#navlist li a:hover {
   text-decoration: underline;
   color: #333;
   font: 10px Verdana, "Lucida Grande", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#navlist li:before {
   content: "| ";
}

#navlist li:first-child:before {
   content: "";
}

/*IE workaround*/
/*All IE browsers*/
* html #navlist li {
border-left: 1px solid #ccc;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist {
   height: 1%;
}

* html #navlist li {
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child {
   border-left: 0;
}