/* -- ACE MUSIC STANDS ------------------------------------------------------------------------ */
/* -- Copyright 2007 Lawton Bailey Creative services ------------------------------------------ */
/* -- CSS, XHTML 1.1 -------------------------------------------------------------------------- */


body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #03364B url(images/back01.jpg) no-repeat center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

img { border: 0; }

hr { border: 0; color: #d2c590; background-color: #d2c590; height: 1px; margin: 0 0 10px 0; }

p { font-size: 12px; color: #fff; margin: 0 0 10px 0; }
h1 { font-size: 18px; color: #FC0; margin: 0 0 10px 0; }
h2 { font-size: 16px; color: #FC0; margin: 0 0 10px 0; }
h3 { font-size: 14px; color: #FC0; margin: 0 0 10px 0; }
h4 { font-size: 13px; color: #FC0; margin: 0 0 10px 0; }

a { color: #09F; }
a:hover { color: #fff; }

/* -- Wraps ----------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

#wrap { margin: 70px auto 0 auto; width: 720px; height: 541px; background: url(images/back01-new.jpg) no-repeat; position: relative; }
#wrap2 { margin: 70px auto 0 auto; width: 720px; height: 541px; background: url(images/back02-new.jpg) no-repeat; position: relative; }
#wrap3 { margin: 70px auto 0 auto; width: 720px; height: 541px; background: url(images/back03-new.jpg) no-repeat; position: relative; }
#wrap4 { margin: 70px auto 0 auto; width: 720px; height: 541px; background: url(images/back04-new.jpg) no-repeat; position: relative; }
#wrap5 { margin: 70px auto 0 auto; width: 720px; height: 541px; background: url(images/back05-new.jpg) no-repeat; position: relative; }
#wrap6 { margin: 70px auto 0 auto; width: 720px; height: 541px; background: url(images/back06-new.jpg) no-repeat; position: relative; }
#wrap7 { margin: 70px auto 0 auto; width: 720px; height: 541px; background: url(images/back07-new.jpg) no-repeat; position: relative; }

/* -- Main ------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------- */

#index-textbox { width: 358px; height: 101px; position: absolute; top: 172px; left: 75px; text-align: center; }
#index-textbox h3 { 
	margin: 0 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	color: #d63131; 
}
#index-textbox h4 { 
	margin: 0 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #007a82;
}
#index-textbox p { margin: 0 0 0 0; color: #d63131; }

#info-shoeshineboy { width: 163px; height: 49px; position: absolute; top: 150px; left: 512px; text-align: center; }
#info-shoeshineboy p { font-weight: bold; color: #fffbbd; margin: 0px; }
#info-textbox { width: 613px; height: 190px; position: absolute; top: 250px; left: 35px; overflow: auto; padding: 10px 20px 10px 10px; }
#info-textbox2 {
	width: 570px;
	height: 355px;
	position: absolute;
	top: 79px;
	left: 63px;
	overflow: auto;
	padding: 10px 20px 10px 10px;
}

.location-text { font-weight: bold; color: #fffbbd; }
.location-text p { margin: 0; }
.location-text2 { font-size: 13px; font-weight: bold; color: #fffbbd; line-height: 20px; margin: 0; }
.location-text2 p { margin: 0; }
#location-address { 
  width: 350px; height: 110px; 
  position: absolute; top: 330px; right: 10px; 
  text-align: center; 
  padding: 0 10px;
}
#location-map { 
  width: 350px; height: 250px; 
  position: absolute; top: 50px; right: 10px; 
  text-align: center; 
  padding: 10px;
}
#location-venue { width: 305px; height: 44px; position: absolute; top: 421px; left: 349px; text-align: center; }
#location-bullets { width: 248px; height: 96px; position: absolute; top: 314px; left: 405px; }


/* -- Events ---------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

#index-eventbox { width: 175px; height: 375px; position: absolute; top: 49px; left: 484px; overflow: auto; padding: 5px 13px 5px 5px; }
#index-eventbox ul { margin: 0; padding: 0; }
#index-eventbox ul li { margin: 0 0 10px 0; padding: 0; }
#index-eventbox ul li h3 { margin: 0; color: #c42409; font-size: 11px; }
#index-eventbox ul li h4 { margin: 0; color: #c42409;  font-size: 10px; }
#index-eventbox ul li p { margin: 0; color: #04232e; font-size: 10px; }


/* -- Sign-Up --------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

.fieldset { border: solid #fff 0px; }
.fieldset .textfield { 
	margin: 0; padding-top: 6px;
	height: 23px; width: 193px; 
	border: solid 0px #fff; 
	background: transparent;
	color: #000;
	position: absolute;
	top: 501px;
	left: 110px;
}
.fieldset .textfield2 { 
	margin: 0; padding-top: 6px;
	height: 23px; width: 195px; 
	border: solid 0px #fff; 
	background: transparent;
	color: #000;
	position: absolute;
	top: 501px;
	left: 388px;
}
.fieldset .button { 
	height: 25px; width: 60px; 
	border: solid 0px #fff; 
	background: transparent;
	color: #000;
	position: absolute;
	top: 501px;
	left: 589px;
}

#thankyou { 
	margin: 0; padding-top: 6px;
	height: 23px; width: 594px;
	background: #fffbbd;
	color: #000;
	position: absolute;
	top: 498px;
	left: 64px;
	text-align: center;
}

/* -- Nav ------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

.nav-button { width: 118px; height: 28px; }
.nav-button2 { width: 103px; height: 25px; }
.contact-button { width: 100px; height: 24px; }

#index-nav-01 { position: absolute;	top: 289px;	left: 70px; }
#index-nav-02 { position: absolute; top: 289px; left: 195px; }
#index-nav-03 { position: absolute; top: 289px; left: 321px; }
#index-nav-04 { position: absolute; top: 456px; left: 383px; }
#index-nav-05 { position: absolute; bottom: 15px; left: 110px; }
#index-nav-06 { position: absolute; bottom: 15px; left: 235px; }
#index-nav-07 { position: absolute; bottom: 15px; left: 361px; }
#index-nav-08 { position: absolute; bottom: 15px; left: 486px; }

#nav-01 { position: absolute; bottom: 38px; left: 200px; }
#nav-02 { position: absolute; bottom: 38px; left: 308px; }
#nav-03 { position: absolute; bottom: 38px; left: 416px; }
#nav-04 { position: absolute; bottom: 38px; left: 524px; }

#nav-05 { position: absolute; bottom: 10px; left: 200px; }
#nav-06 { position: absolute; bottom: 10px; left: 308px; }
#nav-07 { position: absolute; bottom: 10px; left: 416px; }
#nav-08 { position: absolute; bottom: 10px; left: 524px; }


/* -- Frames ----------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

#events-frame { width: 192px; height: 383px; }
#info-frame { width: 643px; height: 221px; }


/* -- Footer ---------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

#footer { margin: 10px auto 70px auto; width: 720px; }
#footer p { margin: 0px; color: #fff; }
#copyright { float: left; }
#designed { float: right; }
#designed a { color: #205da9; text-decoration: none; }
#designed a:hover { color: #fff; }

/* _Gallery
==========================================*/

.thumb-pic { width: 160px; height: 120px; margin: 5px 5px 0 0; border: 3px solid #FC0; float: left; background-color: #04232e; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
.thumb-pic img { width: 160px; height: 120px; }
.albums { margin: 20px 20px 0 0; float: left; } 

#gallery { margin: 20px; text-align: left; }
#gallery a h3 { 
	color: #fao; 
	font-size: 16px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 0 0 10px 0;
	text-decoration: none;
	border: 0;
}
#gallery a:hover h3 { color: #fff; }

.album-top { height: 7px; width: 511px; background: url(images/album-top.png) no-repeat; }
.album-bottom { height: 7px; width: 511px; background: url(images/album-bottom.png) no-repeat; margin: 0 0 4px 0; }
.gallery-block { 
	width: 511px; 
	background: url(images/album-middle.png) repeat-y;
}
.gallery-block a img { border: 1px solid #fc6; }
.gallery-block a:hover img { border: 1px solid #fff; }
.gallery-block .text-box { width: 450px; padding: 12px 0 12px 36px; background: url(images/album-bullet.png) no-repeat 16px 16px; }
.gallery-block .text-box2 { }
.gallery-block .img-box { background: #000; margin: 0 0 10px 0; text-align: center; }
.gallery-block p, .gallery-block h2 {  
	color: #fff; 
	font-size: 11px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 0;
}
.gallery-block h2 { font-size: 18px; color: #fc0; margin: 0 0 3px 0; line-height: 18px; }
.gallery-block a h2 { text-decoration: none; }
.gallery-block a:hover h2 { color: #fff; }


/* _Lightbox
==========================================*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }


#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
	
/* _Merchandise
==========================================*/

.item-image { width: 200px; height: 140px; float: left; padding: 10px; margin: 0 8px 0 0; background: #000; }
.item-details { width: 300px; height: 140px; float: left; padding: 10px; background: #04232e; }
.item-details h2 { margin: 0 0 5px 0; }
.item-details h4 { margin: 0 0 5px 0; color: #F60; }