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

body {
   margin: 0;
   padding: 0;
   background: #E8E8E8 url(./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(./design/images/header.gif);
   margin: -8px 0 0 0 !important; margin: 0;
   padding: 0;
}

td a {
   text-decoration: none;
   font: bold 10px Georgia, Verdana, Arial, sans-serif;
   color: #6699ff;
}

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(./design/images/b_front.gif) top left no-repeat;
}

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

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

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

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

#Media a {
   width: 114px;
   background: url(./design/images/b_media.gif) top left no-repeat;
}

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

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

#CDRshop a {
   width: 74px;
   background: url(./design/images/b_cdrshop.gif) top left no-repeat;
}

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

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

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

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

#left {
   width: 360px;
   float: left;
   line-height: 15px;
   margin: -556px 0 0 0 !important; margin: -581px 0 0 0;
   /*margin-top: 19px;*/
}

#right {
   width: 385px;
   float: left;
   line-height: 15px;
   margin: -556px 0 0 3px !important; margin: -581px 0px 0px 3px;
   /*margin: 19px 0px 0px 3px;*/
}

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

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

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

#essentials {
   width: 100%;
   background: #09307b;
}

#navigate {
   width: 100%;
   background: #09307b;
}

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

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

#downloads-search {
   width: 100%;
   background: #09307b;
   margin-top: 11px;
   padding: 0px 0px 5px 0px;
}


#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: 0px 0px 0px 0px;
   clear: both;
}

#copyright {
   margin: 0px auto;
   width: 748px;
   text-align: left;
   /*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;*/
   margin: -329px 0 0 0 !important; margin: -354px 0 0 0;
}

#right_main {
   width: 360px;
   float: left;
   line-height: 15px;
   /*margin: 10px 0px 0px 3px;*/
   margin: -329px 0 0 3px !important; margin: -354px 0 0 3px;
}

#left_port {
   width: 385px;
   float: left;
   line-height: 15px;
   /*margin: 10px 0px 0px 0px;*/
   margin: -419px 0 0 0 !important; margin: -444px 0 0 0;
}

#right_port {
   width: 360px;
   float: left;
   line-height: 15px;
   /*margin: 10px 0px 0px 3px;*/
   margin: -419px 0 0 3px !important; margin: -444px 0 0 3px;
}

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

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

#hot {
   width: 100%;
   background: #09307b;
}

#featured {
   width: 100%;
   background: #09307b;
}

#rect_banner_right {
   width: 100%;
   background: #001b4f;
   text-align: center;
   margin-bottom: 11px;
}

#armada_radio {
   width: 100%;
   margin-bottom: 11px;
   background: #09307b;
}

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

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

#tell-a-friend {
   width: 100%;
   background: #09307b;
   margin-top: 11px;
   /*padding: 0px 0px 5px 0px;*/
}


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

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

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

#r_more3 {
   background: url(./design/images/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: #09307b;
   margin: -556px 0 0 0 !important; margin: -581px 0 0 0;
   /*margin-top: 19px;*/
}

#archivetest {
   width: 100%;
   float: left;
   background: #09307b;
   margin-top: 19px;
}

#tools {
   width: 100%;
   float: left;
   background: #001b4f;
   margin-top: 19px;
   padding-left: 10px;
}

#tools a {
   text-decoration: none;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #6699ff;
}

#tools a:hover {
   text-decoration:underline;
}

#showtool {
   width: 100%;
   float: left;
   background: #09307b;
   margin-top: 5px;
}

#ourlabels {
   width: 100%;
   background: #09307b;
}

#featuredlabel {
   width: 100%;
   background: #09307b;
}

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

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

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

.text {
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fff;
   margin: 10px 10px 10px 12px;
}

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

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

.text2 {
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fff;
   margin: 10px 10px 10px 14px;
}

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

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

.text3 {
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fff;
   margin: 50px 10px 10px 12px;
}

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

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

.selected {
   font-weight: bold;
   color: #6699ff;
}

.textheader {
   font: bold 10px Georgia, Verdana, Arial, sans-serif;
   color: #6699ff;
}

