body {background:#f3f4f4 url(images/dj-top-slither.jpg) repeat-x; margin: 0px;padding: 0px;}

html, body {min-height: 100%;margin-bottom: 1px;}



/* holder styles */

#holder {
	width: 974px;
	text-align: left;
	margin: 0 auto 0 auto;
	height: auto;
}

#holderinside {
	width: 974px;
	text-align: left;
    background:url(images/dj-middleslither.jpg) repeat-y;
	margin: 0 auto 0 auto;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}


#innerholder {
	width: 974px;
	margin: 0 0px 0 0px;
	position: relative;   /* reference point for absolute position */
}


/* front main styles */

#header {height:288px; width: 974px; background: url(images/dj-banner-top.jpg) no-repeat;text-align: left;margin: 0 auto 0 auto;}

#headermiddle {height:366px; width: 974px; background: url(images/dj-middlebody.jpg) no-repeat;text-align: left;margin: 0 auto 0 auto;}


#left-box-front {
	float:left;
	margin-top: 32px;
	margin-left: 43px;
	width:310px;
	height: 300px;
}

#main-box-front {
	background: url(images/photo-back.jpg) no-repeat; height:327px; width: 541px;
	float:left;
	margin-top: 25px;
	margin-left: 28px;
}


#photo-front {
	height:100%; width: 490px;
	float:left;
	margin-top: 25px;
	margin-left: 24px;
}


#black-back {
	background: url(images/black.jpg) no-repeat; 
	height:135px; width: 455px;
	float:left;

}




#gray-grunge {
	background: url(images/graygrunge-back.jpg) no-repeat; 
	float:left;
	margin-top: 10px;
	margin-left: 0px;
	width:245px;
	height: 52px;
}

#gray-inside-text {
	float:left;
	margin-top: 18px;
	margin-left: 20px;
	width:220px;
	height: 20px;
}




/* top nav styles */


#top-nav {
	float:left;
	margin-top: 28px;
	margin-left: 65px;
	width:630px;
	height: 20px;
}


#top-nav-what {
	float:left;
	margin-top: 0px;
	margin-left: 11px;
	width:122px;
	height: 20px;
}

#top-nav-availability {
	float:left;
	margin-top: 0px;
	margin-left: 33px;
	width:100px;
	height: 20px;
}

#top-nav-packages {
	float:left;
	margin-top: 0px;
	margin-left: 32px;
	width:90px;
	height: 20px;
}

#top-nav-topsongs {
	float:left;
	margin-top: 0px;
	margin-left: 23px;
	width:90px;
	height: 20px;
}

#top-nav-contact {
	float:left;
	margin-top: 0px;
	margin-left: 32px;
	width:80px;
	height: 20px;
}


#bottom-nav {
	float:left;
	margin-top: 24px;
	margin-left: 238px;
	width:440px;
	height: 32px;
}




/* content styles */


#content {
	float:left;
	padding: 25px 5px 0px 15px;
	width:660px;
	height: auto;
	}
	

#left-tab {
	background: url(images/lefttab-back.jpg) no-repeat;
	float:left;
	margin: 0px 0px 0px 0px;
	width:300px;
	height: auto;
}


#left-box-in {
	float:left;
	margin-top: 20px;
	margin-left: 30px;
	width:250px;
	height: 100%;
}

#right-box-in {
	float:right;
	margin-top: 20px;
	margin-left: 10px;
	width:315px;
	height: 100%;
}

#right-box-small {
	float:right;
	margin-top: 20px;
	margin-left: 10px;
	width:220px;
	height: 100%;
}




#left-box-tabs {
	float:left;
	margin-top: 20px;
	margin-left: 0px;
	width:230px;
	height: 100%;
}





