* {
	margin:0;
	padding:0;
}

body {
  margin: 0;
  padding:0;
  color: #fff;
  /* background: #e9cb73;
  background-image:url(img/BG_exterior.jpg) center top fixed repeat-x; */
  background: #005d82 url(img/BG_exteriorblue.jpg) center top fixed repeat-x;
  font-family: "Franklin Gothic Medium", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
}


a { text-decoration : none;}
a:link { color : #fff;}
a:visited { color : #fff;}
a:hover { color : #86bfdc;}
a:active { color : #86bfdc;}

h2 	{
	/* font-weight : lighter; */
	font-size : 12px;
	padding : 10px;
}
	
.textalt {
  text-align:center;
  font-weight:bold;
  font-size:1.2em;
  color:#2A3F55;
  padding:10px 10px 15px 10px;
}
	
#wrap {
  margin: 0 auto;
  padding: 0;
  width: 810px;
  /* height: auto; */
  color: #fff;
  /* background-color: #ce7c24; */
  background: #e7b365 url(img/BG_wrap.jpg) repeat-y;
  border-left: 10px solid #000;
  border-right: 10px solid #000;
}

#toppanel {
  height: 15px;
  text-indent: -9999px;
  border-bottom: 10px solid #000;
}	

#header {
  height: 75px;
  color: #fff;
  background: #3f80a1 url(./img/OMAMlogo.png) no-repeat /* left bottom */;
  margin: 0px 0 0 0px;
  padding: 0;
}

#blog {
	float:left;
	text-align:center;
	text-decoration : none;
	padding-top:10px;
	background-color:#D40000;
	width: 250px;
	height: 29px;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}

#poster {
  /* position: relative; */
  float:right;
  /* z-index: 1; */
  /* text-indent: -9999px; */
  height: 400px;
  width: 550px;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #e7b365 url(./img/poster02.png) no-repeat;
  /* border-top: 10px solid #000; */
  border-bottom: 10px solid #000; 
  border-left: 10px solid #000;
}

#ad {
	float:right;
	/* text-indent: -9999px; */
	height: 200px;
	width: 550px;
	margin: 0;
    padding: 0;
	background: #000 /* url(./img/ad_notahugefanH.jpg) no-repeat */;
	border-bottom: 10px solid #000;
	border-left: 10px solid #000;
}

#jukeboxgraphic {
  	float:left;
	/* text-indent: -9999px; */
	width: 250px;
	height: 264px;
	/* padding: 10px; */
  	background: #000 url(./img/flashjukebox_top2.png) no-repeat;
	/* border-bottom: 10px solid #000; */
}
	
#jukebox {
    /* clear:both; */
  	float:left;
	/* text-indent: -9999px; */
	width: 250px;
	height: 136px;
	/* padding: 10px; */
  	background: #000; /*url(./img/jukebox_mock.jpg) no-repeat; */
	border-bottom: 10px solid #000;
}
	
#news {
	float:right;
	color: #ece4c8;
  	background-color: #033649;
	width: 520px;
	height: 45px;
	text-align: center;
	margin: 0 0px 0 0px;
	padding: 15px;
	border-left: 10px solid #000;
	border-bottom: 10px solid #000;
}

#Amazon {
	float:right;
	text-align:center;
	width: 180px;
	height: 25px;
	background-color:#59899b;
	/* border-left: 10px solid #000; */
	border-left: 10px solid #000;
	border-bottom: 10px solid #000;
}

#CDbaby {
	float:right;
	text-align:center;
	width: 175px;
	height: 25px;
	background-color:#b77f1d;
	/* border-left: 10px solid #000; */
	border-left: 10px solid #000;
	border-bottom: 10px solid #000;
}

#iTunes {
	float:right;
	text-align:center;
	width: 175px;
	height: 25px;
	background-color:#8b8031;
	/* border-left: 10px solid #000; */
	border-left: 10px solid #000;
	border-bottom: 10px solid #000;
}

#myspace {
	float:left;
	text-align:center;
	width: 250px;
	height: 25px;
	background-color:#ad9958;
	/* border-left: 10px solid #000; */
	/* border-right: 10px solid #000; */
	border-bottom: 10px solid #000;
}

#radio3 {
	float:left;
	text-align:center;
	width: 250px;
	height: 25px;
	background-color:#de9f25;
	/* border-left: 10px solid #000; */
	/* border-right: 10px solid #000; */
	border-bottom: 10px solid #000;
}

