body {
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: 0.80em;
  color:#FFF;
  background-color:#333;
}

#containerToCenter {
width: 1200px;
position: absolute;
left: 50%;
margin-left: -600px;
}

.footerlinks {font-size:0.80em;}

#background {
  position: absolute;
  left: +0px;
  top: +0px;
  width: 1200px;
  height: 800px;
  z-index: 1;
}

#lines {
	position: absolute;
	left: -1px;
	top: 760px;
	width: 1200px;
	height: 2px;
	z-index: 2;
}

#copyright {
	position: absolute;
	left: 950px;
	top: 775px;
	width: 240px;
	height: 12px;
	z-index: 3;
}

#credit {
	position: absolute;
	left: 19px;
	top: 770px;
	width: 256px;
	height: 12px;
	z-index: 4;
}

#nav {
	position: absolute;
	left: 455px;
	top: 610px;
	width: 290px;
	height: 12px;
	z-index: 5;
}

#picksite {
	position: absolute;
	left: 500px;
	top: 585px;
	width: 200px;
	height: 12px;
	z-index: 6;
  }

#join {
	position: absolute;
	left: 895px;
	top: 677px;
	width: 292px;
	height: 21px;
	z-index: 10;
}

#martini {
	position: absolute;
	left: 54px;
	top: 87px;
	width: 154px;
	height: 123px;
	z-index: 13;
}

#clubs {
	position: absolute;
	left: 180px;
	top: 111px;
	width: 124px;
	height: 75px;
	z-index: 14;
}

#wedding-bands {
	position: absolute;
	left: 1040px;
	top: 50px;
	width: 120px;
	height: 89px;
	z-index: 15;
}

#weddings {
	position: absolute;
	left: 887px;
	top: 110px;
	width: 287px;
	height: 125px;
	z-index: 16;
}

#logo {
	position: absolute;
	left: 375px;
	top: 25px;
	width: 425px;
	height: 175px;
	z-index: 17;
}

#slogan {
	position: absolute;
	left: 387px;
	top: 8px;
	width: 400px;
	height: 215px;
	z-index: 17;
}

a {
  cursor: pointer;
  outline: none;
}
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover {
  color: #882345;
  text-decoration: underline;
}

/* SUB PAGES */

#subback {
  position: absolute;
  left: +0px;
  top: +0px;
  width: 1200px;
  height: 800px;
  z-index: 1;
}

#subpage-nav {
  position: absolute;
  left: 370px;
  top: 172px;
  width: 320px;
  height: 13px;
  z-index: 2;
}

#subpage-subscribe {
  position: absolute;
  left: 895px;
  top: 160px;
  width: 305px;
  height: 20px;
  z-index: 2;
}

#facebook-feed {
  position: absolute;
  left: 30px;
  top: 425px;
  width: 250px;
  height: 340px;
  z-index: 3;
}

#sub-body {
  position: absolute;
  left: 327px;
  top: 203px;
  width: 805px;
  height: 570px;
  z-index: 4;
}

#gallery-body {
  position: absolute;
  left: 325px;
  top: 200px;
  width: 875px;
  height: 570px;
  z-index: 4;
}

#club-wed {
  position: absolute;
  left: 350px;
  top: 203px;
  width: 555px;
  height: 570px;
  z-index: 4;
}

#sub-body-music {
  position: absolute;
  left: 320px;
  top: 203px;
  width: 875px;
  height: 570px;
  overflow-x:hidden;overflow-y:auto;
  z-index: 4;
}

#sub-body-calendar {
  position: absolute;
  left: 320px;
  top: 200px;
  width: 875px;
  height: 570px;
  overflow-x:hidden;overflow-y:auto;
  z-index: 4;
}

#band-head-pic {
  position: absolute;
  left: 695px;
  top: 20px;
  width: 500px;
  height: 130px;
  z-index: 5;
}

#wedding-bands-sub {
  position: absolute;
  left: 590px;
  top: 20px;
  width: 80px;
  height: 63px;
  z-index: 6;
}

#weddings-sub {
  position: absolute;
  left: 508px;
  top: 62px;
  width: 150px;
  height: 60px;
  z-index: 7;
}

#martini-glass-sub {
  position: absolute;
  left: 335px;
  top: 55px;
  width: 87px;
  height: 76px;
  z-index: 8;
}

#clubs-sub {
  position: absolute;
  left: 419px;
  top: 66px;
  width: 56px;
  height: 34px;
  z-index: 9;
}

