#page, .container {
  width: 782px;
  margin: 0 auto;
  text-align: left;
}

#header {
  position: relative; z-index: 1; /* Keep header/menus in front of marquee */
  height: 50px;
  padding: 25px 0 10px 0;
  color: #fff;
}

#marquee {
  position: relative;
  z-index: 0; /* Keep marquee behind header/menus */
  height: 268px;
  background: #f9c531 url("../images/marquee-bg.png") no-repeat top left;
  color: #fff;
}

.man #marquee {
  background-image: url("../images/marquee-bg-man.png");
}

#marquee p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.25em;
  margin: 1em 0 1em 30px;
}

#marquee #welcome-marquee p {
  margin: 0 0 15px 0;
  font-size: 15px;
}
#marquee a {
  color: #fff;
  text-decoration: underline;
}

#marquee-inner {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 450px;
  height: 205px;
}

#marquee-inner td {
  vertical-align: middle;
}

#marquee #welcome-marquee p#marquee-button {
  font-family:  Verdana, sans-serif;
  font-size: 11px;
  margin: 0;
}

#marquee-button a {
  display: block;
  float: left;
  height: 29px;
  padding-right: 13px;
  background: #445262 url("../images/marquee-button-right.png") no-repeat right top;
  text-decoration: none;
  border: none;
}
#marquee-button span {
  display: block;
  float: left;
  height: 29px;
  padding-left: 47px;
  background: transparent url("../images/marquee-button-left.png") no-repeat left top;
  line-height: 29px;
  font-size: 11px;
}

#marquee blockquote {
  padding-left: 30px;
  background: url("../images/lyric-note-1.png") no-repeat top left;
}

#marquee blockquote p {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 0px;
        margin-left: 0;
}

#marquee blockquote li {
  list-style-type: square;
  list-style-position: inside;
  font-size: 0.9em;
  text-align: right;
}

#main {
  position: relative;
  top: -34px;
}

#content {
  float: left;
  margin-bottom: -34px;
}

.awards {
  margin: 1em 0;
  text-align: center;
}

.awards img {
  vertical-align: middle;
  margin: 0 15px;
}

.three-column {
  width: 437px;
}

.main-column {
  width: 470px;
  float: left;
  margin-left: 15px;
}

.main-column p {
  text-align: justify;
}

.two-column {
  width: 557px;
}

.one-column {
  width: 782px;
}

.two-column-left {
  width: 662px;
}

#sidebar-left {
  float: left;
  width: 225px;
}

#sidebar-right {
  width: 240px;
  float: right;
  margin-right: 15px;
  margin-top: 40px;
}

#band {
  border-top: 2px solid #698e9e;
  background-color: #dee2e6;
  padding: 15px 0;
}

#band p {
  margin: 0 0 1em 0;
}

#band-contact {
  width:205px;
  float: left;
  margin-left: 15px;
  margin-right: 20px;
}

#band-news {
  width: 245px;
  float: left;
}

#band-social {
  width: 240px;
  margin-right: 15px;
  float: right;
}

#badges a {
  display: block;
  float: left;
  margin: 0 20px 20px 0;
}

#badges a.odd {
  margin-left: 20px;
}

#badges a img {
  border: 0;
}

#footer {
  border-top: 2px solid #698e9e;
  padding-top: 7px;
  padding-bottom: 7px;
}
#footer p {
  font-size: 0.85em;
  text-align: center;
  margin: 7px 0;
}
#footer .footer-nav {
  float: right;
}

.contentpad {
  padding: 0 10px 20px 10px;
}

.one-column .contentpad {
  padding: 0;
}

.block {
  margin-bottom: 1.5em;
}

#logo {
  width: 170px;
  height: 50px;
  float: left;
  background: transparent url("../images/logo.png") no-repeat top left;
  overflow: hidden;
}

#logo a {
  display: block;
  width: 170px;
  height: 50px;
  text-indent: -9999px;
}

#nav {
  position: relative;
  height: 50px;
  margin-left: 170px;
}

#mainmenu {
  position: absolute;
  bottom: 0;
  right: 0;
}

#mainmenu li {
  line-height: 19px;
  border-left: 1px solid #ffcc33;
}

#mainmenu li.first {
  border: none;
}

#mainmenu a {
  display: block;
  color: #fff;
  padding: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 19px;
  height: 19px;
  text-indent: -9999px;
  background-position: top center;
  background-repeat: no-repeat;
}

#mainmenu li.last a {
  padding-right: 0;
}

#mainmenu a:hover, #mainmenu a.current  {
  background-position: center -19px;
  color: #ffcc33;
}

#mainmenu li ul {
  position:absolute;
  left: -9999px;
  background-color: #6f8e9d;
  padding-top: 10px;
}

#mainmenu li.hover ul {
  left: auto;
}

#mainmenu li ul li {
  float: none;
  border: none;
  width: 13em;
  /*border-right: 2px solid #445262;*/
  line-height: normal;
  height: auto;
  padding: 0 3px 3px 3px;
}

