
/*         ABSOLUTE FUNK          */


/*          BASIC STYLES          */
/*   defaults, fonts, elements    */

* { border: 0; margin: 0; padding: 0; } /* clear browser default styles for consistency */

html { font-size: 100%; } body { font-size: 62.5%; } /* font size 10px to 1em */

body {
  background: #161616;
  width: 980px;
  margin: 0 auto;
}

h1, h2, h3, h4, h5, h6, li, span, a, strong, p, blockquote, input, textarea, td { color: #fff; font-family: "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif; font-weight: normal; }
a { color: #ccc; text-decoration: none; }

p {
  color: #ccc;
  font-size: 1.5em;
  line-height: 150%;
}

#header {
  background: url("../img/header.jpg") no-repeat;
  height: 200px;
}

#header h1 { text-indent: -99999px; }


#navigation {
  background: url("../img/navigation.jpg"); top left;
  height: 35px;
  width: 655px;
  float: left;
}

#navigation ul { padding: 10px 0 0 30px; }

#navigation li {
  color: #ccc;
  font-size: 1.5em;
  text-transform: uppercase;
  display: inline;
  padding: 0 10px 0 0;
}


#enquiry {
  background: url("../img/navigation.jpg") -675px 0px;
  height: 35px;
  width: 325px;
  float: right;
}

#enquiry p, #enquiry span { float: left; }

#enquiry p {
  color: #585858;
  font-size: 1.6em;
  padding: 9px 5px 0 35px;
}

#enquiry span {
  color: #999;
  font-size: 2.1em;
  padding: 6px 0 0 5px;
}

/* HOME */

#img-banner {
  clear: both;
  margin: 30px 0;
  height: 305px;
}


#tv { height: 490px; }

#video {
  height: 385px;
  width: 640px;
  margin: 40px 0 0 45px;
}

#tv-player {
  background: url("../img/tv.jpg");
  height: 490px;
  width: 730px;
  float: left;
}

#tv-player h2, #tv-player p { float: right; }
#tv-player h2 { text-indent: -99999px; }
#tv-player p { margin: 30px 45px 0 0; }

#tv-player a {
  background: url("../img/tv-promo.jpg") no-repeat;
  font-size: 0.9em;
  display: block;
  height: 20px;
  width: 170px;
  padding: 5px 0 0 15px;
  cursor: pointer;
}

#tv-player a:hover {
  background: url("../img/tv-promo.jpg") no-repeat 0px -25px;
}

#tv-reel {
  background: url("../img/tv-reel.jpg");
  height: 490px;
  width: 249px;
  float: right;
}

#tv-reel li {
  list-style: none;
}

#tv-reel li a {
  cursor: pointer;
  text-indent: -99999px;
}

#tv-reel li a {
  display: block;
  height: 113px;
  width: 175px;
  margin: 6px 0 0 43px;
}

#tv-reel li+li a {
  display: block;
  height: 113px;
  width: 175px;
  margin: 8px 0 0 41px;
}

#tv-reel li+li+li a {
  display: block;
  height: 113px;
  width: 175px;
  margin: 8px 0 0 40px;
}

#tv-reel li+li+li+li a {
  display: block;
  height: 113px;
  width: 175px;
  margin: 8px 0 0 39px;
}


#quote-home {
  width: 980px;
  margin: 30px 0;
  background: url("../img/home-quote-bg.jpg") no-repeat;
}

.home-quote {
  padding: 40px 20px 20px 20px;
  width: 285px;
  height: 250px;
  float: left;
  background: url("../img/home-quote.jpg") no-repeat 0px 22px; /* */
}

.home-quote blockquote {
  color: #ccc;
  font-size: 1.8em;
}

.home-quote p {
  color: #666;
  font-size: 1.5em;
  padding: 10px 0 0 0;
}


#contact { }

#enquiry-form {
  height: 320px;
  width: 640px;
  float: left;
}

#enquiry-form p {
  color: #525252;
  font-size: 1.8em;
  padding: 0 0 10px 5px;
}

#enquiry-form fieldset {
  height: 320px;
  width: 180px;
  float: left;
}

#enquiry-form fieldset + fieldset {
  height: 320px;
  width: 450px;
  float: left;
}

input[type="text"], textarea {
  color: #666;
  font-size: 1.5em;
  background: #161616;
  border: 1px solid #333;
  padding: 5px;
  margin: 5px;
}

input[type="text"] { width: 155px; }
textarea { width: 430px; height: 165px; }

input[type="text"]:focus, textarea:focus {
  border: 1px solid #1fc2c1; color: #1fc2c1;
}

input[type="text"], textarea { outline: 0; } /* clear blue glow outline on forms in safari */

