html {
	width: 100%; height: 100%;
}

body {
	width: 100%; height: 100%;
	margin: 0px;
	position: relative;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #414042;
	background: #fbfbf8;
}

form { margin: 0px; padding: 0px; }


/** START - Social media icons **/
div.container-width ul.socialmedia {
	position: absolute;
	left: 385px;
	top: 31px;
}

ul.socialmedia {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	ul.socialmedia li {
		float: left;
		margin-right: 4px;
		list-style-type: none;
	}
		ul.socialmedia li a {
			display: block;
			width: 24px;
			height: 24px;
			background: url("images/socialmedia-sprite.png") no-repeat;
		}
		ul.socialmedia li a.facebook {
			background-position: 0 0;
		}
			ul.socialmedia li a.facebook:hover {
				background-position: 0 -24px;
			}
		ul.socialmedia li a.twitter {
			background-position: -24px 0;
		}
			ul.socialmedia li a.twitter:hover {
				background-position: -24px -24px;
			}
		ul.socialmedia li a.linkedin {
			background-position: -48px 0;
		}
			ul.socialmedia li a.linkedin:hover {
				background-position: -48px -24px;
			}


/** START - Framework for the main table that takes up the whole page **/
table.pageframe {
	width: 100%; height: 100%;
	font-family: arial, sans-serif;
	font-size: 11px;
}
table.pageframe td.menu {
	color: #000000;
	background: #fbfbf8;
	height: 56px;
	vertical-align: top;
}
table.pageframe td.row,
table.pageframe td.row-footer-links {
	color: #000000;
	background: #fbfbf8 url(images/page-shadow-top-repeatx.gif) top repeat-x;
	width: 100%;
	vertical-align: top;
	padding: 14px 0px 11px 0px;
	position: relative;
}
table.pageframe td.row-footer-links {
	padding: 14px 0px 0px 0px;
}
table.pageframe td.nopadding { padding: 0px; }
table.pageframe td.left-adjust { padding-left: 5px; }
table.pageframe td.left-adjust div.container-width { width: 835px; }
table.pageframe td.djservices { height: 300px; }

table.pageframe td.left-shadow {
	color: #000000;
	background: #fbfbf8 url(images/page-shadow-left-repeaty.gif) left repeat-y;
	width: 25px;
	vertical-align: top;
}
table.pageframe td.right-shadow {
	color: #000000;
	background: #fbfbf8 url(images/page-shadow-right-repeaty.gif) right repeat-y;
	width: 25px;
	vertical-align: top;
}
table.pageframe td.footer-left-shadow {
	color: #000000;
	background: #fbfbf8 url(images/footer-shadow-left-repeaty.gif) left repeat-y;
	height: 100%;
	vertical-align: top;
}
table.pageframe td.footer-right-shadow {
	color: #000000;
	background: #fbfbf8 url(images/footer-shadow-right-repeaty.gif) right repeat-y;
	height: 100%;
	vertical-align: top;
}
table.pageframe td.footer {
	color: #000000;
	background: #fc7200 url(images/footer-shadow-top-repeatx.gif) repeat-x top;
	width: 100%; height: 100%;
	vertical-align: top;
}
/** END - Framework for the main table that takes up the whole page **/






/** START - IDs for the main menu links in the head of each page **/
#menu-home			{ position: absolute; left: 0px; top: 0px; }
#menu-djservices	{ position: absolute; left: 50px; top: 0px; }
#menu-groove		{ position: absolute; left: 136px; top: 0px; }
#menu-productions	{ position: absolute; right: 0px; top: 0px; }
#menu-rentals		{ position: absolute; left: 97px; top: 14px; }
#menu-gallery		{ position: absolute; left: 164px; top: 14px; }
#menu-contact		{ position: absolute; right: 0px; top: 14px; }
/** START - IDs for the main menu links in the head of each page **/





/** START - IDs for the text footer links at the bottom of each page **/
a#footer-home			{ position: absolute; left: 0px; top: 2px; }
a#footer-djservices		{ position: absolute; left: 90px; top: 2px; }
a#footer-groove			{ position: absolute; left: 217px; top: 2px; }
a#footer-productions	{ position: absolute; left: 381px; top: 2px; }
a#footer-rentals		{ position: absolute; left: 516px; top: 2px; }
a#footer-gallery		{ position: absolute; left: 623px; top: 2px; }
a#footer-contact		{ position: absolute; right: 0px; top: 2px; }
/** END - IDs for the text footer links at the bottom of each page **/



a#subnav-corporate { position: absolute; right: 216px; bottom: 0px; }
a#subnav-weddings { position: absolute; right: 127px; bottom: 0px; }
a#subnav-schooldances { position: absolute; right: 0px; bottom: 0px; }




/** START - General containers and classes used on every page **/
div.container-newscrawl-position {
	position: absolute;
	right: 0px; top: 66px;
	width: 455px; height: 20px;
	background: #fbfbf8 url(images/newscrawl-bg.gif) no-repeat;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #58595b;
}
div.container-newscrawl {
	padding: 4px 0px 0px 79px;
}
div.container-hometext {
	background: url(images/home-blurb-bg.gif) no-repeat top left;
	height: 308px;
}
div.container-hometext p {
	position: absolute;
	left: 0px; top: 176px;
	margin: 0px;
	width: 439px;
	text-align: justify;
	line-height: 18px;
	color: #414042;
}
img#home-image { position: absolute; right: 0px; top: 18px; }


div.container-checkavailability {
	position: absolute;
	right: 0px; top: 7px;
	width: 319px;
	line-height: 15px;
	text-align: justify;
}
div.container-checkavailability select {
	border-top: 2px solid #969696;
	border-left: 2px solid #969696;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	background: #fbfbf8;
	font-size: 12px;
	color: #414042;
	margin-bottom: 6px;
}


div.container-galacticgroove {
	width: 835px; height: 408px;
	position: relative;
	margin-top: 6px;
}
div.container-galacticgroove img.title { margin-bottom: 6px; }
div.container-galacticgroove img#btn-visitforums { position: absolute; left: 234px; top: 0px; }
div.container-galacticgroove img.mainimage { position: absolute; right: 0px; top: 0px; }
div.container-galacticgroove div.container-text {
	position: absolute;
	left: 0px; top: 30px;
	width: 194px;
	text-align: justify;
}
div.container-galacticgroove div.container-listenlive {
	background: url(images/listenlive-bg.jpg) no-repeat;
	position: absolute;
	left: 0px; top: 207px;
	width: 387px; height: 205px;
}
div.container-listenlive .btn-high {
	position: absolute; left: 32px; top: 120px;
}
div.container-listenlive .btn-low {
	position: absolute; left: 122px; top: 120px;
}




div.container-productions {
	width: 835px; height: 398px;
	position: relative;
	margin-top: 6px;
	margin-bottom: 10px;
}
div.container-productions img.mainimage { position: absolute; right: 0px; top: 0px; }
div.container-productions img.bottomimage { position: absolute; left: 0px; bottom: 0px; }
div.container-productions div.container-text {
	position: absolute;
	left: 0px; top: 20px;
	width: 234px;
	text-align: justify;
}






div.container-photogallery {
	width: 835px; height: 398px;
	position: relative;
	margin-top: 6px;
	margin-bottom: 10px;
}
div.container-photogallery img.title { position: absolute; left: 0px; top: 0px; }
div.container-photogallery .btn-click-schooldances { position: absolute; left: 0px; top: 74px; }
div.container-photogallery img.enlarge { position: absolute; left: -1px; top: 152px; }
div.container-photogallery table.thumbnails {
	position: absolute; left: 0px; top: 175px;
}

div.container-photogallery table.thumbnails td { padding: 0px 10px 10px 0px; }
div.container-photogallery table.thumbnails td.column-right { padding: 0px 0px 10px 0px; }

div.container-photogallery div.container-mainimage {
	width: 536px; height: 398px;
	position: absolute;
	right: 0px; top: 0px;
}
div.container-photogallery div.container-mainimage div.mainimage {
	position: relative;
}
div#photo-angled-notch {
	position: absolute;
	right: 0px; bottom: 0px;
}


div.container-rentals {
	width: 835px; height: 398px;
	position: relative;
	margin-top: 6px;
	margin-bottom: 20px;
}
div.container-rentals div.categories {
	width: 192px;
}
div.container-rentals img.spacer { height: 10px; display: block; }

table.rental-data {
	position: absolute; left: 192px; top: 0px;
	width: 328px;
	font-size: 11px;
}
table.rental-data td.title { padding-bottom: 8px; }
table.rental-data td.item { 
	background: url(images/rentals/rental-bullet-square.gif) no-repeat left center;
	padding-left: 10px;
	padding-bottom: 3px;
	width: 290px;
}
table.rental-data td.item span.extra { position: absolute; left: 210px; }
table.rental-data td.dollar { padding-bottom: 3px; }
table.rental-data td.amount { padding-bottom: 3px; text-align: right; }
div.container-rentals div.container-right {
	position: absolute;
	right: 0px; top: 0px;
	width: 293px; height: 100%;
}
div.container-rentals div.container-right img.mainimage { margin-bottom: 12px; }
div.container-rentals div.container-right img.title { margin-bottom: 8px; }
div.container-rentals div.container-right div.list {
	background: url(images/rentals/rental-bullet-square.gif) no-repeat left center;
	padding-left: 8px;
	color: #414042;
	padding-bottom: 1px;
}