#mainmenu li ul a {
  text-indent: 0;
  text-transform: none;
  line-height: 1.2em;
  height: auto;
  background-color: #849fac;
  padding: 3px;
}
#mainmenu li ul a:hover {
  text-decoration: underline;
}

#menu-dj-services {
  width: 51px;
  background-image: url("../images/menu-dj-services.png");
}
#menu-our-staff {
  width: 59px;
  background-image: url("../images/menu-our-staff.png");
}
#menu-planningtools {
  width: 97px;
  background-image: url("../images/menu-planning.png");
}
#menu-clients {
  width: 45px;
  background-image: url("../images/menu-clients.png");
}

#menu-resume {
  width: 44px;
  background-image: url("../images/menu-resume.png");
}
#menu-about-us {
  width: 55px;
  background-image: url("../images/menu-about-us.png");
}
#menu-contact-us {
  width: 69px;
  background-image: url("../images/menu-contact-us.png");
}
#menu-blog {
  width: 63px;
  background-image: url("../images/menu-blog.png");
}

.horizontal-menu li {
  float: left;
  list-style: none;
}

#main .button {
  color: #fff;
  /*background-color: #445262;*/
  width: 118px;
  height: 65px;
}

#main .button a {
  text-decoration: none;
}

#main h2 #spacer {
  display: block;
  width: 195px;
  height: 18px;
  float: right;
}

a.link-w-play {
  display: block;
  line-height: 19px;
  padding-left: 24px;
  font-size: 1.1em;
  font-weight: bold;
  background: url("../images/play-rollover-button.png") no-repeat left top;
}

a.link-w-play:hover {
  background-position: -800px 0;
  background-repeat: no-repeat;
}

#feature-box {
  background: #f7c430 url("../images/feature-box-bot.png") no-repeat left bottom;
  padding-bottom: 22px;
}

#feature-box div {
  background: url("../images/feature-box-top.png") no-repeat left top;
  padding: 20px 20px 0 20px;
  color: #fff;
}

#feature-box div div {
  background: none;
  padding: 0;
}

#feature-box h3 {
  color: #fff;
  background: url("../images/h2_border.png") repeat-x left bottom;
  margin: 0 0 .5em 0;
}

.dj-block {
  width: 260px;
  margin: 1.5em 0;
  text-align: center;
  float: left;
}


.dj .photo {
  float: left;
  margin-right: 15px;
}

.dj-block h3 {
  text-align: center;
  margin: 0.1em 0 0 0.2em;
}

.dj .text {
  float: left;
  width: 427px;
}

#feature-box div.dj div.text {
  width: 287px;
}

#feature-box div.dj div.photo {
  padding-right: 10px;
}

#service-tiles {
  clear: both;
  margin: 1em 0;
  padding: 0;
}

#service-tiles .service-tile {
  float: left;
  list-style: none;
  margin: 0 16px 16px 0;
  padding: 0;
}
#service-tiles .first {
  clear: left;
}
#service-tiles .last {
  margin-right: 0;
}

#service-tiles .service-tile a {
  display: block;
  width: 250px;
  height: 60px;
  text-align: center;
  background: #e0ab28 url("/images/service_tiles.png") no-repeat left top;
  color: #fff;
  text-indent: -9000px;
  overflow: hidden;
}
#service-tiles a#reception-tile {
  background-position: 0 0;
}
#service-tiles a#reception-tile:hover {
  background-position: 0 -60px;
}
#service-tiles a#ceremony-tile {
  background-position: -250px 0;
}
#service-tiles a#ceremony-tile:hover {
  background-position: -250px -60px;
}
#service-tiles a#school-tile {
  background-position: -500px 0;
}
#service-tiles a#school-tile:hover {
  background-position: -500px -60px;
}

#service-tiles a#corporate-tile {
  background-position: 0 -120px;
}
#service-tiles a#corporate-tile:hover {
  background-position: 0 -180px;
}
#service-tiles a#karaoke-tile {
  background-position: -250px -120px;
}
#service-tiles a#karaoke-tile:hover {
  background-position: -250px -180px;
}
#service-tiles a#mitzvah-tile {
  background-position: -500px -120px;
}
#service-tiles a#mitzvah-tile:hover {
  background-position: -500px -180px;
}

#service-tiles a#private-tile {
  background-position: 0 -240px;
}
#service-tiles a#private-tile:hover {
  background-position: 0 -300px;
}
#service-tiles a#videography-tile {
  background-position: -250px -240px;
}
#service-tiles a#videography-tile:hover {
  background-position: -250px -300px;
}
#service-tiles a#photobooth-tile {
  background-position: -500px -240px;
}
#service-tiles a#photobooth-tile:hover {
  background-position: -500px -300px;
}

#logos {}

#logos .logo {
  display: block;
  float: left;
  margin-bottom: 10px;
}

#logos .odd {
  margin-right: 20px;
}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */