/*-----------------------------------------------------------------------------------------------
  GENERAL STUFF
-----------------------------------------------------------------------------------------------*/
body {background: #000; color: #777570; font: 11px/16px Arial, Helvetica, Tahoma, "Lucida Grande", sans-serif; text-align: center;}

a:link, a:visited, a:active {color: #685e58; text-decoration: underline;}
a:hover {color: #999689; text-decoration: underline;}

p {margin-bottom: 13px;}

h2 {color: #999689; font: 14px/16px Arial, Helvetica, sans-serif; margin-bottom: 8px;}
h3 {color: #999689; font: bold 11px/14px Arial, Helvetica, sans-serif; margin-bottom: 3px;}

.small {font-size: 10px; line-height: 14px;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

hr {height: 1px; margin: 0 0 2px 0; background: #332f2c; color: #332f2c; border: none;}
.confuse_a_bot_ltd {display: none;}
.link_color {color: #685e58;}


/*-----------------------------------------------------------------------------------------------
  INDEX
-----------------------------------------------------------------------------------------------*/
#bg_index {background: #000 url(../img/bg_index.jpg) center center fixed no-repeat;}
#container_index {width: 400px; height: 160px; position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -80px;}

#menu {width: 400px; height: 35px; background: url(../img/menu.gif) no-repeat; margin: 84px 0 0 0; padding: 0; position: relative;}
#menu li {margin: 0; padding: 0; list-style: none; float: left;}
#menu li, #menu a {height: 35px; display: block; font-size: 1px; text-indent: -9000px;}

#menuA {top: 0; left: 0; width: 75px;}
#menuB {top: 0; left: 75px; width: 45px;}
#menuC {top: 0; left: 120px; width: 100px;}
#menuD {top: 0; left: 220px; width: 60px;}
#menuE {top: 0; left: 280px; width: 60px;}

#menuB a:hover {background: transparent url(../img/menu.gif) -75px -35px no-repeat;}
#menuC a:hover {background: transparent url(../img/menu.gif) -120px -35px no-repeat;}
#menuD a:hover {background: transparent url(../img/menu.gif) -220px -35px no-repeat;}
#menuE a:hover {background: transparent url(../img/menu.gif) -280px -35px no-repeat;}


/*-----------------------------------------------------------------------------------------------
  GLEIPNIRS SMEDER
-----------------------------------------------------------------------------------------------*/
#container_gleipnir {width: 500px; margin: 30px auto 0 auto; padding-left: 10px; text-align: left;}

.tracks td {font-size: 10px; line-height: 14px;}
.tracks td.col_a {width: 17px;}
.tracks td.col_b {width: 100px;}
.tracks td.col_c {width: 35px; text-align: right;}

form#buy {margin: 20px 0 12px 0; width: 150px; height: 16px; background: url(../img/buy.gif) no-repeat; border: 1px solid #332f2c;}
form#buy select {width: 150px; opacity: 0; -moz-opacity: 0; cursor: pointer; background: #000; color: #777570; padding: 1px; border: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
form#buy optgroup {background: #000;}
select, optgroup, input {outline: none;}


/*-----------------------------------------------------------------------------------------------
  CONTACTS
-----------------------------------------------------------------------------------------------*/
#bg_contacts {background: #000 url(../img/bg_contacts.jpg) center top no-repeat;}
#container_contacts {width: 300px; margin: 370px auto 0 auto; text-align: left;}
#container_contacts h3 {margin-bottom: 0;}


/*-----------------------------------------------------------------------------------------------
  UNIVERSAL
-----------------------------------------------------------------------------------------------*/
#container_universal {width: 500px; margin: 30px auto 0 auto; text-align: left;}
.reviews {list-style: disc; margin-left: 18px;}


/*-----------------------------------------------------------------------------------------------
  BITCHING
-----------------------------------------------------------------------------------------------*/

noscript div {width: 100%; padding: 2px 0; position: absolute; left: 0; top: 0; background: #FF0; color: #000; font: bold 9px/12px Verdana; z-index: 22;}
noscript div a:link, noscript div a:visited, noscript div a:active {color: #00F;}
noscript div a:hover {color: #F00;}