/* TAGS */
acronym, abbr { cursor: help; border: 0; background: url(../img/dotted.gif) left bottom repeat-x; }
	h1 acronym, h2 acronym, h3 acronym,
	h1 abbr, h2 abbr, h3 abbr { background-image: none; }

a acronym { cursor: pointer; border: 0; }

body { 
	background-color: #FFFFFF;
	color: #333333;
	font: 0.65em/2em "trebuchet ms", verdana, arial, helvetica, sans-serif;
	margin: 0 10%;
	padding: 0;
	position: relative;
	}

	body#splash { background-color: #505961; }

blockquote { margin: 0; padding: 0; text-align: justify;}
cite { font-style: italic; display: block; clear: left; text-align: right;}
em, .italic { font-style: italic; }
p, ul li ul { padding: 0; margin: 0 0 1em 0; text-align: justify; }

strong { font-weight: bold; }

/* LINKS */
a { color:#505961; text-decoration: underline; }
	a:hover { color: #333333; text-decoration: none; }

		th a, td a, #list li a { color: #333333; padding-right: 10px; }
		th a:hover { color: #505961; background: url(../img/arrowD-link.gif) right center no-repeat;}
		td.full a { display: block; width: 95%; padding: 0 4px; }
		td.full a:hover { color: #FFFFFF; background-color: #000000; }

		a.img:hover { border-bottom: 1px solid #FFFFFF;	}	
		
		#list li a { padding-right: 0; }
		#news li a { padding-left: 10px; }

/* HEADERS */
h1, h2, h3, h4, h5, h6, caption, #list li { margin: 0; padding: 0; font: bold 1em/1em "trebuchet ms", "century gothic", arial, helvetica, sans-serif; letter-spacing: -0.05em; line-height: normal; }

h1, h2, caption { font-size: 1.4em; text-transform: uppercase; border-top: 1px solid #FFFFFF; }
h3, #list li { font-size: 1em; letter-spacing: normal; }


/* LISTS */
ul, li { margin: 0; padding: 0; list-style-type: none; }

#list li { text-align: right; line-height: 2em; }
dl { margin: 0 0 1em 0; padding: 0; }
dt { display: block; font-weight: bold; float: left; clear: left; margin: 0; padding: 0; width: 4em; }
dd { display: block; width:auto; margin: 0 0 0 5em; padding: 0; }


/* TABLES */
table { width: 90%; }
	table#music { position: relative; left: -10px; }

th, td { padding: 0 20px 0 0; margin: 0; text-align: left; }
	th.full { width: 100%; padding-left: 7px; }
	span.sort { padding-right: 10px; background: url(../img/arrowD.gif) right center no-repeat; }

	td.full { padding: 0 4px 0 2px; border-left: 1px solid #FFFFFF;}
	td.full:hover { border-left: 1px solid #000000;}
	
tr { vertical-align: top; }

caption { text-align: left; padding: 0; margin: 0; }


.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* LAYOUT */

#header {
	text-align: right;
	}

#layout {
	width: 100%;
	min-width: 635px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	position: relative;
	border-top: 6px solid #000;
	}

	/* LAYOUT > menu */
	#menu {
	display: block;
	height: 70px;
	width: 100%;
	padding: 0 0 33px 0;
	margin: 0 0 0 -33%;
	line-height: 70px;
	font-weight: bold;
	border: 0px solid red;
	float: right;
	}
		
		#menu ul {
		margin: 0 0 0 33%;
		height: 70px;
		min-width: 360px;
		overflow: hidden;
		position: relative;
		list-style-type: none;
		}
			
			#menu ul li a {
			position: absolute;
			top: 0; left: 0;
			text-indent: -9000px;
			margin-left: 0em;
			border: 0;
			width: 72px;
			padding: 70px 0 0 0;
			overflow: hidden;
			height: 0px !important;
			height /**/: 70px;
			background: transparent url("../img/nav/menu-off.png") no-repeat;
			}
				
				#menu ul li a:hover, #menu ul li.active a { background-image:  url("../img/nav/menu-on.png"); }
	
				/* LAYOUT > menu > item positioning */
				body li#item-one a { left: 0%; background-position: 0 0; }
				body li#item-two a { left: 17%; background-position: -72px 0; }
				body li#item-three a { left: 34%; background-position: -144px 0; }
				body li#item-four a { left: 51%; background-position: -216px 0; }
				body li#item-five a { left: 68%; background-position: -288px 0; }

	/* LAYOUT > content */
	#content {
		margin: 50px 0 0 32%;
		padding: 0 0 50px 15px; 
		text-align: justify;
		width: 50%;
		float: left;
		}

	/* LAYOUT > inline frame */
	iframe.music { height: 85em; }
	iframe.news { height: 83em; }
	iframe.buy { height: 98em; }

		body.music .scroll { height: 68em; }
		body.news .scroll { height: 68em; }
		body.buy .scroll { height: 81em; }
	
	iframe, #iframe {
		position: absolute; top: 0; left: 0; z-index: 100;
		margin: 0;
		padding: 0;
		width: 30%;
		float: left;
		background: transparent url("../img/logo/mII.png") top right no-repeat;
		}
	
		.news { background: #FFFFFF url("../img/logo/mII.png") top right no-repeat; }
		.scroll { padding: 1px 15px 0 0; overflow: auto; background: url("../img/DFDFDF.gif") right top no-repeat; }
		.buy { background: #FFFFFF url("../img/logo/mII.png") top right no-repeat; }

		/* LAYOUT > inline frame > content */
		#mosso, .mosso { padding: 153px 0 0 0; margin: 0; }


/* PAGES */

	/* MUSIC > images */
	.arabian-nights { background: url("../img/music-arabian-nights.jpg") top left no-repeat; }
.arabian-nights-redux { background: url("../img/music-arabian-nights-redux.jpg") top left no-repeat; }
	.bodyguard { background: url("../img/music-bodyguard.jpg") top left no-repeat; }
	.dancers-ledge { background: url("../img/music-dancers-ledge.jpg") top left no-repeat; }
	.do-you-like-chinese { background: url("../img/music-do-you-like-chinese.jpg") top left no-repeat; }
	.donkeys-ears { background: url("../img/music-donkeys-ears.jpg") top left no-repeat; }
	.elves { background: url("../img/music-elves.jpg") top left no-repeat; }
	.falling { background: url("../img/music-falling.jpg") top left no-repeat; }
	.falling-lament { background: url("../img/music-falling-lament.jpg") top left no-repeat; }
	.furry-tails { background: url("../img/music-furry-tails.jpg") top left no-repeat; }
	.fustian { background: url("../img/music-fustian.jpg") top left no-repeat; }
	.host { background: url("../img/music-host.jpg") top left no-repeat; }
	.identity-impossible { background: url("../img/music-identity-impossible.jpg") top left no-repeat; }
	.lady-of-shalott { background: url("../img/music-lady-of-shalott.jpg") top left no-repeat; }
	.larger-jim-tonic { background: url("../img/music-larger-jim-tonic.jpg") top left no-repeat; }
	.le-boite { background: url("../img/music-le-boite.jpg") top left no-repeat; }
	.male-bait { background: url("../img/music-male-bait.jpg") top left no-repeat; }
	.phils-room { background: url("../img/music-phils-room.jpg") top left no-repeat; }
	.rapunzel { background: url("../img/music-rapunzel.jpg") top left no-repeat; }
	.red-hood { background: url("../img/music-red-hood.jpg") top left no-repeat; }
	.romanticist { background: url("../img/music-romanticist.jpg") top left no-repeat; }
	.rumpelstiltskin { background: url("../img/music-rumpelstiltskin.jpg") top left no-repeat; }
	.sarah { background: url("../img/music-sarah.jpg") top left no-repeat; }
	.saturation-dive { background: url("../img/music-saturation-dive.jpg") top left no-repeat; }
	.simple-equation { background: url("../img/music-simple-equation.jpg") top left no-repeat; }
	.slugger { background: url("../img/music-slugger.jpg") top left no-repeat; }
	.tree-man { background: url("../img/music-tree-man.jpg") top left no-repeat; }

	.portrait { background: url("../img/martin-thornton.jpg") top left no-repeat; }

	/* MUSIC > links */
	.arabian-nights a:hover { color: #E4792F; }
	.arabian-nights-redux a:hover { color: #CC9900; }
	.bodyguard a:hover { color: #000000; }
	.dancers-ledge a:hover { color: #827672; }
	.do-you-like-chinese a:hover { color: #D68454; }
	.donkeys-ears a:hover { color: #339900; }
	.elves a:hover { color: #993300; }
	.falling a:hover { color: #3366CC; }
	.falling-lament a:hover { color: #3366CC; }
	.furry-tails a:hover { color: #CDAD00; }
	.fustian a:hover { color: #669999; }
	.host a:hover { color: #000000; }
	.identity-impossible a:hover { color: #339900; }
	.lady-of-shalott a:hover { color: #A3887F; }
	.le-boite a:hover { color: #000000; }
	.male-bait a:hover { color: #A3071C; }
	.phils-room a:hover { color: #336633; }
	.rapunzel a:hover { color: #FF00FF; }
	.red-hood a:hover { color: #CC0000; }
	.romanticist a:hover { color: #AAAAAA; }
	.rumpelstiltskin a:hover { color: #D51500; }
	.sarah a:hover { color: #000000; }
	.saturation-dive a:hover { color: #0F5278; }
	.slugger a:hover { color: #8B4E32; }
	.tree-man a:hover { color: #8B4E32; }


/* MISC CLASS TAGS */
.cloak { visibility: hidden; }
.hide { margin: 0; padding: 0; line-height: 0.01em; font-size: 0; text-indent: -5000px; }