/* CSS Document */

*
	{
	margin:0; 
	padding:0
	}

html, body
	{
	background-color:#DEDFE3; height:100%
	}

#wrapper 
	{
	width:800px;
	height:500px;
	margin:12px auto 0 auto;
	background-image:url(http://www.markgustavson.com/images/musicbg.jpg);
	background-repeat:no-repeat;
	background-position: right;
	position: relative;
	cursor: pointer;	
	}

#wrapper2 
	{
	width:800px;
	height:530px;
	margin:0 auto 0 auto;	
	float: left;	
	}

.photo_credit

	{
	text-align:right; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#242c69; 
	font-size:11px
	}

#main_wrapper
	{
	width:800px; 
	text-align:center; 
	height:auto !important; height:100%; min-height:100%;  
	margin:0 auto -36px auto;
	}

h1	
	{
	font-size:20px; 
	font-family: arial; 
	font-weight:normal;	
	text-decoration:none;
	font-weight:bold;
	line-height:24px
	}

h2
	{
	font-size:17px; 
	font-family: arial; 
	font-weight:normal
	}

.cat
	{
	width:220px;
	border-bottom:solid #666 1px;
	text-align:center;
	font-weight:bold;
	margin: 0 0 8px 8px;
	}

.title
	 {
	z-index:1;
	top: 12px;
	width: 795px;
	height: 73px;
	position: absolute;
	left: 0px;
	text-align: right;
	text-decoration:none;
	 }
	 
#enter
	 {

	top: 0px;
	width: 800px;
	height: 500px;
	position: absolute;
	left: 0px;
	z-index:1;
	background-image:url(http://www.markgustavson.com/images/enter.png);
	background-repeat:no-repeat;
	background-position: 0 457px;
	display:block;
	cursor: pointer
	 }
	 
#enter:hover
{ 
  background-position: 0 407px;
}
	
#flash
	{
	background-color:#000;
	width:398px;
	height:500px;
	z-index:-1;
	top:0;
	left:0;
	float: left;
	}
.main_title
	{width:582px; 
	height:54px; 
	background-repeat:no-repeat; 
	text-align:center; 
	margin:0 auto
	}	
	
#nav 
	{float:left; 
	color:#fff; 
	font-family:Arial, Helvetica, sans-serif; 
	width:779px; height:39px; padding:13px 0 0 27px; 
	margin:0 0 7px 0; 
	text-align:left; 
	background-image:url(images/navbg.png); 
	background-repeat:no-repeat
	}
	
.nav_links {margin:0 37px 0 0; color:#fff; text-decoration:none; font-size:13px; }
.nav_links a:link {color:#fff;text-decoration:none}
.nav_links a:visited {color:#fff;text-decoration:none}
.nav_links a:hover {color:#6698cb; text-decoration:none}
.nav_links a:active {color:#fff;text-decoration:none}

.current_link
	{
	font-family: Arial, Helvetica, sans-serif; 
	margin:0 37px 0 0;
	font-size:13px; 
	text-decoration:none;
	float:left;
	color:#6698cb
	}

#left_column_wrapper
	{
	width:375px;
	margin:0;
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#242c69;
	line-height:18px;
	}
		
#listen_box
	{
	text-align:left;
	width:371px;
	height:596px;
	overflow:scroll; 
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin: 18px 0 0 0;
	}	
	
#listen_right_column
	{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	margin:0 0 0 50px;
	color:#242c69;
	font-size:13px;
	width:375px;
	line-height:18px;
	}
	
#store_left_col
	{
	width:375px; 
	float:left; 
	text-align:left;
	height:530px;
	color:#666;
	background-image:url(http://www.markgustavson.com/images/mg-l.gif);
	background-repeat:no-repeat
	
	}	
	
#store_right_col
	{
	text-align:left; 
	float:left; 
	margin:0 auto 12px auto; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#242c69; 
	font-size:13px; 
	width:350px; 
	line-height:18px 
	}	
	
#recording_samples
	{
	margin:18px 0 24px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#242c69;
	text-align:left;
	float: left;
	width: 375px;
	
	}	
	
.caption
	{
	font-family:Arial, Helvetica, sans-serif;
	color:#242c69;
	font-size:11px;
	text-align:justify;
	margin:6px 0 6px 0;
	width: 375px;
	}	
	
	
.caption287
	{
	font-family:Arial, Helvetica, sans-serif;
	color:#242c69;
	font-size:11px;
	text-align:justify;
	margin:6px 0 6px 0;
	width: 287px;
	}
	
.copyright 
	{
	margin:0 auto 0 auto; 
	width:800px; 
	text-align:right; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color:#8c8c8c;
	float:left
	}

.copyright a:link {color:#8c8c8c;text-decoration:none}
.copyright a:visited {color:#8c8c8c;text-decoration:none}
.copyright a:hover {color:#8c8c8c; text-decoration:underline}
.copyright a:active {color:#8c8c8c;text-decoration:none}

li 
	{
	list-style-type:none; margin:0 0 10px -10px
	}
	
#footer, .push
	{
	width:800px;
	text-align:center;
	height:36px;
	clear: both;
	margin: 12px auto 0 auto;
	float:left
	}
	
.footer
	{
	font-family:Arial, Helvetica, sans-serif;  
	font-size:12px;
	color:#666; 
	text-decoration:none
	}
	
.footer a:link {color:#666;text-decoration:none}
.footer a:visited {color:#666;text-decoration:none}
.footer a:hover {color:#6698cb; text-decoration:none}
.footer a:active {color:#666;text-decoration:none}
	
 a:link {color:#3c0;text-decoration:none}
 a:visited {color:#3c0;text-decoration:none}
a:hover {color:#3c0; text-decoration:underline}
a:active {color:#3c0;text-decoration:none}

#moon
	{
	background: url(mg-l.gif) no-repeat scroll ;
	}

.moon
	{
	text-align:left; 
	float:left;  
	font-family:Arial, Helvetica, sans-serif; 
	color:#242c69; 
	font-size:13px; 
	width:375px; 
	line-height:18px 
	}

img.flowing 
	{
	float: left; 
	clear: left; 
	margin: 0 1em 0 0;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#listen_menu {width:800px;}

#listen_menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#fff;}

#listen_menu li {margin:0; padding:0; list-style:none;}
#listen_menu li {display:inline;}
#listen_menu ul ul {position:absolute; left:-9999px;}
#listen_menu ul#toplevel {left:0; top:0;}

#listen_menu a {display:block; font:normal 13px arial,sans-serif; color:#8c8c8c; line-height:22px; text-decoration:none;padding:0 20px 0 0;} 
#listen_menu li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}

#listen_menu li a:hover {background-color:#fff; color:#6698cb;} 
#listen_menu li:hover > a {background-color:#fff; color:#6698cb;}

#listen_menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

#listen_menu a:hover ul,
#listen_menu a:hover a:hover ul, 
#listen_menu a:hover a:hover a:hover ul {left:100%;}
#listen_menu a:hover ul ul, 
#listen_menu a:hover a:hover ul ul {left:-9999px;}

#listen_menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}
.text {
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8c8c8c; line-height:22px; white-space:nowrap; padding:0 20px 0 10px;}