/* Stylesheet for http://legendofrap.com/  
Stylesheet LO SEP 2007
============================================= */


/* OVERALL STYLES
============================================= */
/* Getting rid of the overall margin */
html, body {
    padding: 0px;
    margin: 0;
   	top: 0;
    left: 0;
    }
    
/* ROLLOVER EFFECTS
============================================= */
/* roll over effects for single cards */

/* Grand Mixer Card */
#cardOne	{
	background-image:url(MOTIVE/469FRONT.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#cardOne span	{
	display:none;
	}
		
#cardOne a:link	 { 
	background-image: url(MOTIVE/469FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 265px; 
	height: 410px; 
	border: 0 
	}
		
#cardOne a:link:hover	 { 
	background-image: url(MOTIVE/469BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 265px; 
	height: 410px; border: 0 
	}

#cardOne a:visited:hover	 { 
	background-image: url(MOTIVE/469BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 265px; 
	height: 410px; 
	border: 0 
	}
		
#cardOne a:active	 { 
	background-image: url(MOTIVE/469FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 265px; 
	height: 410px; 
	border: 0 
	}
		
#cardOne a:visited	 { 
	background-image: url(MOTIVE/469FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 265px; 
	height: 410px; 
	border: 0 
	}

/* Whodini Card */
#cardTwo	{
	background-image:url(MOTIVE/943FRONT.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#cardTwo span	{
	display:none;
	}
		
#cardTwo a:link	 { 
	background-image: url(MOTIVE/943FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 214px; 
	height: 410px; 
	border: 0 
	}
		
#cardTwo a:link:hover	 { 
	background-image: url(MOTIVE/943BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 214px; 
	height: 410px; 
	border: 0 
	}

#cardTwo a:visited:hover	 { 
	background-image: url(MOTIVE/943BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 214px; 
	height: 410px; 
	border: 0 
	}
		
#cardTwo a:active	 { 
	background-image: url(MOTIVE/943FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 214px; 
	height: 410px; 
	border: 0 
	}
		
#cardTwo a:visited	 { 
	background-image: url(MOTIVE/943FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 214px; 
	height: 410px; 
	border: 0 
	}

/* DJ RED ALERT Card */
#cardThree	{
	background-image:url(MOTIVE/357FRONT.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#cardThree span	{
		display:none;
		}
		
#cardThree a:link	 { 
	background-image: url(MOTIVE/357FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 264px; 
	height: 410px; 
	border: 0 
	}
		
#cardThree a:link:hover	 { 
	background-image: url(MOTIVE/357BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 264px; 
	height: 410px; 
	border: 0 
	}

#cardThree a:visited:hover	 { 
	background-image: url(MOTIVE/357BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 264px; 
	height: 410px;
	border: 0 }
		
#cardThree a:active	 { 
	background-image: url(MOTIVE/357FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 264px; 
	height: 410px; 
	border: 0 
	}
		
#cardThree a:visited	 { 
	background-image: url(MOTIVE/357FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 264px; 
	height: 410px;
	border: 0 
	}

/* GRANDMASTER Card */
#cardFour	{
	background-image:url(MOTIVE/463FRONT.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#cardFour span	{
	display:none;
	}
		
#cardFour a:link	 { 
	background-image: url(MOTIVE/463FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 416px; 
	height: 253px; 
	border: 0 
	}
		
#cardFour a:link:hover	 { 
	background-image: url(MOTIVE/463BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 416px; 
	height: 253px; 
	border: 0 
	}

#cardFour a:visited:hover	 { 
	background-image: url(MOTIVE/463BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 416px; 
	height: 253px; 
	border: 0 
	}
		
#cardFour a:active	 { 
	background-image: url(MOTIVE/463FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 416px; 
	height: 253px; 
	border: 0 
	}
		
#cardFour a:visited	 { 
	background-image: url(MOTIVE/463FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 416px; 
	height: 253px; 
	border: 0 
	}

/* AFRICA BOMBAATAA Card */
#cardFive	{
	background-image:url(MOTIVE/237FRONT.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#cardFive span	{
	display:none;
	}
		
#cardFive a:link	 {
	background-image: url(MOTIVE/237FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 416px; 
	height: 255px; 
	border: 0 
	}
		
#cardFive a:link:hover	 { 
	background-image: url(MOTIVE/237BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 416px; 
	height: 255px; 
	border: 0 
	}

#cardFive a:visited:hover	 { 
	background-image: url(MOTIVE/237BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 416px; 
	height: 255px; 
	border: 0 
	}
		
#cardFive a:active	 { 
	background-image: url(MOTIVE/237FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 416px; 
	height: 255px; 
	border: 0 
	}
		