.thumbtext {
   font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fff;
   margin: 7px 0px 0px 0px;
}

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

.textbox {
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#333 ;
   height: 50px;
   border: solid 1px #C1C1C1;
   padding: 1px 0px 0px 2px;
   float: left;
   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;
}

.sendmsg {
   float: right;
   margin: 0px 0px 0px 0px;
}

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

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

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

.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(./design/images/pijl_blauw.gif) no-repeat left;
   background-position: 0 5px;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

#path #arrow li a, #navigate #arrow li a:link {
   text-decoration: none;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fff;
}

#path #arrow li a:visited {
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#path #arrow li a:hover, #path #arrow li a:active {
   text-decoration:underline;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fff;
}

#navigate #arrow li {
   background: url(./design/images/pijl.gif) no-repeat left;
   background-position: 0 5px;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

#navigate #arrow li a, #navigate #arrow li a:link {
   text-decoration: none;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fff;
}

#navigate #arrow li a:visited {
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#navigate #arrow li a:hover, #navigate #arrow li a:active {
   text-decoration:underline;
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

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

#hot #arrow2 li {
   background: url(./design/images/pijl2.gif) no-repeat left;
   background-position: 0 2px;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 15px;
}

#hot #arrow2 li a, #hot #arrow2 li a:link {
   text-decoration: none;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fff;
}

#hot #arrow2 li a:visited {
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#hot #arrow2 li a:hover, #hot #arrow2 li a:active {
   text-decoration:underline;
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

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

#headlines #arrow li {
   background: url(./design/images/pijl.gif) no-repeat left;
   background-position: 0 5px;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 20px;
}

#headlines #arrow li a, #headlines #arrow li a:link {
   text-decoration: none;
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#headlines #arrow li a:visited {
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#headlines #arrow li a:hover, #headlines #arrow li a:active {
   text-decoration:underline;
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

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

#essentials #arrow li {
   background: url(./design/images/pijl.gif) no-repeat left;
   background-position: 0 5px;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 20px;
}

#essentials #arrow li a, #essentials #arrow li a:link {
   text-decoration: none;
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#essentials #arrow li a:visited {
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#essentials #arrow li a:hover, #essentials #arrow li a:active {
   text-decoration:underline;
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

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

#content #arrow li {
   background: url(./design/images/pijl.gif) no-repeat left;
   background-position: 0 5px;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 20px;
}

#content #arrow li a, #content #arrow li a:link {
   text-decoration: none;
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content #arrow li a:visited {
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content #arrow li a:hover, #content #arrow li a:active {
   text-decoration:underline;
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

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



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

.buy {
   background: url(./design/images/icon_cd.gif) no-repeat left;
   background-position: 0 1px;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

.phone {
   background: url(./design/images/icon_phone.gif) no-repeat left;
   background-position: 0 1px;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

.download {
   background: url(./design/images/icon_download.gif) no-repeat left;
   background-position: 0 1px;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

.listen {
   background: url(./design/images/icon_speaker.gif) no-repeat left;
   background-position: 0 1px;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

.free {
   background: url(./design/images/icon_free.gif) no-repeat left;
   background-position: 0 1px;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 15px;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
}

#icons li a, #icons li a:link {
   text-decoration: none;
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#icons li a:visited {
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#icons li a:hover, #icons li a:active {
   text-decoration:underline;
   color: #fff;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

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

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

#navlist li a:hover {
   text-decoration: underline;
   color: #fff;
   font: 11px "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;
}

/* -------- extra ivm shop Astralmusic ---------- */

.text4 {
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 800;
    margin: 0px 10px 10px 12px;
    cursor: hand;
}

.text4 a {
    text-decoration: none;
    color: #fff;
    font-weight: 800;
}

.text4 a:hover {
    text-decoration: underline;
    font-weight: 800;
}

#skyscraper {
	width: 120px;
	height: 600px;
	margin: 0;
	padding: 0;
	position: relative;
	left: 770px;
	top: -25px !important;
}