/* basic global declarations */
* {border: none; padding: 0px; margin: 0px; text-decoration: none; color: #5e5b56; font-family: "Trebuchet MS", Trebuchet, Helvetica, Verdana, Arial, sans-serif;}
.big {font-size: 22px;}
.bold {font-weight: bold;}
.small {font-size: 11px;}
.italics {font-style: italic;}

html {height: 100%; min-height:}
body {background-color: black; height: 100%; overflow: auto; min-height: 626px;}
a {color: #5e5b56; cursor: pointer;}
a:hover {text-decoration: underline;}
div {position: relative;}

div.cleardiv {clear: both; padding-bottom: 30px;}
h1 {font-weight: bold; font-size: 21px; line-height: 110%; padding-bottom: 10px;}
h2 {font-weight: normal; font-size: 20px; padding-bottom: 10px;}
h3 {font-weight: normal; font-size: 11px; padding-bottom: 10px;}

/* basic layout skeleton */
div#outerwrapper {height: 100%; background-color: white; width: 40%; min-width: 763px; margin-left: auto; margin-right: auto; z-index: 2; min-height: 626px;}
div#header {height: 224px; position: absolute; top: 0px; left: 0px; width: 100%;}
div#contentwrapper{position: absolute; top: 224px; left: 0px; width: 100%; overflow: auto; z-index: 3; height: 300px;}
div#footer {position: absolute; bottom: 0px; width: 100%; background-color: white; z-index: 20;}
div#menu {width: 190px; position: absolute; padding: 30px; top: 224px; left: 0px; z-index: 4;}
div#content {padding-left: 250px; padding-top: 0px; padding-right: 30px; padding-top: 30px;}
div#imagepanels {position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; z-index: 1; min-height: 626px;}
div#panelplacement {width: 40%; min-width: 763px; height: 100%; overflow: visible; margin-left: auto; margin-right: auto; min-height: 626px;}
img.panel {position: absolute; height: 100%; top: 0px;}
img.left {right: 100%}
img.right {left: 100%}

/* general style & formatting */
div#content span {display: block;}
span.column {width: 30%; float: left; padding-right:10px;}
span.cl {clear:left;}
span.tbpad {padding-top:10px; padding-bottom:10px;}
div#content ul {list-style-type: none; font-size: 11px;}
span.column li {width:140px; padding-left:5px; text-indent:-5px;}
li.bold {font-size:12px; margin-bottom:15px;}
p {padding-top: 10px; padding-bottom: 10px;}
div#content img.border {border: 1px solid black;}

/* header formatting */
div#emailphone {padding: 10px; height: 22px; overflow: hidden;}
div#headerimages {width: 100%; border-top: 1px solid black; border-bottom: 1px solid black; height: 180px;}
img#logo {width: 313px; height: 180px; display: block; margin-right: auto; margin-left: auto; padding-right: 155px; padding-left: 295px;}
img#leftheader {position: absolute; top: 0px; left: 10px; height: 180px; width: 260px;}
img#rightheader {position: absolute; top: 0px; right: 10px; height: 180px; width: 120px;}

/* menu formatting */
div#menu ul {list-style-type: none;}
div#menu li {font-weight: bold; font-size: 15px; line-height: 118%}
div#menu li ul li {font-weight: normal; font-size: 12px; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 1px 1px; padding-left: 12px;}
div#menu a:hover {background-color: #bbbbbb; text-decoration: none;}
li.pad {padding-bottom: 10px;}
li.pad ul {padding-top: 5px;}
li.close {padding-bottom: 2px;}

/*content formatting */
div#content p {padding-top: 10px; padding-bottom: 10px;}

/*footer formatting */
div#footercontent {padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; width: 80%; min-width: 513px;}
div#footercontent p {padding: 0px;}

/* photo album formatting */
span.photoalbum {width: 450px; border: 1px solid black; padding: 10px; margin-bottom: 10px;}
span.photoalbum span.albumheader {border-bottom: 1px solid black; margin-bottom: 5px; padding-bottom: 5px; font-weight: bold;}
span.photoalbum img {padding: 5px; float: left;}
span.backto {clear: left; text-align: right;}

/* pricing formatting */
span.packagename {border: 1px solid black; margin-bottom:5px; font-size:12px; text-align:center; padding:3px; font-weight:bold; background-color:#ffffff;}
span.packagetext {border: 1px solid black; font-size:12px; padding:3px; background-color:#ffffff;}
span.packagetext a {font-weight:bold;}

/* songlist formatting */
div#content span.genrename {display: inline; padding-right: 7px; font-size: 10px;}
p.genrelist {line-height: 12px; border-top: 1px solid #5e5b56; border-bottom: 1px solid #5e5b56; margin-top: 20px; margin-bottom: 20px;}
div.genrelist {visibility:hidden; position: absolute; top: 0px; left: 0px; height: 0px; width: 0px; overflow: hidden;}
div#realgenrelist ul {float: left; width: 45%; padding-right: 5%;}

/* forms */
form {text-align: left; font-style: normal;}
form fieldset {background: #cccccc; padding-top: 10px; padding-right: 10px; padding-left: 10px; width: 430px; margin-bottom: 10px; border: 1px solid #5e5b56;}
form fieldset legend {font-size: 12px; color: #5e5b56; text-transform: uppercase; background: #ffffff; border: 1px solid #5e5b56; padding: 5px;}
form input {width: 430px; background: white; margin-bottom: 10px; border: 1px solid #5e5b56;}
form textarea {width: 430px; background: white; margin-bottom: 10px; border: 1px solid #5e5b56;}
input#submit{width: 160px; border: 3px double #5e5b56;font-size: 18px; text-transform: uppercase; background: #ffffff; color: #5e5b56;}
label {display: block; padding-bottom: 5px;}

/* tips formatting */
span.tips li{list-style-type: disc; margin-left:15px; margin-bottom:5px; margin-right: 15px; font-size:12px;}
span.tips span.column {width: 45%; padding-right: 20px;}

/* testimonials */
span.testimonial {background-color:#ffffff; font-style:italic; margin-bottom:15px; padding:10px; border: 1px solid black;}
span.sig {text-align: right; font-style:normal;padding-top:10px;}
blockquote { quotes: "\201C" "\201D"; }

/* facebook link */
div#facebook {position: absolute; bottom: 20px; right: 20px; width: 200px; font-size: 12px; text-align: right;}
div#facebook a {display: block;}
div#facebook img {float: right; position: relative; margin-top: -5px; margin-left: 5px;}
div#facebook p {padding: none; margin-top: -10px;}