#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 */
/* Colors */
/* Blue-gray: #7292a1 */
/* Darker Blue-gray: #5c7079 */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
 
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}/* Font Stuff */

body {
	background: #fff url("../images/body-bg.png") repeat-x top;
	text-align: center;
}

a:active
{
  outline: none;
}

#main ul {
	margin: .5em 0 1.5em 0;
}
#site-map ul {
	margin: 0
}

img {
	border: 0;
}

body {
	color: #5c7079; /*#7292a1;*/
	font-family: "verdana", sans-serif;
	text-align: left;
}

a:link, a:visited {
	color: #d8a224;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h3 {
	font-size: 1.3em;
	margin: 1.5em 0 .5em 0;
}

h4 {
	font-size: 1.2em;
	margin: 1em 0 .3em 0;
}

img.right {
	float: right;
	clear: right;
	margin: 0 0 10px 10px;
}

img.left {
	float: left;
	clear: left;
	margin: 0 10px 10px 0;
} 

#main li {
	margin-left: 1.5em;
}

#main h2, #main h1, #band h2 {
	color: #5c7079;
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: -1px;
	background: transparent url("../images/h2_border.png") repeat-x bottom;
	font-weight: normal;
	margin-bottom: .5em;
}

#main h1 {
  background: none;
  font-size: 18px;
  margin: 10px 0 10px 0;
}

#band h2 {
  background: none;
  border-bottom: 1px dotted #5c7079;
}

#band h3 {
  margin: 0;
  font-size: 1em;
  font-weight: bold;
}

#band-news p {
  margin: 0 0 1.5em 0;
}

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

#main p, #main li {
	line-height: 1.4em;
}

#sidebar-left p, #sidebar-right p {
	font-size: 0.9em;
	margin: 0 0 1em 0;
}

#sidebar-left h3, #sidebar-right h3 {
	font-size: 1em;
	margin: 0;
	font-weight: bold;
}

#testimonials blockquote {
	padding-left: 25px;
	background: url("/images/quote.png") no-repeat left top;
        margin-top: 2em;
}

#testimonials blockquote p {
	font-family: Georgia, serif;
	margin-bottom: 2px;
	font-size: 1.1em;
}

#testimonials li {
	list-style-type: square;
	list-style-position: inside;
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	text-align: right;
}

#references pre, #references code {
	font-size: 1em;
	font-family: "lucida grande", "helvetica", "arial", sans-serif;
}
#references pre {
	margin: 1em 0 0 0;
}

ul.bare li {
	list-style: none;
}

#main p.date {
	margin: 0 0;
	font-size: 0.9em;
	color: #999;
}

span.date {
	font-size: 0.9em;
	color: #666;
}

td.logo {
	text-align: right;
	vertical-align: middle;
	padding: 10px 0;
}

td.assoc {
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
}

.photobooth-formats {
	margin: 1em 0;
	border: 0;
}
.photobooth-formats td {
	padding: 10px;
	border: 0;
	vertical-align: top;
}

#main .tabs {
	margin: 2em 0;
	border-bottom: 1px solid #445160;
}
#main .tabs li {
	margin: 0 10px 0 0;
	float: left;
	list-style: none;
	line-height: 1;
}
#main .tabs li.first {
	margin-left: 5px;
}
#main .tabs li a {
	display: block;
	float: left;
	padding: 7px 7px 5px 7px;
	background-color: #dfe5e7;
	color: #445160;
	font-weight: bold;
}
#main .tabs li a:hover {
	color: #d8a224;
	text-decoration: none;
}
#main .tabs li a.active {
	background-color: #708e9d;
	color: #fff;
}

#package-comparison table, #package-addons table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
#package-comparison th, #package-comparison td, #package-addons th, #package-addons td {
	padding: 5px;
	border: 1px solid #ddd;
	font-size: 11px;
	text-align: left;
}
#package-comparison th {
	text-align: left;
	font-weight: normal;
}
#package-comparison td {
	text-align: center;
}
#package-comparison tr.packages th {
	font-weight: bold;
	text-align: center;
	background-color: #f9e8b4;
	font-size: 12px;
}
#package-comparison tr.packages th a {
	color: #5c7079;
	text-decoration: none;
}
#package-comparison tr.packages th a:hover {
	text-decoration: underline;
}
#package-comparison tr.pricing th, #package-comparison tr.pricing td {
	font-weight: bold;
}

.footnote {
	font-size: 11px;
	color: #aaa;
	margin: 4px 0;
}
#package-addons {
	margin: 2em 0 1em 0;
}
#package-addons th, #package-addons td {
	font-size: 12px;
}
#package-addons th {
	font-weight: bold;
	background-color: #f9e8b4;
}

#twitter-updates {
	margin: 2em 0 0 0;
}

#twitter-title {
	width: 400px;
	height: 58px;
	background: transparent url("/images/follow-joe-on-twitter.png") no-repeat left top;
	text-indent: -9000px;
	margin: 0 0 1em 0;
	padding: 0;
}

#twitter-title a {
	display: block;
	width: 100%;
	height: 100%;
}

#twitter-updates ul {
	margin: 0;
	width: 390px;
	padding: 0 5px;
}

#twitter-updates li {
	list-style: none;
	margin: 1em 0;
	font-size: 1.1em;
}

#payment-form .form-control {
	margin: 1em 0;
	clear: both;
}

#payment-form .error-container {
	clear: both;
}

#payment-form .form-control label {
	display: block;
	float: left;
	width: 130px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	padding: 7px 0;
}

#payment-form .form-control div.input {
	width: 250px;
	border: 2px solid #aaaaaa;
	float: left;
	margin-right: 5px;
	padding: 5px;
	white-space: nowrap;
	overflow: hidden;
}

#payment-form .form-control p.tip {
	clear: both;
	margin-left: 147px;
	font-size: 10px;
	line-height: 1;
	color: #aaaaaa;
	white-space: nowrap;
}

#payment-form .form-control input {
	border: 0;
	background-color: transparent;
	padding: 0;
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px !important;
	color: #666;
	font-family: inherit;
}

#payment-form .form-control .nested {
	line-height: 1;
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

#payment-form .form-submit {
	margin-left: 140px;
}

#main .feedburnerFeedBlock ul {
  margin: 0 0;
}

#main .feedburnerFeedBlock ul li {
  list-style: none;
  margin: 0;
}

#main .feedburnerFeedBlock .headline {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 12px 0 8px 0;
}

#main .feedburnerFeedBlock p {
  margin: 5px 0;
}

#main .feedburnerFeedBlock #creditfooter {
  display: none;
}