#cardFive a:visited	 { 
	background-image: url(MOTIVE/237FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 416px; 
	height: 255px; 
	border: 0 
	}

/* Crash Crew Card */
#cardSix	{
	background-image:url(MOTIVE/277BACK.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#cardSix span	{
	display:none;
	}
		
#cardSix a:link	 { 
	background-image: url(MOTIVE/277BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 265px; 
	height: 392px; 
	border: 0 
	}
		
#cardSix a:link:hover	 { 
	background-image: url(MOTIVE/277FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 265px; 
	height: 392px; 
	border: 0 
	}

#cardSix a:visited:hover	 { 
	background-image: url(MOTIVE/277FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 265px; 
	height: 392px; 
	border: 0 
	}
		
#cardSix a:active	 { 
	background-image: url(MOTIVE/277BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 265px; 
	height: 392px; 
	border: 0 
	}
		
#cardSix a:visited	 { 
	background-image: url(MOTIVE/277BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 265px; 
	height: 392px; 
	border: 0 
	}

/* Fab 5 Freddy Card */
#cardSeven	{
	background-image:url(MOTIVE/323BACK.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#cardSeven span	{
	display:none;
	}
		
#cardSeven a:link	 {
	background-image: url(MOTIVE/323BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 214px; 
	height: 392px; 
	border: 0 
	}
		
#cardSeven a:link:hover	 { 
	background-image: url(MOTIVE/323FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 214px; 
	height: 392px; 
	border: 0
	}

#cardSeven a:visited:hover	 { 
	background-image: url(MOTIVE/469BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 214px; 
	height: 392px; 
	border: 0 
	}
		
#cardSeven a:active	 { 
	background-image: url(MOTIVE/323BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 214px; 
	height: 392px; 
	border: 0 
	}
		
#cardSeven a:visited	 { 
	background-image: url(MOTIVE/323BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 214px; 
	height: 392px; 
	border: 0 
	}

/* Run DMC Card */
#cardEight	{
	background-image:url(MOTIVE/763BACK.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#cardEight span	{
	display:none;
	}
		
#cardEight a:link	 {
	background-image: url(MOTIVE/763BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 264px; 
	height: 392px; 
	border: 0 
	}
		
#cardEight a:link:hover	 { 
	background-image: url(MOTIVE/763FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 264px; 
	height: 392px; 
	border: 0 
	}

#cardEight a:visited:hover	 { 
	background-image: url(MOTIVE/763FRONT.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 264px; 
	height: 392px; 
	border: 0 
	}
		
#cardEight a:active	 { 
	background-image: url(MOTIVE/763BACK.jpg);
	background-repeat:no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 264px; 
	height: 392px; 
	border: 0 
	}
		
#cardEight a:visited	 { 
	background-image: url(MOTIVE/763BACK.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 264px; 
	height: 392px; 
	border: 0 
	}
		
/* Herc talks */
#Herc	{
	background-image:url(MOTIVE/HERC01.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#Herc span	{
	display:none;
	}
		
#Herc a:link	 {
	background-image: url(MOTIVE/HERC01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 327px; 
	height: 253px; 
	border: 0 
	}
		
#Herc a:link:hover	 { 
	background-image: url(MOTIVE/HERC01A.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 327px; 
	height: 253px;
	border: 0 
	}

#Herc a:visited:hover	 { 
	background-image: url(MOTIVE/HERC01A.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 327px; 
	height: 253px; 
	border: 0 
	}
		
#Herc a:active	 { 
	background-image: url(MOTIVE/HERC01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 327px; 
	height: 253px; 
	border: 0 
	}
		
#Herc a:visited	 { 
	background-image: url(MOTIVE/HERC01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 327px; 
	height: 253px; 
	border: 0 
	}


/* ROLLOVER BUTTONS
============================================= */
/* rollover effects for buttons */

/* Contact button*/
#ContactButton	{
	background-image:url(MOTIVE/BUT_CONT01.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#ContactButton span	{
	display:none;
	}
		
#ContactButton a:link	 { 
	background-image: url(MOTIVE/BUT_CONT01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top;  
	display: block; 
	width: 179px; 
	height: 115px; 
	border: 0 
	}
		
#ContactButton a:link:hover	 { 
	background-image: url(MOTIVE/BUT_CONT02.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 179px; 
	height: 115px; 
	border: 0 
	}

#ContactButton a:visited:hover	 { 
	background-image: url(MOTIVE/BUT_CONT02.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 179px; 
	height: 115px; 
	border: 0 
	}
		
#ContactButton a:active	 { 
	background-image: url(MOTIVE/BUT_CONT01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 179px; 
	height: 115px;  
	border: 0 
	}
		
