body
{ 
background-color: #000;
background-image:url('../img/bg.gif');

background-attachment:fixed;
background-position:top left; 

	padding-top: 50px;
	padding-bottom: 30px;

	font-family: "Helvetica Neue", Arial, Helvetica, "Gill Sans", Verdana, futura;
	font-size: 11px;
	color: #fff;
	line-height: 13px;
	padding: 0;

}

a { outline: none;}





img {border:0px solid;border-color: #000;}



#menu {width:452px; position:relative;}

#menu a span {display:none;}
#menu a:hover span {display:block; position:absolute; top:-25px; left:2px; font-size:12px; height:18px; padding:0; font-weight:normal; color:#fff;}
#menu a:visited, #menu a {text-decoration:none;  font-weight:bold;}

#menu2 {width:450px; position:relative;background-color: #000;}
#menu2 a:visited, #menu2 a {text-decoration:none; font-weight:bold;}

#menu2 a span {display:none;}
#menu2 a:hover span {display:block; position:absolute; top:45px; text-align: center; left:0px; font-size:13px; height:18px; padding:0px; line-height: 1.46em; font-weight:normal; color:#fff;}




 #menu3 {width:250px; position:relative;top:-88px;left:299px;}
#menu3 a:visited, #menu3 a {text-decoration:none; color:#d00; font-weight:bold;}


 
 /* FROM SHADOWBOX.JS INDEXT.HTML */
 
#outer-wrapper{margin-bottom:-32px;min-height:100%;height:auto !important;height:100%;}

#wrapper{width:492px;margin:0 auto;}

a.option{list-style: none;padding:0px 0px;border:0px solid #000;background:#f4f;text-decoration:none;display:block;float:left;clear:left;margin-bottom:4px;cursor:pointer;color:#070;}
a.option:hover{background:#f16;}




/* the way rounded corners should be */
#nav,#nav li a.selected,pre,p.note,.rounded,a.option,#download-callout,#purchase-callout,#download-container{-moz-border-radius:3px;-webkit-border-radius:3px;}



 /* FROM SHADOWBOX.JS INDEXT.HTML */



#container {
	margin: 0 auto;

	
	text-align: left;
	width: 450px ;
}


#title { 
width: 100%;
}

/* Nav & Links */

#mainnav{
  width:99%;
  width: 100% !important;
  height: 17px;
  margin-bottom: 20px;
}

#mainnav li{
  float: left;
  list-style: none;
  margin: 0 1px 0 0;
}

#mainnav a{
position:relative;
left:-40px;
  display: block;
  width: 111px;
  font-weight: 400;
  height: 39px;
  background: #fff;
  line-height: 39px;
  text-decoration: none;
  text-align: center;
  color: black;
  padding-left: 1px;
  font-size: 1.3em;
}

#mainnav a#active_menu {
    background:#bbb;
    
}

#mainnav a:hover{
  background: #bbb;
   text-decoration: none;
}

/* SPAN ADDED  */

#mainnav a span {display:none;}
#mainnav a:hover span {display:block; width:310px; position:relative; top:10px; text-align: left; left:-113px; font-size:13px; height:18px; padding:0px; line-height: 1.46em; font-weight:normal; color:#fff;}

/* barnav */

#barnav{
  width:100%;
  width: 100% !important;
  height: 17px;
  margin-bottom: 0px;
}

#barnav li{
  float: left;
  list-style: none;
  margin: 0 1px 0 0;
}

#barnav a{
position:relative;
left:-40px;
  display: block;
  width: 449px;
  height: 39px;
  background: #fff;
  line-height: 39px;
  text-decoration: none;
  text-align: center;
  color: black;
  padding-left: 1px;
  font-size: 1.3em;
}

#barnav a#active_menu {
    background:#bbb;
    
}

#barnav a:hover{
  background: #bbb;
   text-decoration: none;
}

/* SPAN ADDED  */



/* just whitebar on commercials / club tracks and tv beds */

/* contact details */

#secondnav a{
  color: #fff;
  text-decoration: none;
  position:relative;top:20px;left:-40px;
}


#secondnav a:hover, #secondnav a#active_menu{
  color: green;
  text-decoration: underline;/* contact details get underlined */
}

#secondnav ul{
  width: 9em;
}

#secondnav li{
  list-style: none;
  padding-bottom:2px;
}

#content{
  width:99%;
  width: 100% !important;
    font-size: 1.2em;
    min-height: 000px;
}

#secondnav{
  width: 10.5em;
  max-width: 10.5em;
  float: none;
  margin-top: 10px;
  margin-bottom: 90px;
}
