html, body {height:100%}

body {margin:0px; padding: 0;
      color:#fff; 
	  font-family: Arial, Verdana, serif;
	  font-size: 11px;
	  text-align: center;
	  background: #000000;
	  }	  
a { color: #808080; text-decoration : none; }
a:link { color: #808080; text-decoration : none; }
a:visited { color: #808080; text-decoration : none; }
a:hover { color: #fff; text-decoration : none; }
a:active { color: #fff; text-decoration : none; }
	  
#bg_image {width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: 0; }
#content {z-index: 2; position: absolute; width:900px; left:50%; margin-left: -450px;}
* { behavior: url(iepngfix.htc) }

.header {
position: absolute; left:50%;  margin-left: -450px; top: 20px;
width: 900px;
height: 85px;
}

.headerleft {
position: absolute; left:50%;  margin-left: -450px; top: 0px;
width: 290px; height: 85px;
}

.headermiddle {
position: absolute; left:50%;  margin-left: -160px; top: 0px;

}

.headerright {
position: absolute; left:50%;  margin-left: 160px; top: 0px;
width: 290px; height: 85px;
}

input.text {
 background-color: #B3A78F;
 color: #000000;
 font-size: 10px;
 width: 190px;
 height: 15px;
}

.navbar {
position: absolute;
left:50%; margin-left: -450px;
top: 105px;
width: 900px;
height: 110px;
z-index: 2;
}

.pagebody {
position: absolute;
left:50%; 
margin-left: -450px;
top: 220px;
width: 900px;
height: 700px;
text-align: left;
z-index: 3;
}

.pagetop {
position: absolute;
left:50%; 
margin-left: -450px;
top: 10px;
width: 900px;
text-align: left;
z-index: 3;
}


a.nav1 { background:url(graphics/nav1_music.png) repeat 0px 0px; width: 110px; height: 80px; display: block; }
a.nav2 { background:url(graphics/nav2_news.png) repeat 0px 0px; width: 70px; height: 80px; display: block; }
a.nav3 { background:url(graphics/nav3_tour.png) repeat 0px 0px; width: 70px; height: 80px; display: block; }
a.nav4 { background:url(graphics/nav4_photos.png) repeat 0px 0px; width: 80px; height: 80px; display: block; }
a.nav5 { background:url(graphics/nav5_recommends.png) repeat 0px 0px; width: 145px; height: 80px; display: block; }
a.nav6 { background:url(graphics/nav6_amdirect.png) repeat 0px 0px; width: 105px; height: 80px; display: block; }
a.nav7 { background:url(graphics/nav7_bio.png) repeat 0px 0px; width: 50px; height: 80px; display: block; }
a.nav8 { background:url(graphics/nav8_videos.png) repeat 0px 0px; width: 80px; height: 80px; display: block; }
a.nav9 { background:url(graphics/nav9_charity.png) repeat 0px 0px; width: 85px; height: 80px; display: block; }
a.nav10 { background:url(graphics/nav10_store.png) repeat 0px 0px; width: 105px; height: 80px; display: block; }

a.nav1 span, a.nav2 span, a.nav3 span, a.nav4 span, a.nav5 span, a.nav6 span, a.nav7 span, a.nav8 span, a.nav9 span, a.nav10 span { display: none; }
a.nav1:hover { background: url(graphics/nav1_music.png) repeat 0px -80px; }
a.nav2:hover { background: url(graphics/nav2_news.png) repeat 0px -80px; }
a.nav3:hover { background: url(graphics/nav3_tour.png) repeat 0px -80px; }
a.nav4:hover { background: url(graphics/nav4_photos.png) repeat 0px -80px; }
a.nav5:hover { background: url(graphics/nav5_recommends.png) repeat 0px -80px; }
a.nav6:hover { background: url(graphics/nav6_amdirect.png) repeat 0px -80px; }
a.nav7:hover { background: url(graphics/nav7_bio.png) repeat 0px -80px; }
a.nav8:hover { background: url(graphics/nav8_videos.png) repeat 0px -80px; }
a.nav9:hover { background: url(graphics/nav9_charity.png) repeat 0px -80px; }
a.nav10:hover { background: url(graphics/nav10_store.png) repeat 0px -80px; }

.homepage {
z-index: 3;
}

.homenewsholder {
background: url(graphics/home_frame.jpg);
background-repeat: no-repeat;
width: 354px;
height: 414px;
position: absolute;
left:50%; margin-left: -410px;
top: 80px;
}

#homenewsscroll {
	width: 285px;
	height: 320px;
	font-size: 11px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: left;
	overflow: auto;
	position: absolute;
	left:50%; margin-left: -370px;
	top: 120px;
	display:block;
}

.homenewsentry { float:none;clear:both;margin-top:1em; }
.homenewsentry img {float:left;margin-right:1em;}
#homenewsscroll a { color: #FFFFFF; text-decoration : none; }
#homenewsscroll a:link { color: #FFFFFF; text-decoration : none; }
#homenewsscroll a:visited { color: #FFFFFF; text-decoration : none; }
#homenewsscroll a:hover { color: #FFFFFF; text-decoration : none; }
#homenewsscroll a:active { color: #FFFFFF; text-decoration : none; }

.homeheadline {
position: absolute;
left:50%; margin-left: -410px;
}

.homeright {
	width: 459px;
	height: 550px;
	position: absolute;
	left:50%; margin-left: -40px;
}

.tourholder {
background: url(graphics/tour_frame.jpg);
background-repeat: no-repeat;
width: 640px;
height: 655px;
position: absolute;
left:50%; margin-left: -330px;
}


#tourscroll {
	width: 460px;
	height: 500px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	overflow: auto;
	position: absolute;
	left:50%; margin-left: -240px;
	top: 70px;
	display:block;
}

.musicleft {
width: 250px;
position: absolute;
left:50%; margin-left: -250px;
}

.musicright {
width: 250px;
position: absolute;
left:50%; margin-left: 50px;
}

.musicleft td, .musicright td {
width: 100px;
height: 150px;
text-align: center;
}

.videoleft {
width: 250px;
position: absolute;
left:50%; margin-left: -350px;
}

.videoright {
width: 425px;
position: absolute;
left:50%; margin-left: 0px;
}

.videoleft td {
width: 100px;
height: 100px;
text-align: center;
}

/* BEGIN FORM STYLING */
label {  
float: left;  
width: 10em;  
margin-right: 1em;
}
fieldset {  
float: left;  
clear: left;  
width: 50%;  
margin: 0 0 1.5em 0;  
padding: 0;
}
legend {  
margin-left: 1em;  
padding: 0;  
color: #000;  
font-weight: bold;
}
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em;
}
fieldset.submit {  
float: none;  
width: auto;  
border: 0 none #FFF;  
padding-left: 12em;
}
label em {  
display: block;  
color: #060;  
font-size: 85%;  
font-style: normal;  
text-transform: uppercase;
}
/* END FORM STYLING */

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
width:22px;
}
.vscrollerbar {
background-image: url(scrollbar.png);
width: 22px;
/* following is the bit that allows us fixed height scrollbars */
height: 195px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
background-image: url(scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}
* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}
/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}
.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 4;
}
/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}
/* Scroll Bar Master Styling Ends Here */