#calendar {
  position: absolute;
  left: 30px;
  top: 190px;
  width: 250px;
  height: 202px;
  z-index: 10;
}

#sub-logo {
  position: absolute;
  left: 25px;
  top: 20px;
  width: 235px;
  height: 86px;
  z-index: 11;
}

#mp3player {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 25px;
  height: 25px;
  z-index: 99;
}

/* CALENDAR */

.calendarBG {
 background-color: #000;
 width:275px;
}

.calendarBlank {
 background-color: #cc9966;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #333;
}

.calendarMonthLinks {
 font-family: Arial, Sans-serif;
 font-size: 11px;
 font-weight: bold;
 letter-spacing:	0.1em;
 text-decoration: none;
 color: #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color: #fff;
 text-decoration: none;
 background-color: transparent;
}

.calendarMonthLinks a:visited {
 color: #fff;
 text-decoration: none;
 background-color: transparent;
}

.calendarMonthLinks a:hover {
 color: #ccc;
 text-decoration: underline;
 background-color: transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #882345;
 text-align: center;
 vertical-align: middle;
}

.calendarToday {
 font-family:  Arial, Sans-serif;
 font-size: 12px;
 font-weight: bold;
 letter-spacing:	0.1em;
 text-decoration: none;
 text-align:  center;
 vertical-align: middle;
 color: #000;
 background-color: #ccc;
}

.calendarCell {
 font-family: Arial, Sans-serif;
 font-size: 12px;
 font-weight: bold;
 letter-spacing:0.1em;
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
 color: #666;
 background-color: #fff;
}

.calendarCell a {
 color: #000;
 text-decoration: underline;
 background-color: transparent;
}

.calendarCell a:visited {
 color: #000;
 text-decoration: underline;
 background-color: transparent;
}

.calendarCell a:hover {
 color: #fff;
 text-decoration: none;
 background-color: transparent;
}

/* CONTACT FORM */
label, legend { font: 1.0em Arial, sans-serif; }

h1 { margin: 10px 0 10px; font-size: 24px; color: #FFF; }
hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 650px; margin: 20px auto; padding: 15px; border: 0px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius:5px; }

/* Form style */

label { display: inline-block; float: left; height: 16px; line-height: 16px; width: 85px; font-size: 1.0em; }
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.0em Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover {background:#444;}
fieldset { padding:10px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#FFF; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 11px; color: #ff0000; } /* Select the color of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }


/* MISC */

#privacy-policy {
background-color:fff;
border:thin;
border-color:333;
width:450px;
font-size:1.0em;
}

.odd {
background: #CCC;
color:#000;
display: block; width: 500px; margin: 0px auto; padding: 2px; border: 0px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius:5px;
}

.even {
background: #FFF;
color:#000;
display: block; width: 500px; margin: 0px auto; padding: 2px; border: 0px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius:5px;
}

.odd1 {
background: #CCC;
color:#000;
display: block; width: 250px; margin: 0px auto; padding: 2px; border: 0px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius:5px;
}

.even1 {
background: #FFF;
color:#000;
display: block; width: 250px; margin: 0px auto; padding: 2px; border: 0px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius:5px;
}

a.event {
  cursor: pointer;
  outline: none;
}
a.event:link { color: #333; }
a.event:visited { color: #333; }
a.event:hover {
  color: #882345;
  text-decoration: underline;
}

#desc {
  margin-top:5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.70m;
  line-height:1.15em;
  color:#EEE;
}

 /* allow room for 3 columns */
  ul.music
  {
    width: 66em;
  }

  /* float & allow room for the widest item */
  ul.music li
  {
    float: left;
    list-style:none;
    padding-right:10px;
    font-size:0.90em;
    width: 22em;
  }

.genre
  {
    font-size:1.0em;
    text-transform:uppercase;
    font-weight:bold;
  }

  /* stop the float */
  br
  {
    clear: left;
  }

  /* separate the list from subsequent markup */
  div.wrapper
  {
    margin-bottom: 0.5em;
  }

.bio-copy {
font-size: 1.00em;
line-height: 1.35em;
width:500px;
}

#testimonials {
	position: absolute;
	left: 550px;
	top: 15px;
	width:250px;
	height: 415px;
	font-size: 1.05em;
	font-style:italic;
	line-height: 1.30em;
	padding: 12px;
	background: #999;
	color: #FFF;
	z-index: 4;
}