input[type="text"].error { border: 1px solid #900; }
input.error { border: 1px solid #900; }
.error input { border: 1px solid #900; }
textarea.error { border: 1px solid #900; }
.error textarea { border: 1px solid #900; }

input[type="submit"] {
  color: #1fc2c1;
  font-size: 1.5em;
  background: #161616;
  border: 1px solid #1fc2c1;
  width: 165px;
  padding: 5px;
  margin: 30px 0 0 5px;
}

#contact-info {
  height: 230px;
  width: 340px;
  float: right;
}

#contact-info h2 {
  display: block;
  background: url("../img/contact-getintouch.jpg") no-repeat;
  width: 240px;
  height: 65px;
  margin: 30px 0 10px 50px;
  text-indent: -99999px;
}

#contact-info p {
  color: ccc;
  font-size: 1.5em;
  margin: 10px 10px 0 50px;
  line-height: 150%;
}

#contact-info span {
  color: #525252;
  font-size: 2.1em;
  float: right;
  margin: -23px 65px 0 0;
}

/* BAND */
#band-quote {
  background: url("../img/quote-band.jpg") no-repeat;
  height: 140px;
  width: 410px;
  margin: 20px 0 0 0;
  float: left;
}

#band-quote blockquote { text-indent: -99999px; }

#band-intro {
  height: 95px;
  width: 555px;
  float: right;
  padding: 45px 0 0 15px;
}

#who-we-are {
  background: url("../img/who-we-are.jpg") no-repeat top right;
  padding: 60px 0 20px 0;
  margin-top: 20px;
}

#what-we-do {
  background: url("../img/what-we-do.jpg") no-repeat;
}

#what-we-do ul {
  padding: 80px 0 20px 80px;
}

#what-we-do li {
  list-style: circle;
  padding: 10px 0 0 10px;
  font-size: 1.5em;
  color: #999;
}

#meet-the-band {
  background: url("../img/meet-the-band.jpg");
  height: 460px;
  margin: 20px 0 0 0;
}

#meet-the-band ul {
  padding: 0 0 0 80px;
}

#meet-the-band li {
  display: block;
  height: 460px;
  float: left;
}

#meet-the-band li a {
  display: block;
  height: 400px;
  width: 130px;
  margin: 60px 35px 0 37px;
  cursor: pointer;
}

#meet-the-band li a {
  background: url("../img/meet-joelg.gif") no-repeat 0px 300px;
}

#meet-the-band li+li a {
  background: url("../img/meet-joelh.gif") no-repeat 0px 300px;
}

#meet-the-band li+li+li a {
  background: url("../img/meet-alex.gif") no-repeat 0px 300px;
}

#meet-the-band li+li+li+li a {
  background: url("../img/meet-mark.gif") no-repeat 0px 300px;
}

#meet-the-band li a:hover {
  background-position: -120px 300px;
}

#band-bio {
  height: 240px;
  margin: 10px 0 0 0;
}

.meet-joelg-bio p, .meet-joelh-bio p, .meet-alex-bio p, .meet-mark-bio p {
  color: #666;
  font-size: 1.5em;
}

.meet-joelg-bio span, .meet-joelh-bio span, .meet-alex-bio span, .meet-mark-bio span {
  color: #ccc;
}

.meet-joelg-bio {
  background: url("../img/meet-joelg-bio.jpg");
  height: 220px;
  padding: 10px 10px 10px 125px;
}

.meet-joelh-bio {
  background: url("../img/meet-joelh-bio.jpg");
  height: 220px;
  padding: 10px 10px 10px 125px;
}

.meet-alex-bio {
  background: url("../img/meet-alex-bio.jpg");
  height: 220px;
  padding: 10px 10px 10px 125px;
}

.meet-mark-bio {
  background: url("../img/meet-mark-bio.jpg");
  height: 220px;
  padding: 10px 10px 10px 125px;
}

.bio-l {
  height: 80px;
  width: 320px;
  float: left;
  padding: 40px 0 0 0;
}

.bio-r {
  height: 80px;
  width: 520px;
  float: right;
  padding: 40px 0 0 0;
}

#locations {
  background: url("../img/locations.jpg") no-repeat;
  height: 85px;
  padding: 20px;
  margin: 30px 0 0 0;
}
.testimonial-quote {
  height: 140px;
  width: 700px;
  float: left;
  padding: 15px;
}

.testimonial-quote p + P {
  text-align: right;
  padding: 15px 0 0 0;
}

.testimonial-quote p + P span {
  color: #404040;
}

.testimonial-next {
  height: 170px;
  width: 240px;
  float: right;
}

