<style type="text/css">

	/* hide from ie on mac \*/
	html {
		height: 100%;
		overflow: hidden;
	}
	
	#flashcontent {
		height: 100%;
	}
	/* end hide */

	body {
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #181818;
		color:#ffffff;
	}

/***********************************************
// for image menu

***********************************************/
#disjointed{ 
width: 800px;
height: 300px;

}

#disjointed li{ /*dimension of images*/
list-style:none;
width:200px;
height:300px;
float: left;
}

#disjointed a{ /*positions the images*/
	display: block;
	text-decoration:none;
	position:relative;
	top: 0px;
	left:0px;
}

#disjointed a img{
border:0px none;
}

#disjointed a:hover{
color: #cff;
background:black;

}

#disjointed a span{ /*if the mouse isn't hovering over the image. no text is displayed*/
display: none;
}

#disjointed a:hover span { /*for the text that appears below the image*/
display: block;
position: absolute;
top: 320px;
left: 30px;
width: 100px;
color:black;
/*background:#ffff*/
font-family:Arial, Helvetica, sans-serif;
font-size:36px;

}


</style>