/* RESET */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img {border:none;}
body {font-size:100%;}

/* END RESET */

/* FRAMEWORK */
body {background-color: #2e2e2e;}
#container {width: 100%; margin: 0 auto;}
#wrap {width: 800px; margin: 0 auto; clear:both; display:block;}
#masthead {height: 347px; background-image: url(masthead_bkg.gif); background-repeat: repeat-x; z-index:-5000;}
#wrap.mastheadwrap {width: 1020px; height: 347px; background-image: url(masthead_bkg_wrap.jpg); background-repeat: none;}
#shinydivider {width: 100%; height: 10px; background-image: url(shiny_divider.gif); background-repeat: repeat-x; clear:both;}
#page {width: 100%; background-color: #9e9e9e; background-image: url(page_bkg.gif); background-repeat: repeat-x; padding: 0 0 40px 0; clear:both;}
#canvas {width: 718px; clear:both; background-color: #f2f2f2; background-image: url(canvas_bkg.gif); background-repeat: repeat-x; border: solid 1px #72787a; margin: -267px 0 0 10px; position:relative; padding: 30px; display:inline-block; z-index:5000;}
#canvas_contact {width: 718px; clear:both; background-color: #f2f2f2; background-image: url(canvas_bkg.gif); background-repeat: repeat-x; border: solid 1px #72787a; margin: -267px 0 0 10px; position:relative; padding: 30px; display:inline-block;}
#column1 {width: 450px; float:left;}
#column2 {width: 208px; margin: 0 0 0 60px; float:left;}
#actbox {width: 658px; background-color: #fff; border: solid 1px #c6c6c6; padding: 30px; margin: 20px 0 0 0; clear:both;}
#actbox_column {width: 190px; float:right; margin: 0 0 20px 20px;}
.player {right: 0px; left: 5px; bottom: 0px; top: 3px; position: relative;}



/* NAVIGATION */
#navigation {width: 100%; height: 60px; background-image: url(nav_bkg.gif); background-repeat: repeat-x;}
ul#menu {width 820px; list-style: none;}
ul#menu li {float:left; display:block;}

ul#menu li.home a {background-image: url(menu_sprite.png); width:81px; height: 60px; background-position:0px 0px; background-repeat: none; display:block;}
ul#menu li.home a:hover {background-image: url(menu_sprite.png); width:81px; height: 60px; background-position:0px -60px; background-repeat: none; display:block;}
ul#menu li.home a:active {background-image: url(menu_sprite.png); width:81px; height: 60px; background-position:0px -120px; background-repeat: none; display:block;}
ul#menu li.home_selected a {background-image: url(menu_sprite.png); width:81px; height: 60px; background-position:0px -60px; background-repeat: none; display:block;}

ul#menu li.about a {background-image: url(menu_sprite.png); width:106px; height: 60px; background-position:-81px 0px; background-repeat: none; display:block;}
ul#menu li.about a:hover {background-image: url(menu_sprite.png); width:106px; height: 60px; background-position:-81px -60px; background-repeat: none; display:block;}
ul#menu li.about a:active {background-image: url(menu_sprite.png); width:106px; height: 60px; background-position:-81px -120px; background-repeat: none; display:block;}
ul#menu li.about_selected a {background-image: url(menu_sprite.png); width:106px; height: 60px; background-position:-81px -60px; background-repeat: none; display:block;}

ul#menu li.events a {background-image: url(menu_sprite.png); width:89px; height: 60px; background-position:-187px 0px; background-repeat: none; display:block;}
ul#menu li.events a:hover {background-image: url(menu_sprite.png); width:89px; height: 60px; background-position:-187px -60px; background-repeat: none; display:block;}
ul#menu li.events a:active {background-image: url(menu_sprite.png); width:89px; height: 60px; background-position:-187px -120px; background-repeat: none; display:block;}
ul#menu li.events_selected a {background-image: url(menu_sprite.png); width:89px; height: 60px; background-position:-187px -60px; background-repeat: none; display:block;}

ul#menu li.music a {background-image: url(menu_sprite.png); width:77px; height: 60px; background-position:-276px 0px; background-repeat: none; display:block;}
ul#menu li.music a:hover {background-image: url(menu_sprite.png); width:77px; height: 60px; background-position:-276px -60px; background-repeat: none; display:block;}
ul#menu li.music a:active {background-image: url(menu_sprite.png); width:77px; height: 60px; background-position:-276px -120px; background-repeat: none; display:block;}
ul#menu li.music_selected a {background-image: url(menu_sprite.png); width:77px; height: 60px; background-position:-276px -60px; background-repeat: none; display:block;}

ul#menu li.djs a {background-image: url(menu_sprite.png); width:131px; height: 60px; background-position:-353px 0px; background-repeat: none; display:block;}
ul#menu li.djs a:hover {background-image: url(menu_sprite.png); width:131px; height: 60px; background-position:-353px -60px; background-repeat: none; display:block;}
ul#menu li.djs a:active {background-image: url(menu_sprite.png); width:131px; height: 60px; background-position:-353px -120px; background-repeat: none; display:block;}
ul#menu li.djs_selected a {background-image: url(menu_sprite.png); width:131px; height: 60px; background-position:-353px -60px; background-repeat: none; display:block;}

ul#menu li.otherent a {background-image: url(menu_sprite.png); width:193px; height: 60px; background-position:-484px 0px; background-repeat: none; display:block;}
ul#menu li.otherent a:hover {background-image: url(menu_sprite.png); width:193px; height: 60px; background-position:-484px -60px; background-repeat: none; display:block;}
ul#menu li.otherent a:active {background-image: url(menu_sprite.png); width:193px; height: 60px; background-position:-484px -120px; background-repeat: none; display:block;}
ul#menu li.otherent_selected a {background-image: url(menu_sprite.png); width:193px; height: 60px; background-position:-484px -60px; background-repeat: none; display:block;}

ul#menu li.contact a {background-image: url(menu_sprite.png); width:123px; height: 60px; background-position:-677px 0px; background-repeat: none; display:block;}
ul#menu li.contact a:hover {background-image: url(menu_sprite.png); width:123px; height: 60px; background-position:-677px -60px; background-repeat: none; display:block;}
ul#menu li.contact a:active {background-image: url(menu_sprite.png); width:123px; height: 60px; background-position:-677px -120px; background-repeat: none; display:block;}
ul#menu li.contact_selected a {background-image: url(menu_sprite.png); width:123px; height: 60px; background-position:-677px -60px; background-repeat: none; display:block;}


/* DROPDOWNS */
ul#menu li ul, ul#menu li.sfhover ul {position: absolute;width: 15em; left: -999em; background: #1f1f1f; background-image: none; border: solid 1px #525252; border-top:none;z-index:8000;}
ul#menu li:hover ul, ul#menu li.sfhover ul {left: auto; z-index: 10000;}
ul#menu li.events ul li a, ul#menu li.music ul li a, ul#menu li.events_selected ul li a, ul#menu li.music_selected ul li a {color: #fff; text-transform: uppercase; font-size: .75em; letter-spacing: .1em; background-image: none; text-decoration: none; display:block; margin: 10px; height: 1em; width: 15em;}
ul#menu li.events ul li a:hover, ul#menu li.music ul li a:hover, ul#menu li.events_selected ul li a:hover, ul#menu li.music_selected ul li a:hover {color: #43c0b2; background-image: none; text-decoration: none; display:block; margin: 10px; height: 1em; width: 15em;}


/* FOOTER */
#footer {width: 100%; height:180px; background-image:url(footer_bkg.gif); background-repeat: repeat-x; clear:both;}
ul#footer {list-style: none;}
ul#footer li.footercontact {width:209px; border-right: solid 1px #fff; padding:0 20px 0 0;float:left;margin:30px 0 0 0; height: 120px}
ul#footer li.footerabout {width:299px;border-right: solid 1px #fff; padding:0 20px;float:left;margin:30px 0 0 0;height: 120px}
ul#footer li.footernavigation {width:210px; padding: 0 0 0 20px;float:left;margin:30px 0 0 0;height: 120px}
ul#footermenu1, ul#footermenu2 {list-style:none; float:left; width: 105px;margin: 10px 0 0 0 ;}
ul#footermenu1 li a, ul#footermenu2 li a {font-size:.6875em; color:#c5c5c5; float:none; text-decoration:none;text-transform: uppercase; line-height: 1.5em; }
ul#footer li.footercontact p a, ul#footer li.footerabout p a {color:#c5c5c5; text-decoration: none;}
ul#footer li.footercontact p a:hover, ul#footer li.footerabout p a:hover, ul#footermenu1 li a:hover, ul#footermenu2 li a:hover {color:#43c0b2;}

#footer h3 {color:#c5c5c5; text-transform: uppercase; font-variant: normal; font-weight: normal; font-size: .875em; margin: 0;}
ul#footer li.footercontact p, ul#footer li.footerabout p {color:#c5c5c5; line-height: 1.2em;}

/* TEXT */
h1, h2, h3, p, li {font-family: Helvetica, Arial, sans-serif;}
h1 {font-size: 2.25em; color: #bf224a; margin: 0 0 20px 0;}
h2 {font-size: 1.5em; color: #0158a5; font-weight: 100;}
h3 {font-size: 1em; color: #000; font-weight: bold; margin: 20px 0 0 0;}
p {font-size: .8125em; color: #2d2d2d; line-height:1.46em;}
p a {color: #bf224a; text-decoration: none;}
p a:hover {color: #bf224a; text-decoration: underline;}
ul#other_entertainment {list-style:none; margin: 20px 60px 0 20px; float:left;}
ul#other_entertainment li {font-size: 1em; line-height: 2em; font-weight: bold;}
.music_style {font-size: .625em; text-transform: uppercase; font-weight: bold; margin:5px 0 0 0;}
.pink {color: #bf224a;}


/*HOMEPAGE*/
span.logo {width:800px; height: 81px; display:block;}
#rotating_photos {width:480px; height:337px; float:left; background-image:url(../default/photo_bkg.png); margin: 0 0 -71px 0; display:inline-block; position:relative;}
img.headline {float:right; display:inline-block; margin: -370px 0 0 0; }
img.funnel {margin: 70px 0 0 0; float:left;}
#default_list {height: 115px; width: 740px; background-image: url(../default/list_bkg.png); background-repeat: none; display: block; margin: 50px auto 0 auto; padding: 65px 20px 0 20px;}
.float_left {float: left;}
span.list_intro {width:212px; margin: 0 0 0 25px; float:left;}
ul#homepage_list {list-style-type: none; margin: 0 0 0 20px; float: left; display: inline-table;}
ul#homepage_list li a{font-size: .6875em; line-height: 2em; color: #bf224a; text-decoration: none;}
ul#homepage_list li a:hover {color: #303030;}
h1#indexheader {display:none;}


/* FADING IMAGES */
ul#portfolio {width: 382px; height: 289px; list-style:none; margin: 31px 0 0 48px; }
/* ul#portfolio li img{border: 1px solid #ccc; padding: 4px;} */

.fade{margin-bottom: 2em;}

.fade p{margin-bottom: 2em;text-align: center;width: 100%;background: #fff;}



/* CONTACT FORM */
input[type="text"], textarea, select {margin: 0 0 20px 0;}
input[type="text"], select {width: 300px; height: 30px; font-size: 1.25em;}
textarea {width: 300px; height: 150px; padding: 10px;}
select {background-color: #FFF;border: 1px solid #888;color: #000;}
select.timedropdown {width: 145px;}

/* ENTERTAINMENT LIST */
img.entertainment_header {margin:30px 0 0 0;}
ul#entertainment {list-style:none; margin:0; line-height: 1.5em;}
ul#entertainment li.category {text-transform: uppercase; margin:10px 0 0 0; color:#2d2d2d; font-size: .75em; }
ul#entertainment ul#act {list-style: none;}
ul#entertainment ul#act li {border-top: solid 1px #72787a; line-height: 2em;}
ul#entertainment ul#act li a{color: #bf224a; font-size: .75em; text-decoration:none;}
ul#entertainment ul#act li a:hover {color: #72787a;}

.audio{background-image: url(audio.gif); background-repeat:none; height:18px; width: 18px; display:block; float:right;}
.border{border: solid 1px #c6c6c6;}
ul#book_it {list-style:none; margin: 15px 0 0 0;}
ul#book_it_no_image {list-style:none; margin: 0;}
.book_it a {background-image: url(bookit.gif); width:190px; height: 29px; background-position:0px 0px; background-repeat: none; display:block;}
.book_it a:hover {background-image: url(bookit.gif); width:190px; height: 29px; background-position:0px -29px; background-repeat: none; display:block;}
.genre_image {float:right; margin: -28px -30px 0 -140px;}



#weddingbandintro {width:420px; height: 250px;background-image: url(bkg_weddingbands.png); background-repeat: no-repeat; background-position: bottom; margin: 0 0 -32px 0; padding: 0 300px 20px 0;}
#bigbandintro {width:480px; height: 370px;background-image: url(bkg_bigband.png); background-repeat: no-repeat; background-position: bottom; margin: 0 0 -32px 0; padding: 0 240px 20px 0;}
#ensemblesintro {width:420px; height: 244px;background-image: url(bkg_ensembles.png); background-repeat: no-repeat; background-position: bottom; margin: 0 0 -32px 0; padding: 0 300px 20px 0;}
#musiciansintro {width:420px; height: 244px;background-image: url(bkg_musicians.png); background-repeat: no-repeat; background-position: bottom; margin: 0 0 -32px 0; padding: 0 300px 20px 0;}
#dixielandintro {width:420px; height: 315px;background-image: url(bkg_dixieland.png); background-repeat: no-repeat; background-position: bottom; margin: 0 0 -32px 0; padding: 0 300px 20px 0;}


/* =Clearfix (all browsers)
--------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */ 
* html .clearfix {height: 1%;}
/* IE7 */
*:first-child+html .clearfix {min-height: 1px;}