#ContactButton a:visited	 { 
	background-image: url(MOTIVE/BUT_CONT01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 179px; 
	height: 115px;  
	border: 0 
	}
	
/* Order button*/
#OrderButton	{
	background-image:url(MOTIVE/BUT_ORDER01.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#OrderButton span	{
	display:none;
	}
		
#OrderButton a:link	 { 
	background-image: url(MOTIVE/BUT_ORDER01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 127px; 
	height: 115px; 
	border: 0 
	}
		
#OrderButton a:link:hover	 { 
	background-image: url(MOTIVE/BUT_ORDER02.jpg);
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 127px; 
	height: 115px; 
	border: 0 
	}

#OrderButton a:visited:hover	 { 
	background-image: url(MOTIVE/BUT_ORDER02.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 127px; 
	height: 115px; 
	border: 0 
	}
		
#OrderButton a:active	 { 
	background-image: url(MOTIVE/BUT_ORDER01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 127px; 
	height: 115px;  
	border: 0 
	}
		
#OrderButton a:visited	 { 
	background-image: url(MOTIVE/BUT_ORDER01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 127px; 
	height: 115px;  
	border: 0 
	}

/* News button*/
#NewsButton	{
	background-image:url(MOTIVE/BUT_NEWS01.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#NewsButton span	{
	display:none;
	}
		
#NewsButton a:link	 { 
	background-image: url(MOTIVE/BUT_NEWS01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 128px; 
	height: 115px; 
	border: 0 
	}
		
#NewsButton a:link:hover	 { 
	background-image: url(MOTIVE/BUT_NEWS01.jpg);
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 128px; 
	height: 115px; 
	border: 0 
	}

#NewsButton a:visited:hover	 { 
	background-image: url(MOTIVE/BUT_NEWS01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 128px; 
	height: 115px; 
	border: 0 
	}
		
#NewsButton a:active	 { 
	background-image: url(MOTIVE/BUT_NEWS01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 128px; 
	height: 115px;  
	border: 0 
	}
		
#NewsButton a:visited	 { 
	background-image: url(MOTIVE/BUT_NEWS01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 128px; 
	height: 115px;  
	border: 0 
	}
	
/* Links button*/
#LinksButton	{
	background-image:url(MOTIVE/BUT_LINKS01.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#LinksButton span	{
	display:none;
	}
		
#LinksButton a:link	 { 
	background-image: url(MOTIVE/BUT_LINKS01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 128px; 
	height: 115px; 
	border: 0 
	}
		
#LinksButton a:link:hover	 { 
	background-image: url(MOTIVE/BUT_LINKS01.jpg);
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 128px;
	height: 115px; 
	border: 0 
	}

#LinksButton a:visited:hover	 { 
	background-image: url(MOTIVE/BUT_LINKS01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 128px;
	height: 115px; 
	border: 0 
	}
		
#LinksButton a:active	 { 
	background-image: url(MOTIVE/BUT_LINKS01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 128px;
	height: 115px;  
	border: 0 
	}
		
#LinksButton a:visited	 { 
	background-image: url(MOTIVE/BUT_LINKS01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: default; 
	display: block; 
	width: 128px; 
	height: 115px;  
	border: 0 
	}

/* Press button*/
#PressButton	{
	background-image:url(MOTIVE/BUT_PRESS01.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
#PressButton span	{
	display:none;
	}
		
#PressButton a:link	 { 
	background-image: url(MOTIVE/BUT_PRESS01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 181px; 
	height: 115px; 
	border: 0 
	}
		
#PressButton a:link:hover	 { 
	background-image: url(MOTIVE/BUT_PRESS02.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 181px; 
	height: 115px; 
	border: 0 
	}

#PressButton a:visited:hover	 { 
	background-image: url(MOTIVE/BUT_PRESS02.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 181px; 
	height: 115px; 
	border: 0 
	}
		
#PressButton a:active	 { 
	background-image: url(MOTIVE/BUT_PRESS01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 181px; 
	height: 115px;  
	border: 0 
	}
		
#PressButton a:visited	 { 
	background-image: url(MOTIVE/BUT_PRESS01.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 181px; 
	height: 115px;  
	border: 0 
	}
	
	
	
/* PRESS KIT DOCUMENT
============================================= */
/* font styles for press kit area */
#presskit	{
	font-family: verdana;
	font-size: 9px;
	color: #E43640;
	padding: 6px 6px 6px 6px;
	}

#presskit p	{
	padding-left: 46px;
	}
	
.header	{
	font-size: 13px;
	font-weight: bold;
	padding-left: 46px;
	}
	
.subheader	{
	font-size: 13px;
	font-weight: bold;
	padding-left: 46px;
	}