.contentheadingmed {font:bold 20px Helvetica, Arial, sans-serif;color:#000000;line-height: 25px;}
.contentheadinglarge {font:bold 30px Helvetica, Arial, sans-serif;color:#215AA8;line-height: 25px;}
.contentheadingbold {font:bold 14px Helvetica, Arial, sans-serif;color:#000000; line-height: 18px;}




/*
---------------- hover over text with block highlight
-------------------------------------------------------- */	
	

.content_text {
	font: 13px Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: left;
	line-height: 20px;
}
.content_text a:link {color: #6C0000; text-decoration: none;}
.content_text a:visited {color: #6C0000; text-decoration: none;}
.content_text a:hover, #nav a:active, #nav a:focus {background: #cccccc;text-decoration: none;}



.content_textnav {
	font: 14px Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-align: left;
	line-height: 20px;
}
.content_textnav a:link {color: #ffffff; text-decoration: none;}
.content_textnav a:visited {color: #ffffff; text-decoration: none;}
.content_textnav a:hover, #nav a:active, #nav a:focus {color: #990000;text-decoration: none;}


.content_text_front {
	font: 17px Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: left;
	line-height: 24px;
}
.content_text_front a:link {color: #000000; text-decoration: none;}
.content_text_front a:visited {color: #000000; text-decoration: none;}
.content_text_front a:hover, #nav a:active, #nav a:focus {color: #990000;text-decoration: none;}


.right-text {
	font: 14px Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-align: left;
	line-height: 20px;
}
.right-text a:link {color: #ffffff;text-decoration: none;}
.right-text a:visited {color: #ffffff;text-decoration: none;}
.right-text a:hover, #nav a:active, #nav a:focus {color: #F68E15;text-decoration: none;}


.content_textitalic {
	font: italic 13px Helvetica, Arial, sans-serif;
	color: #990000;
	text-align: left;
	line-height: 20px;
}
.content_textitalic a:link {color: #990000;text-decoration: none;}
.content_textitalic a:visited {color: #990000;text-decoration: none;}
.content_textitalic a:hover, #nav a:active, #nav a:focus {color: #000000;text-decoration: none;}



/* List Styles for Site */

iframe {float: right; margin-top: -150px;} 



/* footer styles */

#footer {background:#000000 url(images/dj-footerslither.jpg) repeat-x; height: 412px; margin: 0px auto; padding: 0px;}


#footerclear {float: right; height:60px; width: 600px; text-align: left; margin-top: 20px; margin-right:120px;}

#footerinside {background: url(images/dj-footer.jpg) no-repeat; height:412px; width: 974px; text-align: left;margin: 0 auto 0 auto; padding-top:0px;}


.footer-textform {font:normal 14px Helvetica, Arial, sans-serif; color:#ffffff;margin: 0px 0px 0px 0px;}

.footer-text {font:normal 12px Helvetica, Arial, sans-serif; color:#ffffff;margin: 0px 0px 0px 0px; line-height:17px;}
.footer-text a:link {color: #ffffff;text-decoration: none;}
.footer-text a:visited {color: #ffffff;text-decoration: none;}
.footer-text a:hover, #nav a:active, #nav a:focus {color: #990000;text-decoration: none;}

.footer-textitalic {font:italic 14px Arial, Helvetica, sans-serif; color:#6C0000;margin: 0px 0px 0px 0px; line-height:17px;}
.footer-textsmall {font: 11px Arial, Helvetica, sans-serif; color:#ffffff;margin: 0px 0px 0px 0px; line-height:17px;}
.footer-textlarge {font: 24px Helvetica, Arial, sans-serif; color:#ffffff;margin: 0px 0px 0px 0px; line-height:17px;}


.footer-textsmallgray {font: 11px Arial, Helvetica, sans-serif; color:#cccccc;margin: 0px 0px 0px 0px; line-height:17px;}
.footer-textsmallgray a:link {color: #cccccc;text-decoration: none;}
.footer-textsmallgray a:visited {color: #cccccc;text-decoration: none;}
.footer-textsmallgray a:hover, #nav a:active, #nav a:focus {color: #990000;text-decoration: none;}


#left-box-footer1 {
	float:left;
	margin-top: 20px;
	margin-left: 15px;
	width:310px;
	height: 200px;
}


#left-box-footer2 {
	float:left;
	margin-top: 20px;
	margin-left: 15px;
	width:230px;
	height: 200px;
}


#left-footer-checkout {
	background: url(images/title-musiclibrary.jpg) no-repeat;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	width:303px;
	height: 52px;
}

#left-footer-offer {
	background: url(images/title-whatweoffer.jpg) no-repeat;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	width:223px;
	height: 52px;
}


#left-footer-text {
	float:left;
	margin-top: 5px;
	margin-left: 20px;
	width:250px;
	line-height: 18px;
	height: 100%;
}

#left-footer-form {
	background: url(images/dj-form.png) no-repeat;
	float:left;
	margin-top: 30px;
	margin-left: 0px;
	width:355px;
	height: 170px;
}


#left-footer-formin {
	float:left;
	margin-top: 50px;
	margin-left: 155px;
	width:195px;
	height: 100px;
}



#left-footer-redbar {
	background: url(images/red-block.jpg) no-repeat;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	width:251px;
	height: 49px;
}






/* misc styles */

.logo {float: left; margin:11px 0px 0px 37px; }
.logoright {float: right; margin:17px 44px 0px 0px; }
.number {float: right; margin:30px 0px 10px 200px;}
#brclear {clear:both;height:0;margin:0;font-size: 1px;line-height: 0px;}



#twitter_update_list a {
color: #000000;
}

#twitter_update_list li {
list-style-type: none;
font: 10px Helvetica, Arial, sans-serif;  
}

#twitter_update_list span {
font: 12px Helvetica, Arial, sans-serif; 
color: #ffffff;
line-height: 18px;
}

#twitter_update_list span a {
display: inline;
color: #ff0000;
}

#twitter_update_list span a:link {
text-decoration: underline;
color: #ff0000;
}

#twitter_update_list span a:active {
text-decoration: underline;
color: #ff0000;
}

#twitter_update_list span a:hover {
text-decoration: underline;
color: #000000;
}




/*
---------------- GENERAL
-------------------------------------------------------- */	

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


/*
---------------- hover over text with block highlight
-------------------------------------------------------- */	
	
#main_content a {
	color: #8F2D03;
}
#main_content a:hover {
	color: #4B1B1D;
	background: #FFFFFF;
	text-decoration: none;
}


/*
---------------- SIDENAV
-------------------------------------------------------- */	
	

.sidebox ul {
	padding: 0px 0px;
	margin-bottom: 5px;
	width: 200px;
	
	}
	
.sidebox li {
	list-style: url(none) none;
	border-bottom: 1px solid #5B0000;
	background: url(images/arrow.png) no-repeat 3px;

	}
	
.sidebox h2 {
	color: #5F532A;
	font: normal 20px/28px Arial, Helvetica, sans-serif;
	letter-spacing: -0.1px;
	margin: 10px 18px 0px 18px;
	padding-bottom: 10px;
	}
	
.sidebox p {
	font: normal 13px/22px Arial, Helvetica, sans-serif;
	color: #554E31;
	padding-right: 18px;
	padding-left: 18px;
	margin-top: 10px;
	}
	
.sidebox a {
	color: #ffffff;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	padding: 3px 5px 5px 3px;
	display: block;
	text-decoration: none;
	width: 200px;
	}
	
.sidebox a:hover {
	text-decoration: none;
	background: #f5e7be url(images/bg.sidebox_ahover.jpg) repeat-y scroll center top;
	color: #FF3300;
	}
	
.sidebox {
	width: 200px;
	float: left;
	margin: 0px 5px;
	padding-bottom: 8px;
	}
	
	
	
	/*
---------------- SIDENAVINSIDE
-------------------------------------------------------- */	
	

.sideboxin ul {
	padding: 0px 0px;
	margin-bottom: 5px;
	width: 220px;
	
	}
	
.sideboxin li {
	list-style: url(none) none;
	border-bottom: 1px solid #cccccc;
	background: url(images/red-arrow-in.jpg) no-repeat 3px;

	}
	
.sideboxin h2 {
	color: #5F532A;
	font: normal 20px/28px Arial, Helvetica, sans-serif;
	letter-spacing: -0.1px;
	margin: 10px 18px 0px 18px;
	padding-bottom: 10px;
	}
	
.sideboxin p {
	font: normal 13px/22px Arial, Helvetica, sans-serif;
	color: #554E31;
	padding-right: 18px;
	padding-left: 18px;
	margin-top: 10px;
	}
	
.sideboxin a {
	color: #000000;
	font: normal 15px Arial, Helvetica, sans-serif;
	padding: 8px 5px 8px 3px;
	display: block;
	text-decoration: none;
	width: 210px;
	}
	
.sideboxin a:hover {
	text-decoration: none;
	background: #f5e7be url(images/bg.sidebox_ahover-2.jpg) repeat-y scroll center top;
	color: #990000;
	width: 210px;
	}
	
.sideboxin {
	width: 230px;
	float: left;
	margin: 0px 5px;
	padding-bottom: 8px;
	}



/* jquery innerfade style courtesy of jquery library and
	____________________________________________
		
		Gestaltung und XHTML-Programmierung
		
		+49 341 2 27 96 99
		www.medienfreunde.com
		____________________________________________ 
*/



/* Listen */

ul#portfolio li img{
	padding: 0px;
	color: #ffffff;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}


/* accordion styles */

/***********************************************
* Accordion Drop Down Menu- (c) JQuery Library/Web Designer Wall
* This notice MUST stay intact for legal use
* Visit JQuery at http://www.jquery.com
***********************************************/


.accordion2 {
	width: 449px;
	border-bottom: solid 0px #F3F4F4;
}
.accordion2 h3 {
	background: #cccccc url(images/droptab.jpg) top no-repeat;
	padding: 20px 15px;
	margin: 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color: #333333;
	border: solid 1px #F3F4F4;
	border-bottom: none;
	cursor: pointer;
}
.accordion2 h3:hover {
	background: url(images/drophover.jpg) no-repeat;
}
.accordion2 h3.active {
	background: url(images/drophover.jpg) no-repeat;
}
.accordion2 p {
	background: #ffffff;
	margin: 0;
	padding: 11px 14px 20px 15px;
	font:13px Arial, Helvetica, sans-serif;
	color: #000033;
	border-left: solid 1px #F3F4F4;
	border-right: solid 1px #F3F4F4;
	display: none;
}

.accordion3 {
	width: 449px;
}
.accordion3 h3 {
	background: #cccccc url(images/droptab.jpg) no-repeat;
	padding: 7px 15px;
	margin: 0;
	font:11px Arial, Helvetica, sans-serif;
	color: #F3F4F4;
	border: solid 1px #F3F4F4;
	border-bottom: none;
	cursor: pointer;
}
.accordion3 h3:hover {
	background: url(images/drophover.jpg) no-repeat;
}
.accordion3 h3.active {
	background-position: right 5px;
	
}
.accordion3 p {
	margin: 0;
	padding: 10px 15px 20px;
	font:10px Arial, Helvetica, sans-serif;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	display: none;
}