/*------------------------------------------------------------------------------
Style Sheet for the Stephensonmusic website -- US map

version:		1.0
date:			December 19, 2006
author:			Jim Stephenson
email:			kineticjim@stephensonmusic.com
			jim@lockportucc.org  
			jim@kineticjim.com
			sstephenson_lock@hotmail.com
website:		www.stephensonmusic.com
------------------------------------------------------------------------------*/

#anchorage, #atlanta, #bozeman, #concord, #dallas, #detroit, #grandrapids, #littleton, 
#naples, #orlando, #rochester, #rockisland, #shreveport	{
  			display:		none;
  			}

#map 			{
  			border:			#f00 ridge 0px;
  			float:			right;
  			display:		block;
  			position:		relative;
  			width:			570px;
  			height:			374px;
  			top:			100px;
  			right:			50px;
  			margin:			0 10px 0 0;
  			padding:		0;
  			background:		url(graphics/u.s.maps/usa-transp.gif) no-repeat;
  			}
  			
#map ul			{
			margin:			0;
			padding:		0;
			list-style:		none;
			width:			100%;
			float:			right;
			line-height:		0;
			}
			
#map a			{
  			background:		transparent url(graphics/anote.gif) no-repeat;
			position:		absolute;
			width:			9px;
			height:			11px;
			text-indent:		0em;
  			border:			#00f solid 0px;	
  			z-index:		2;
			}
			
.anchorage a		{
  			left:			50px;
  			top:			215px;
  			}

.atlanta a		{
  			left:			261px;
  			top:			144px;
  			}

.bozeman a		{
  			left:			100px;
  			top:			42px;
  			}

.concord a		{
  			left:			325px;
  			top:			50px;
  			}

.dallas a		{
  			left:			175px;
  			top:			163px;
  			}

.detroit a		{
  			left:			262px;
  			top:			67px;
  			}

.grandrapids a		{
  			left:			248px;
  			top:			67px;
  			}

.littleton a		{
  			left:			333px;
  			top:			59px;
  			}

.naples a		{
  			left:			293px;
  			top:			209px;
  			}

.orlando a		{
  			left:			285px;
  			top:			185px;
  			}

.rochester a		{
  			left:			293px;
  			top:			62px;
  			}

.rockisland a		{
  			left:			216px;
  			top:			84px;
  			}

.shreveport a		{
  			left:			198px;
  			top:			165px;
  			}


#map a:hover		{
  			border:			#dc6 solid 1px;
  			background:		transparent url(graphics/anote1.gif) no-repeat;
  			}
  			
.billboard2		{
  			border:			#369 ridge 3px;
  			float:			right;
  			position:		absolute;
  			width:			270px;
  			background:		#333;
  			height:			200px;
  			top:			20px;
  			margin:			0;
  			padding:		0;
  			z-index:		2;
  			color:			#fff;
			}
			
.billboard3		{
  			border:			#369 ridge 3px;
  			float:			right;
  			position:		absolute;
  			width:			270px;
  			background:		#eee;
  			height:			180px;
  			top:			700px;
  			right:			285px;
  			margin:			0;
  			padding:		0;
  			z-index:		2;
  			color:			#333;
			}
			
.billboard2 p, .billboard3 p		{
			padding:		20px 10px 0 10px;
			font-size:		14px;
			font-weight:		bold;
			line-height:		16px;
			}

.billboard2 a:hover	{
  			display: 		block;
  			}