#contact {
	float:left;
	text-align:center;
	width: 250px;
	height: 25px;
	background: #9b7a5b /* url(./img/contact.jpg) no-repeat */;
	/* border-left: 10px solid #000; */
	border-bottom: 10px solid #000;
}
/* #contact a:link, a:visited, a:hover, a:active {
    text-decoration : none;
	color: #fff;
	} */

#period {
	float:left;
	text-align:center;
	/* text-indent: -9999px; */
	text-decoration:none;
	width: 250px;
	/* padding-top:8px; */
	height: 60px;
	background-color:#3f80a1;
	/* border-right: 10px solid #000; */
	border-bottom: 10px solid #000;
	/* background: #3f80a1 url(./img/period.jpg) no-repeat; */
	/* border-left: 10px solid #000; */
}

#period a {
  color: #3f80a1;
  /* outline: none; this doesn't seem to be effective */
}

#younger {
	float:left;
	text-align:center;
	/* text-indent: -9999px; */
	text-decoration:none;
	width: 250px;
	/* padding-top:2px; */
	height: 60px;
	background-color:#76381f;
	border-bottom: 10px solid #000;
	/* border-right: 10px solid #000; */
}
#younger a {
  color: #76381f;
}

#notice {
	float:left;
	text-align:center;
	/* text-indent: -9999px; */
	width: 250px;
	height: 75px;
	/* background-color:#00516f; */
	background: #00516f url(./img/notice_2.png) no-repeat;
	padding: 0px;
	/* border-left: 10px solid #000; */
	border-bottom: 10px solid #000;
}

#banner_disc {
  /* position: relative; */
  /* z-index: 1; */
  height: 200px;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #000  url(./img/banner_studio_blue.jpg) no-repeat;
  border-top: 10px solid #000;
  border-bottom: 10px solid #000;
}

#banner_media {
  /* position: relative;
  z-index: 1; */
  height: 200px;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #000 url(./img/banner_studio_green.jpg) no-repeat;
  border-top: 10px solid #000;
  border-bottom: 10px solid #000;
}

#banner_store {
  /* position: relative;
  z-index: 1; */
  height: 200px;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #000 url(./img/banner_studio_brown.jpg) no-repeat;
  border-top: 10px solid #000;
  border-bottom: 10px solid #000;
}

/* navigation
---------------------------------------------------------- */
#nav {
  float:right;
  position: relative;
  margin: 0;
  padding: 10px 0 0px 0;
  /* padding-bottom: 10px; */
  width: 560px;
  height: 39px;
  list-style:none;
  /*display: inline;*/
  overflow: hidden;
  background-color: #000;
  border-bottom: 10px solid #000;
}

#nav ul {
  margin: 0 0 0 100px;
  padding: 0;
}

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

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

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

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

#home a {
  width: 90px;
  background: url(./img/home.gif) no-repeat;
}

#disc a {
  width: 90px;
  background: url(./img/disc.gif) no-repeat;
}

#media a {
  width: 90px;
  background: url(./img/media.gif) no-repeat;
}

#store a {
  width: 90px;
  background: url(./img/store.gif) no-repeat;
}

/* discography content
---------------------------------------------------------- */
#contentdisc {
  /* position: relative; */
  height: auto;
  padding: 0;
  margin: 0;
  font-size: 0.8em;
  line-height: 195%;
  /* background-color:#00516f; */
  /* background: #00516f url(img/BG_wrap_blue.jpg) repeat-y; */
}

#contentdisc img {
  position: relative;
  top: 18px;
  left: 38px;
  padding: 0 0 5px 0;
  margin: 0;
  /*border: 1px dotted red;*/
}

#contentdisc h1 {
  position: relative;
  left: 23px;
  height: 50px;
  width: 436px;
  color:#f2dc8d;
  margin: 15px 0 0px 0;
  padding: 0 0px 0px 280px; 
  /* text-indent: -9999px; */
  border-bottom: 7px solid #000;
}

#contentdisc table {
  position: relative;
  left: 306px;
  width: 420px;
  margin-top: -194px;
  padding: 0;
}

#contentdisc td.track {
  width: 340px;
}

#contentdisc td.mp3 {
  width: 40px;
  text-align: right;
  color: #f9b15d;
  padding-right: 8px;
}

#contentdisc td.sample {
  color: #f9b15d;
}

#contentdisc td.sample a {
  color: #e7b365; 
}

#contentdisc td.sample a:visited {
  color: #999999; 
}

