/*/// GLOBAL RESETS ///*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; }  table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/*/// GLOBAL ELEMENTS ///*/

html { font: 62.5% verdana, tahoma, arial, helvetica; height: 100%;}

body	{ background: url('../images/gradientBg.gif') #fff repeat-x; color:#666; margin:0; padding:0; font-size: 1.2em; height: 100%; min-width: 900px; text-align: center;}  

p { margin: 0 0 1em 0;}

h1 { font-size: 1.8em; color:#000; background: transparent; font-weight: normal;}
h2 { font-size: 1.4em; color:#000; background: transparent; font-weight: normal;}
h3 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}
h4 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}
h5 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}
h6 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}

input, textarea, select { border: 1px solid #666; background: #fff; color: #666;}	

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}

img { border: none; vertical-align: bottom;}

/*/// TEMPLATE ELEMENTS ///*/

.formLayout { float:left; width:120px;}

.submitButton { position: relative; float: left; margin-left: 10px;}
* html .submitButton { display: inline;}
.submitButtonLeft { float: left; width: 3px; height: 20px; background: url('../images/submitButton-left.gif') no-repeat;}
.submitButtonMiddle { float: left; padding: 0 3px; line-height: 20px; width: auto; height: 20px; background: url('../images/submitButton-middle.gif'); color: #202020;}
.submitButtonMiddle a:link { text-decoration: none; color:#202020;}
.submitButtonMiddle a:hover { color:#817e7e;}
.submitButtonRight { float: left; width: 3px; height: 20px; background: url('../images/submitButton-right.gif') no-repeat;}
#pContent_ctl00_btnSubmit { margin-top: 15px;}
.formRight { margin-top: 5px;}
.formLeft { margin-top: 10px;}



.googleMap { margin: 15px 0 0; height: 370px; width: 500px;}  
#googlePopUp{ font-family: georgia; color: #000; }
#googlePopUp input { background: #c5c5c6; color: #000; border: 1px solid #000;}

a:link, a:visited { color:#666;}
a:hover { color: #eb323d;}

/*/// LAYOUT ///*/

/* Base layout */
#container { width: 100%; height: 100%; background: url('../images/containerBg.jpg') no-repeat top center;}

/* Header */
#header { width: 882px; margin: 0 auto; min-height: 195px;}
* html #header { height: 195px;}
#logo { margin: 10px 0 0; float: left; width: 221px; height: 172px;}


/* mainNav */
ul#mainNav { width: 620px; float: right; margin-top: 163px;}
ul#mainNav li { display: inline; text-align: center;}
ul#mainNav li a { width: 122px; height: 32px; float: left; margin-left: 2px; color: #fff; text-indent: -9999px; background: transparent;}
ul#mainNav li a.home { background: url('../images/home.gif') no-repeat;}
ul#mainNav li a.songList { background: url('../images/songList.gif') no-repeat;}
ul#mainNav li a.gallery { background: url('../images/gallery.gif') no-repeat;}
ul#mainNav li a.location { background: url('../images/location.gif') no-repeat;}
ul#mainNav li a.prices { background: url('../images/prices.gif') no-repeat;}
ul#mainNav li a.contact { background: url('../images/contact.gif') no-repeat;}
ul#mainNav li a:hover { background-position: 0 -32px;}
ul#mainNav li a.currentPage { background-position: 0 -64px;}

/* Main Column */
#content { margin: 0 auto; width: 891px; background: url('../images/contentBg.png') no-repeat 1px 100%; text-align: left;}
* html #content { background: url('../images/contentBgIE6.gif') no-repeat 4px 100%;}
#blueIntroContainer { float: left; width: 824px; background: url('../images/blueIntroBottom.gif')  transparent no-repeat bottom left; padding-bottom: 3px; margin: 15px 0 0 32px;}
* html #blueIntroContainer { display: inline;}
#blueIntro { width: 784px; padding: 15px 20px 20px 20px; background: url('../images/blueIntro.gif') transparent no-repeat; color: #fff;}
#blueIntro a { color: #fff; text-decoration: underline;}
#blueIntro a:hover { color: #f03842; text-decoration: none;}
#blueIntro h1 { color: #fff; padding-bottom: 10px; background: transparent;}
#mainImage { float: left; margin: 15px 0 0 32px;}
* html #mainImage { display: inline;}


#featureWrapper { margin: 0 auto; width: 900px;height: 135px; }
.featureContainer { float: left; width: 423px; background: url('../images/featureBottom.gif') no-repeat bottom left; padding-bottom: 7px; margin: 15px 0 0 16px;}
* html .featureContainer { display: inline;}
.feature { width: 423px;  background: url('../images/feature.gif') no-repeat; min-height: 115px; height: auto;}
* html .feature { height: 115px;}
.feature img { float: right; margin: 0 10px 0 0;}


h3.readyToRock { display: block; background: url('../images/readyToRockheader.jpg') no-repeat; width: 240px; height: 71px; text-indent: -9999px; float: left; margin: 0 0 0 15px;}
* html h3.readyToRock { display: inline;}
h3.greatPlaylist { display: block; background: url('../images/greatPlaylistheader.jpg') no-repeat; width: 240px; height: 71px; text-indent: -9999px; float: left; margin: 0 0 0 15px;}
* html h3.greatPlaylist { display: inline;}
.featureText { padding: 10px 0 0 20px; width: 230px; text-align: justify; float: left; min-height: 7em;}
.featureMoreInfo { padding: 0 0 0 20px; width: 230px; text-align: justify; float: left;}
a.moreInfo { display: block; width: 174px; height: 17px; background: url('../images/moreInfo.gif') no-repeat; color: #424242; text-decoration: none; padding: 2px 0 0 15px; margin-top: 10px;}
a.moreInfo:hover { background-position: top right; color:#666;}


.innerContentContainer { float: left; width: 865px; background: url('../images/innerContentBottom.gif') no-repeat bottom left; padding-bottom: 7px; margin: 15px 0 0 10px;}
* html .innerContentContainer { display: inline;}
.innerContent { width: 785px;  background: url('../images/innerContent.gif') no-repeat; min-height: 300px; height: auto; padding: 15px 40px 0;}
* html .innerContent { height: 300px;}


/* Footer */
#footer { width: 891px; margin: 30px auto 0; border-top: 1px solid #d3d3d3; text-align: center; padding-bottom: 10px;}
#valid { float: left; height: auto; width: auto; margin: 10px 0 0 40px;}
* html #valid { display: inline;}

ul#contact { text-align: center; width: 100%; margin: 10px 0 0;}
ul#contact li { display: inline; color: #333; border-right: 1px solid #666; padding: 0 10px; font-weight: bold; font-size: .9em;}
ul#contact li.noDivider { border-right: 0;}

ul#minorNav { text-align: center; margin: 7px 0 0; width: 100%;}
ul#minorNav li { display: inline; border-right: 1px solid #666;}
ul#minorNav li a {padding: 0 5px; color: #404040; font-size: .8em; text-decoration: none;}
ul#minorNav li.noDivider { border-right: 0;}
ul#minorNav li a:hover, ul#minorNav li a.currentPage { text-decoration: underline;}
#copyright { margin: 30px 0 0; font-size: .8em;}

div#sfFoot { font-size: .8em; color: #ccc; margin-top: 5px;}
a#s4 {text-decoration: none;}
a#bm {text-decoration: none;}


p#error { width: 100%; text-align: center; padding-top: 120px;}

.sitemap div { margin: 10px 0 0;}
.sitemap a { color: #fff; text-decoration: none !important;}
.sitemap a:hover { color: #fff !important; text-decoration: underline !important;}

/* Inline bulleted lists */
#content ul {padding-left:35px;}
#content ul li {padding-left:15px;list-style-type: disc;}