font {color:#8C8C8C}
a:link {color:#FFFFFF}
a:visited {color:#7D7D7D}
a:hover {color:#B42027}
a:active {color:#B42027}

/* body format */
	body
		{background-image: url("http://www.infam0usproductions.com/web/backgrounds/back1.jpg"); 
		background-attachment: fixed; }

/* table formats */
	table.mainbody 
		{text-align: center; margin-right: auto; margin-left: auto; height: 100%; width: 100%; padding: 0px; 
		border: 0px solid #ffffff; }

	table.centercolumn
		{margin-top: 10px; height: 100%; width: 100%; padding: 0px; border: 0px solid #ffffff; }

	table.logo
		{vertical-align: bottom; text-align: center; width: 100%; height: 60px; padding: 0px; 
		margin: 0px; background-color: #000000; }

	table.toplogo
		{vertical-align: bottom; text-align: center; width: 100%; height: 60px; padding: 0px; 
		margin: 0px; }

	table.centered
		{vertical-align: top; text-align: center; margin-right: auto; margin-left: auto; 
		width: 100%; padding: 0px; border: none; }		

	table.centeredown
		{vertical-align: top; text-align: center; margin-top: 10px;  margin-right: auto; margin-left: auto; 
		width: 100%; padding: 0px; border: none; }		

	table.left
		{vertical-align: top; text-align: left; margin-right: auto; margin-left: auto; 
		width: 100%; padding: 0px; border: none; }		


/* td area formats */
	td.mainbody 
		{text-align: center; margin-right: auto; margin-left: auto; height: 100%; width: 90%; 
		padding: 15px; border: 0px solid #ffffff; }

	td.header 
		{vertical-align: bottom; font-family: Arial; width: 100%; margin: 0px; padding: 0px; 
		border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}

	td.topbanner 
		{vertical-align: bottom; font-family: Arial; width: 100%; margin: 0px; padding: 0px; 
		border: none;}

	td.djhead 
		{width: 100%; text-align: center; margin: 0px; padding: 0px; border:none ;
		font-family: 'Times New Roman'; font-size: 24px; font-weight: bold; color: red; }

	td.wrapperleft
		{font-family: Arial; height: 600px; width: 20px; padding: 0; border: 0px solid #ffffff; }

	td.wrapperright
		{font-family: Arial; height: 600px; width: 20px; padding: 0; border: 0px solid #ffffff; }

	td.center
		{vertical-align: top; margin-left: auto; margin-right: auto; 
		height: 100%; width: 100%; border: none; }

	td.player
		{vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto; 
		height: 250px; width: 100%; padding: 0px; }

	td.leftbaricon 
		{vertical-align: top; border: 0px solid #ffffff; padding: 0px; }

	td.rightbaricon 
		{vertical-align: top; border: 0px solid #ffffff; padding: 0px; }

	td.thorns 
		{vertical-align: top; border: 0px solid #ffffff; padding: 0px; }

	td.rightlinks 
		{vertical-align: top; width: 130px; height: 100%; border: 1px solid #333333; padding: 0px;
		background-color: #000000; }

	td.sidebar 
		{vertical-align: top; width: 130px; border: 1px solid #333333; padding: 0px; background-color: #000000; }

	td.footer 
		{vertical-align: bottom; font-family: Arial;  font-size: 10px; height: 40px; width: 100%; height:35px; 
		padding: 10px; border: 0px solid #ffffff; }

	td.form 
		{font-family: Arial; width: 100%; border: 1px solid #000000; padding: 0px; }

	td.menu
		{position: absolute; top: 300px;  border: 0px solid #000000; padding: 20px; }		

	td.djs
		{width: 100%; height: 100px; text-align: center; margin-top: 0px; border: none; padding: 0; }		

	td.rtext
		{font-family: 'Times New Roman'; font-size: 24px; font-weight: bold; color: red; }


	td.news
		{background-color: #000000; width: 100%; vertical-align: top; font-family: Arial;  font-size: 12px; 
		border: 1px solid #333333; padding: 5px; }

	td.reviews
		{background-color: #000000; width: 50%; vertical-align: top; font-family: Arial;  font-size: 12px; 
		border: 1px solid #333333; padding: 5px; }	

	td.events
		{background-color: #000000; width: 50%; vertical-align: top; font-family: Arial;  font-size: 12px; 
		border: 1px solid #333333; padding: 5px; }	

	td.djbar
		{margin-top: 0px; height: 120px; width: 400px; border: 0px solid #ffffff; padding: 0px; }	

	td.bannertall
		{width: 130px; height: 248px; font-family: Arial; padding: 2px; border: 0px solid #ff0000; }

	td.bannersquare
		{width: 130px; height: 130px; font-family: Arial; padding: 2px; border: 0px solid #0000ff; }

/* link Formats */			
	a.linkz:hover
		{font-style: italic; text-decoration: none; }

	a.linkz
		{text-decoration: none; }
		
	a.conlinkz
		{text-decoration: none; font-family: 'Times New Roman'; font-size: 12px; 
		font-weight: bold; color: blue;}
		
	a.conlinkz:hover
		{text-decoration: none; font-family: 'Times New Roman'; 
		font-size: 12px; font-weight: bold; color: red;}

/* Image Formats */
	img.button 
		{width: 127px; height: 30px;  border: 0px; }

	img.righticon 
		{width: 100px; height: 200px; text-align: center; border: 0px solid #000000; padding: 15px; 
		margin-bottom: 0px; }

	img.lefticon 
		{width: 100px; height: 200px; text-align: center; border: 0px solid #000000; padding: 15px; 
		margin-bottom: 0px; }

	img.thorns 
		{width: 120px; height: 15px; text-align: center; border: 0px solid #000000; padding: 0px; 
		margin-bottom: 0px; }

	img.logo
		{vertical-align: bottom; text-align: center; border: 0px solid #000000; padding: 0px; }

	img.left 
		{float: left; width: 100px; border: 0px solid #000000; padding: 15px; }

	img.right 
		{float: right; width: 100px; border: 0px solid #000000; padding: 15px; }

	img.toggle:hover
		{border: 1px solid #ffffff; }

	img.toggle
		{border: 1px solid #000000; }
		
	img.noborder
		{border: 0px solid #000000; }
		
	img.imglink
		{cursor: pointer; }

/* text formats */
	.title
		{width: 100%; font-family: 'Times New Roman'; font-size: 24px; font-weight: bold; color: #BCBCBC; 
		text-align: center; }

	.submenu
		{width: 100%; font-family: 'Times New Roman'; font-size: 20px; font-weight: bold; color: #8C8C8C; 
		text-align: center; }

	.sub 
		{width: 100%; margin-left: auto; margin-right: auto; font-family: 'Times New Roman'; font-size: 16px; 
		font-weight: normal; color: #8C8C8C; }

	.info 
		{width: 100%; margin-left: auto; margin-right: auto; font-family: 'Times New Roman'; font-size: 12px; 
		font-weight: normal; font-style: italic; color: #8C8C8C; }


	.infolink
		{width: 100%; margin-left: auto; margin-right: auto; font-family: 'Times New Roman'; font-size: 10px; 
		font-weight: normal;  color: #B42027; }
		
	b.toggle 
		{width: 100%; margin-left: auto; margin-right: auto; font-family: 'Times New Roman'; font-size: 14px; 
		font-weight: normal; color: #8C8C8C; cursor: pointer; }
		
	b.toggle:hover
		{width: 100%; margin-left: auto; margin-right: auto; font-family: 'Times New Roman'; font-size: 14px; 
		font-weight: normal; color: red; cursor: pointer; }

	b.catagory {color: white; }

/* div stuff */

div.djbar1 {margin-top: 0px; margin-left: auto; margin-right: auto; text-align: center; width: 310px; height: 100px;
	border: none; padding: 0px; }

div.djbar2 {margin-top: 0px; margin-left: auto; margin-right: auto; text-align: center; width: 510px; height: 100px;
	border: none; padding: 0px; }
	
div.djs {margin-top: 0px; height: 100px; width: 100px; margin: 0; padding: 0px; border: none; }

div.djtitle {width: 100%; height: 100%; text-align: center; float: left; }

div.body {width: 600px; border: 1px solid #333333; background-color: black; padding: 15px; }

div.staff {width: 99%; border: 0px solid #333333; float: left; padding: 1px;
	background-color: black; border: 1px solid #333333; }
	
div.titlebar {width: 100%; height: 32px; border: 0px solid #333333; float: left; 
	margin-bottom: 25px; }

div.titlehoard {width: 100%; height: 32px; border: 1px solid #333333; float: left; 
	margin-bottom: 5px; background-color: black; }
	
div.leftprof {width: 110px; text-align: center; float: left; margin-top: 10px; margin-left: 10px;}
	
div.rightprof {width: 70%; text-align: justify; border: 1px solid #333333; margin-bottom: 20px;
							 padding: 4px; background-color: black; float: left; margin-top: 10px; }	

div.contact {width: 99%; border-left: 1px solid #333333;	border-right: 1px solid #333333; background-color: black; 
				float: left; text-align: left; padding: 1px; text-decoration: none; 
				font-family: 'Times New Roman'; font-size: 12px; 
				font-weight: bold; color: white;}

div.topPL {width: 99%; text-align: center; background-color: black; padding: 1px;
				float: left; font-family: 'Times New Roman'; font-size: 12px; 
				font-weight: normal; color: #8C8C8C; cursor: pointer;
				border-top: 1px solid #333333;	 border-left: 1px solid #333333;
				border-right: 1px solid #333333; }

div.topPL:hover {width: 99%;	text-align: center; background-color: black; padding: 1px;
				float: left; font-family: 'Times New Roman'; font-size: 12px; 
				font-weight: normal; color: red;
				border-top: 1px solid #333333;	 border-left: 1px solid #333333;
				border-right: 1px solid #333333; }

div.bottomPL {width: 99%; text-align: center; margin-bottom: 25px; 
				background-color: black; padding: 1px;
				float: left; font-family: 'Times New Roman'; font-size: 12px; 
				font-weight: normal; color: #8C8C8C; cursor: pointer;
				border-bottom: 1px solid #333333;	 border-left: 1px solid #333333;
				border-right: 1px solid #333333; }

div.bottomPL:hover {width: 99%; text-align: center; margin-bottom: 25px; background-color: black; 
				float: left; font-family: 'Times New Roman'; font-size: 12px; 
				font-weight: normal; color: red; padding: 1px;
				border-bottom: 1px solid #333333;	 border-left: 1px solid #333333;
				border-right: 1px solid #333333;}
				
div.scroll {height: 700px; overflow: auto; }

div.center {text-align: center; }

#news div {width: 100%; text-align: left; background-color: black; border: 1px solid #333333; padding: 2px; 
		float: left; }

#events div {width: 100%; text-align: left; background-color: black; border: 1px solid #333333; padding: 2px; 
		float: left; }

#reviews div {width: 100%; text-align: left; background-color: black; border: 1px solid #333333; padding: 2px; 
		float: left; }

/* mouse over stuff */
div.menu {height: 180px; width: 127px; margin: 0; padding: 0; border: none; margin-left: auto; margin-right: auto; }

a.menuabout {display: block; width: 127px; height: 30px; padding: 0; 
	background:url('buttons/aboutus.jpg') no-repeat; float: left; font-size: 1px; }
a.menuabout:hover {background-position: -127px; }

a.menubooking {display: block; width: 127px; height: 30px; padding: 0; 
	background:url('buttons/booking.jpg') no-repeat; float: left; font-size: 1px; }
a.menubooking:hover {background-position: -127px; }

a.menucontact {display: block; width: 127px; height: 30px; padding: 0; 
	background:url('buttons/contact.jpg') no-repeat; float: left; font-size: 1px; }
a.menucontact:hover {background-position: -127px; }

a.menuevents {display: block; width: 127px; height: 30px; padding: 0; 
	background:url('buttons/events.jpg') no-repeat; float: left; font-size: 1px; }
a.menuevents:hover {background-position: -127px; }

a.menulivejournal {display: block; width: 100px; height: 24px; padding: 0; 
	background:url('buttons/livejournal.jpg') no-repeat; float: left; font-size: 1px; }
a.menulivejournal:hover {background-position: -127px; }

a.menumultiply {display: block; width: 100px; height: 24px; padding: 0; 
	background:url('buttons/multiply.jpg') no-repeat; float: left; font-size: 1px; }
a.menumultiply:hover {background-position: -127px; }

a.menumyspace {display: block; width: 100px; height: 24px; padding: 0; 
	background:url('buttons/myspace.jpg') no-repeat; float: left; font-size: 1px; }
a.menumyspace:hover {background-position: -127px; }

a.menuplaylist {display: block; width: 100px; height: 24px; padding: 0; 
	background:url('buttons/playlist.jpg') no-repeat; float: left; font-size: 1px; }
a.menuplaylist:hover {background-position: -100px; }

a.menureviews {display: block; width: 127px; height: 30px; padding: 0; 
	background:url('buttons/reviews.jpg') no-repeat; float: left; font-size: 1px; }
a.menureviews:hover {background-position: -127px; }

a.menustaff {display: block; width: 127px; height: 30px; padding: 0; 
	background:url('buttons/staff.jpg') no-repeat; float: left; font-size: 1px; }
a.menustaff:hover {background-position: -127px; }

a.menuxanga {display: block; width: 100px; height: 24px; padding: 0; 
	background:url('buttons/xanga.jpg') no-repeat; float: left; font-size: 1px; }
a.menuxanga:hover {background-position: -127px; }

a.menuyahoo360 {display: block; width: 100px; height: 24px; padding: 0; 
	background:url('buttons/yahoo360.jpg') no-repeat; float: left; font-size: 1px; }
a.menuyahoo360:hover {background-position: -127px; }

/* dj menu stuff */
a.djinfam0us {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/infam0us.jpg') no-repeat; font-size: 1px; }
a.djinfam0us:hover {background-position: -100px; }

a.djzero {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/zero.jpg') no-repeat; font-size: 1px; }
a.djzero:hover {background-position: -100px; }

a.djbale {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/bale.jpg') no-repeat; font-size: 1px; }
a.djbale:hover {background-position: -100px; }

a.djazrael {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/azrael.jpg') no-repeat; font-size: 1px; }
a.djazrael:hover {background-position: -100px; }

a.djchaoskitty {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/chaoskitty.jpg') no-repeat; font-size: 1px; }
a.djchaoskitty:hover {background-position: -100px; }

a.djdeathm {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/deathm.jpg') no-repeat; font-size: 1px; }
a.djdeathm:hover {background-position: -100px; }

a.djdresden {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/dresden.jpg') no-repeat; font-size: 1px; }
a.djdresden:hover {background-position: -100px; }

a.djduncan {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/duncan.jpg') no-repeat; font-size: 1px; }
a.djduncan:hover {background-position: -100px; }

a.djholly {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/holly.jpg') no-repeat; font-size: 1px; }
a.djholly:hover {background-position: -100px; }

a.djspiff {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/spiff.jpg') no-repeat; font-size: 1px; }
a.djspiff:hover {background-position: -100px; }

a.djstereokill {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/stereokill.jpg') no-repeat; font-size: 1px; }
a.djstereokill:hover {background-position: -100px; }

/* model menu stuff */
a.djmercy {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/mercy.jpg') no-repeat; font-size: 1px; }
a.djmercy:hover {background-position: -100px; }

a.djhollymod {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/hollymod.jpg') no-repeat; font-size: 1px; }
a.djhollymod:hover {background-position: -100px; }

/* production menu stuff */

a.djill {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/ill.jpg') no-repeat; font-size: 1px; }
a.djill:hover {background-position: -100px; }

/* security menu stuff */
a.djjosh {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/josh.jpg') no-repeat; font-size: 1px; }
a.djjosh:hover {background-position: -100px; }

a.djtom {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/tom.jpg') no-repeat; font-size: 1px; }
a.djtom:hover {background-position: -100px; }

/* ninja menu stuff */
a.djally {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/ally.jpg') no-repeat; font-size: 1px; }
a.djally:hover {background-position: -100px; }

a.djford {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/ford.jpg') no-repeat; font-size: 1px; }
a.djford:hover {background-position: -100px; }

/* menu spaceholder stuff */
a.djnull {display: block; width: 100px; height: 100px; padding: 0; float: left; 
	background:url('buttons/null.jpg') no-repeat; float: left; font-size: 1px; }

/* playlists */
#infam0usPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }

#balePL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }

#allyPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }
								 
#azraelPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }

#chaoskittyPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }

#dresdenPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }

#duncanPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }

#fordPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }
								 
#hollyPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }

#illPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }

#joshPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }		
								 
#mercyPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }
								 
#spiffPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }
								 
#stereoPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }

#tomPL div {width: 604px; border: 1px solid #333333;
								 margin-bottom: 25px; background-color: black; float: left; }								 						 
								 
								 								 								 
/*
========================================= 
profile button Formatting                          
=========================================
*/

img.profile{
	height: 120px;
	width: 120px;
	padding: 0px;
	border: 0px;
}

td.profiles{
  text-align: center;
	text-decoration: none;	
}

td.button{
	width: 120px;
	height: 120px;
	background-image: url(http://www.infam0usproductions.com/web/buttons/infam0us2.gif);
}

#profiles a {
	position: relative; top: 8px; left: -41px;
	display: block;
	border-left: 0px solid #003399;
	border-right: 0px solid #000000;
	border-top: 2px solid #000000;
	background-color: #cccccc;
	color: #000000;
	text-decoration: none;
	width: 120px;
	height: 120px;
	font-family: Tahoma, Arial, sans-serif; 
}

#profiles li {
	display: block;
	float: left;
	border-left: none;
	height: 120px;
	width: 120px;
}

#profiles ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #cccccc;
	height: 120px;
	width: 120px;
} 

#profiles a:hover {
	position: relative; top: 4px; left: -41px;
	display: block;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;	
	color: #000000;
	text-decoration: none;
	width: 120px;
	height: 120px;
	font-family: Tahoma, Arial, sans-serif; 
	font-weight: bold;
	visibility: hidden;
}

#currentprofile a {
	position: relative; top: 7px; left: -41px;
	display: block;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
	width: 120px;
	height: 120px;
	font-family: Tahoma, Arial, sans-serif; 
	font-weight: bolder;
  font-size: 18px;
}

#currentprofile a:hover {
	position: relative; top: 5px; left: -41px;
	display: block;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	background-color: #ccccff;
	visibility: hidden; 
	color: #000000;
	text-decoration: none;
	width: 120px;		
	height: 120px;
	font-family: Tahoma, Arial, sans-serif; }


#profiles li>ul { 
	top: auto;
	left: auto;
}

#profiles li ul a{
	width: 120px;
	height: 120px;
}

#profiles li ul {  
	position: absolute;
	width: 120px;
	height: 120px;
	left: -999em;
	text-align:left;
	border-bottom: 2px solid #663322;
	z-index: 500;
	display: block;
}

#profiles li:hover ul ,#tab li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	display: block;
}