#contentdisc a {
  text-decoration: none;
}

/* cd footer
---------------------------------------------------------- */
.cdfooter {
  position: relative;
  height: 32px;
  top: 0px;
  padding-bottom: 10px;
  margin: 16px 0 0 0;
  /*background-color: #e0b82f;*/
}

.cdfooter p {
  position: relative;
  top: 0px;
  padding: 0;
  margin: 0;
  /* border-top: 7px solid #000; */
  font-size: .8em;
  text-align: right;
}

.cdfooter p.release {
   /* position: relative; */
   left: 23px;
   width: 195px;
   padding: 7px 0 0 280px;
   margin: 0;
   text-align: left;
}

.cdfooter p.period {
   float: right;
   display: inline;
   width: 186px;
   padding: 14px 0 0 0;
   margin: -39px 30px 0 0;
}

/* cd - bail and parole
---------------------------------------------------------- */
#notahugefan {
  position: relative;
  height: auto; /* adjust height of cd */
  /*background: #6b0777;*/
}

#bail h1 {
 /* background: url(img/disc_bail.gif) no-repeat top right; */
}

/* cd - bail and parole
---------------------------------------------------------- */
#bail {
  position: relative;
  height: auto; /* adjust height of cd */
  /*background: #6b0777;*/
}

#bail h1 {
 /* background: url(img/disc_bail.gif) no-repeat top right; */
}

/* cd - misfits
---------------------------------------------------------- */
#misfits {
  position: relative;
  height: auto;
  /*background: #d95a2b;*/
}

#misfits h1 {
  /* background: url(img/disc_misfits.gif) no-repeat top right; */
}

/* cd - of might and main
---------------------------------------------------------- */
#omam {
  position: relative;
  height: auto;
  /*background: #6b0777;*/
}

#omam h1 {
  /* background: url(img/disc_omam.gif) no-repeat top right; */
}

/* header - produced by tfg 
---------------------------------------------------------- */
#tfg h1 {
  position: relative;
  color:#000;
  width:500px;
  height: 36px;
  margin-left:-5px;
  /* background: url(img/disc_tfg.gif) no-repeat center; */
  border-top: 7px solid #000;
}

/* cd - laura
---------------------------------------------------------- */
#laura {
  position: relative;
  height: 345px; 
  /*background: #d95a2b;*/
}

#laura h1 {
  /* background: url(img/disc_laura.gif) no-repeat top right; */
}

/* cd - king of pop
---------------------------------------------------------- */
#king {
  position: relative;
  height: 345px;
  /*background: #6b0777;*/
}

#king h1 {
  /* background: url(img/disc_king.gif) no-repeat top right; */
}

/* cd - chemicals
---------------------------------------------------------- */
#chem {
  position: relative;
  height: 345px;
  /*background: #6b0777;*/
}

#chem h1 {
  /* background: url(img/disc_chem.gif) no-repeat top right; */
}

/* media - biography (Background)
---------------------------------------------------------- */
#biography h1 {
  background: url(img/ban_background.gif) no-repeat top right;
}

#biography p {
   margin: -190px 100px 0 306px;
}

/* footer
---------------------------------------------------------- */
#navbottom	{
   clear:both;
   margin-top: 100px;
   /* font-weight : lighter; */
   font-size : 12px;
   list-style:none;
   text-align: center;
   background-color: #000000;
   padding: 10px 0 5px 0;
   height: 20px;
}
	
#navbottom li {
   display: inline;
   padding: 0 29px;
   /* margin-left: -42px; */
}

#navbottom p {
   padding-top: 13px;
}

#footer {
  /* clear:both; */
  /* position: relative; */
  height: 300px;
  /* text-indent: -9999px; */
  /* background-color: #ce7c24; */
}

#copyright {
  color:#000;
  text-align: center;
  padding-top: 15px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.cdinfo {
  /* background-color:#00516f; */
  background: #00516f url(./img/BG_wrap_blue.jpg) no-repeat;
  border: 10px solid #000;
  margin-top:15px;
  margin-left:15px;
  width:760px;
  }

tr.ruled {
	background:#000;
}

/* The following is to simulate flash fonts */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.alpha {
	/* visibility: hidden; */
}

h1.alpha {
	font-size:28px;
	/* margin-left:282px; */
	/* text-indent:282px; This lines up the album title with the table, but causes problems on the mobile which doesn't handle the sifr*/
	/*text-indent:12px; */
}