table.contact {
	margin-top: 6px;
	width: 840px; height: 100%;
	background: #fbfbf8 url(images/contact-column-bg.gif) no-repeat top left;
	padding-bottom: 40px;
}
table.contact div.link-wrapper { padding-bottom: 12px; position: relative; }
table.contact div.link-wrapper span {
	position: absolute; left: 72px; top: 0px;
	margin: 0px; padding: 0px;
	padding-left: 10px;
	background: url(images/bullet-square.gif) no-repeat left center;
}
table.contact div.link-wrapper a,
table.contact div.link-wrapper a:link,
table.contact div.link-wrapper a:visited,
table.contact div.link-wrapper a:hover {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #414042;
	text-decoration: none;
}
table.contact div.link-wrapper a:hover {
	color: #b82025;
}
table.contact td.title { padding-bottom: 18px; }


div.container-home {
	position: relative;
	width: 840px;
}
div.container-width {
	position: relative;
	width: 840px;
}
div.container-menu-position {
	position: absolute;
	right: 0px; top: 31px;
}
div.container-menu {
	position: relative;
	width: 347px; height: 26px;
}

div.container-copyright {
	height: 25px;
	display: block;
	color: #a7a9ac;
	position: relative;
}
div.container-copyright .text { position: absolute; left: 0px; top: 5px; }
div.container-copyright .didlogo { position: absolute; right: 0px; top: 0px; }

* html div.footer-links {
	height: 18px;
	he\ight: 20px;
}

div.footer-links {
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #bfbfbd;
	border-bottom: 1px solid #bfbfbd;
	height: 18px;
	display: block;
	position: relative;
}
div.footer-links a,
div.footer-links a:link,
div.footer-links a:visited,
div.footer-links a:hover {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4d4d4f;
	text-decoration: none;
}
div.footer-links a:hover {
	color: #b81d1c;
}
/** END - General containers used on every page **/



table.djservices-content {
	width: 835px;
	font-size: 11px;
	text-align: justify;
	padding-bottom: 20px;
}
table.djservices-content td.column-main {
	width: 194px;
	vertical-align: top;
}
table.djservices-content td.column {
	padding-left: 20px;
	width: 194px;
	vertical-align: top;
}
table.djservices-content td.column-studentdances {
	padding-left: 20px;
	width: 301px;
	vertical-align: top;
}
table.djservices-content td.column-presentation {
	width: 100%;
	padding-left: 20px;
	vertical-align: bottom;
}
table.djservices-content img.subtitle { margin-bottom: 5px; }