/* Unchanged */
/*************************************************************************
/*************************************************************************
****																															********
****		FILENAME:       style.css																	********
****		DESCRIPTION:    CSS for Arlen Roth												********
****		CREATION DATE:  01/24/2007																********
****		LAST MODIFIED:  01/25/2007																********
****																															********
/*************************************************************************
/*************************************************************************/

/* GLOBAL STYLES --------------------------------------------------- */

body { font:12px Verdana, Arial, Helvetica, sans-serif; background: url(../images/bg_red.jpg) #000000; margin:10px 0px 0px 0px;	padding:0px; text-align:center; color:#ffffff; }
#container { position:relative; z-index:7; top:0px; left:0px; width:780px; margin:0 auto; text-align:left; }
#mainContent { padding:0px; }
#content { position:relative; z-index:11; top:60px; left:10px; margin:auto; padding:0px 0px 20px 0px; }
#content_home { position:relative; z-index:11; top:60px; left:0px; margin:auto; padding:0px 0px 20px 0px; }

img {	border: none;}

/* LINKS --------------------------------------------------- */

a:link, a:visited {	color:#fcfc00; text-decoration:none;}
a:hover {	color:#ff0000; text-decoration:none;}

/* MENU --------------------------------------------------- */

#menubar { position:absolute; top:77px; left:0px; z-index:11; width:773px; margin:0px; padding:0px; }
#menubar li { float:left; margin:0px; padding:0px; list-style-type:none; }
#menubar li a { display:block; font:bold 10px Verdana, Helvetica, sans-serif; padding:8px 9px 4px 9px; text-align:center; color:#fff; text-decoration:none; }
#menubar li a:hover { background-color:#333333; color:#fff; text-decoration:none; }

/* DROP DOWN SUB MENUS --------------------------------------------------- */

.subnav { position:absolute; top:100px; z-index:22; visibility:hidden; font:bold 9px Verdana, Helvetica, sans-serif; border:1px solid #000;	
					filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=.5); filter: Alpha(Opacity=80); }
		
#subnav1 { left:50px; width:112px; }
#subnav2 { left:178px; width:112px; }
#subnav3 { left:268px; width:122px; }
#subnav4 { left:448px; width:112px; }

.sn_off { background-color:#ececec; font-weight:bold; padding:3px 5px 3px 9px; color:#000; border-bottom:1px solid #000; }
.sn_on { background-color:#450000; font-weight:bold; padding:3px 5px 3px 9px; color:#fff; border-bottom:1px solid #000; cursor:pointer; }
.sn_off2 { background-color:#ececec; font-weight:bold; padding:3px 5px 3px 9px; color:#000; }
.sn_on2 { background-color:#450000; font-weight:bold; padding:3px 5px 3px 9px; color:#fff; cursor:pointer; }


/* MAIN CONTENT AREA --------------------------------------------------- */

h1{	font:bold 28px Georgia, Times, serif; color:#c0b1a2; margin:10px 0px;}
h2{	font:bold 18px Georgia, Times, serif; color:#c0b1a2; margin:10px 0px;}
h3 {font-size: 1.1em}
h4 { font-size: 11px;}

#featured {height: 240px;margin: 35px 0px 20px 0px;}
#spotlight {width:540px; float: left; }
#spotlight h3 {font-size: 2.2em;font-weight: normal;margin-top: 8px;}
#spotlight h4 {font-size: 14px;font-weight: normal;}
#player {width:197px; float: right;}

ul.soc  {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
.soc li {
	list-style: none;
	display: inline;
	padding-right: 10px;
}
#shop {
	height: 200px;
	background-image: url(/images/shop_bg.png);
	background-repeat: repeat-y;}
ul.albums {
	margin: 0em 0em 0em 0em;
	padding: 2em 0em 0em 0em;
}
.albums li {
	list-style: none;
	display: inline;
	padding-right: 40px;
}
.albums li.last {
	padding-right: 0px;
}
ul.buy_buttons {
	margin: 0em 0em 0em 0em;
	padding: 1em 0em .75em 0em;
}
.buy_buttons li {
	list-style: none;
	display: inline;
	padding-right: 47px;
}
.buy_buttons li.last {
	padding-right: 0px;
}
ul.links  {
	margin: 0em 0em 0em 0em;
	padding: 2em 0em 0em 0em;
}
.links li {
	list-style: none;
	display: inline;
	padding-right: 38px;
}
.links li.last {
	padding-right: 0px;
}

/* SLIDESHOW -------------------------------------------------*/

#slide {   
    width:  540px;  
}
.nav { margin-top: 226px; background-color: black; padding: 8px; z-index: 1; position: absolute;}
.nav a {color: #c3a300; font-variant: small-caps; font-size: 14px;}
.nav a:hover {color: #ffd900;}
}

/* FOOTER --------------------------------------------------- */

#footer { padding:100px 0px 30px 0px; margin:0px; font: 10px Arial, Helvetica, sans-serif;}
a.foot:link, a.foot:visited { color:#666666; text-decoration:none; }
a.foot:hover { text-decoration:underline; }