.testimonial-next a {
  background: url("../img/testimonials-next.jpg");
  height: 35px;
  width: 110px;
  display: block;
  margin: 90px 65px 45px 65px;
}

.testimonial-next a:hover {
  background: url("../img/testimonials-next.jpg") 0px 35px;
  cursor: pointer;
}

#set-list-a {
  height: 470px;
  width: 490px;
  float: left;
}

#set-list-b {
  height: 500px;
  width: 490px;
  float: right;
}

#set-list-a ol li, #set-list-b ol li {
  color: #666;
  font-size: 1.5em;
  padding: 5px 0 0 0;
  list-style: none;
}

#set-list-a ol li span, #set-list-b ol li span { color: #ccc; }

#photo-reel {
  background: url("../img/photo-reel.jpg");
  height: 185px;
  width: 940px;
  padding: 110px 0 0 40px;
  margin: 20px 0;
}

#photo-reel li {
  list-style: none;
  display: block;
  float: left;
}

#photo-reel li a {
  display: block;
  height: 115px;
  width: 177px;
  margin: 0;
}

#photo-reel li+li a {
  display: block;
  height: 113px;
  width: 177px;
  margin: 6px 0 0 4px;
}

#photo-reel li+li+li a {
  display: block;
  height: 113px;
  width: 175px;
  margin: 8px 0 0 4px;
}

#photo-reel li+li+li+li a {
  display: block;
  height: 115px;
  width: 177px;
  margin: 11px 0 0 4px;
}

#photo-reel li+li+li+li+li a {
  display: block;
  height: 115px;
  width: 177px;
  margin: 14px 0 0 3px;
}

#endorsement-list, #distributors-list {
  margin: 20px 0;
}

#endorsement-list embed, #distributors-list embed, #endorsement-list object, #distributors-list object {
  margin-top: 10px;
}

#endorsement-list p, #distributors-list p {
  margin-top: 10px;
}

#corporate-packages h6, #wedding-packages h6, #comp-music h6, #comp-equip h6 { font-size: 1.7em; color: #fff; text-transform: uppercase; padding: 0 0 5px 0; }
#corporate-packages p, #wedding-packages p, #comp-music p, #comp-equip p { color: #999; padding: 5px 0 20px 0; }

#comp-equip, #wedding-packages { margin: 50px 0; }
/* #wedding-packages { background: url("../img/wedding-couple.jpg") no-repeat right; } */

#rep-list ol { float: left; width: 200px; list-style: none; margin: 20px; }
#rep-list ol li { width: 200px; color: #999; font-size: 1.5em; }

/* CONTACT */
#contact-links {
  background: url("../img/contact-links.jpg") no-repeat;
  height: 40px;
  padding: 110px 0 0 0;
}

#contact-links ul { list-style: none; }
#contact-links li { padding: 5px 0; }
#contact-links li a { font-size: 1.4em; text-decoration: underline; }
#contact-links li a:hover { color: #999; }

.corp-box { float: left; width: 300px; padding: 10px 12px 15px 14px; height: 150px; background: url("../img/comp-rounded.jpg") center no-repeat; } /**/
.wedding-box { float: left; width: 300px; padding: 10px 12px 15px 14px; height: 150px; background: url("../img/comp-rounded.jpg") center no-repeat; } /**/
.music-box { float: left; width: 450px; padding: 20px; height: 150px; }
.music-box1 { float: left; width: 450px; padding: 20px; height: 130px; background: url("../img/music-box1.jpg") center no-repeat; }

.team-box1 { float: left; width: 450px; padding: 20px; height: 345px; background: url("../img/team-box1.jpg") center no-repeat; }
.team-box1 li, #comp-equip li { list-style: none; font-size: 1.5em; color: #999; padding: 10px 0 0 15px; }

#front-intro { background:url("../img/intro-bg.jpg") no-repeat; padding: 20px; font-size: 1.2em; margin: 20px; }
#front-intro p { margin: 10px 10px 10px 50px; }

#building p { padding: 0 0 20px 0; }

#rep-testimonial {
	background: url("../img/testimonial-small.jpg")no-repeat; padding-top: 50px; margin: 30px 0;
}

#rep-testimonial td {
  color: #999; font-size: 1.3em; margin: 20px 0; list-style: none; padding: 20px;
}

#rep-testimonial blockquote {
  color: #666; padding: 10px 0;
}

.o { background: #000; }


#footer p {
  font-size: 1.5em;
  text-align: right;
  color: #525252;
  padding: 10px 0 30px 0;
}

.clear { clear: both; }

.error { border: 1px solid #f00; }
#enquiry-form p.error { border: 0; color: #900; padding: 0; margin: 0; }
