html, body {
	height: 100%;
	background: #000;
	color: #ccc;
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#container {
	min-height: 100%;
	margin: 0 0 -30px 0;
	padding: 0 0 30px;
	position: relative;
	font-size: 1.2em;
}
body#index #container {background: #000 url(lilly1024x803.jpg) no-repeat fixed center center;}
	#back {
		height: 30px;
		display: block;
		text-align: center;
		line-height: 30px;
		font-size: 1.2em;
	}
/*-------------------------------------*/
/*-----------CoolLinks menu------------*/
	#coollink {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		margin-top: -135px;
		margin-left: -80px;
	} 
	#coollink a {
		display: block;
		text-decoration: none;
		color: #ccc;
		padding: 5px 0;
	} 
	#coollink a:hover, #coollink a:active {color: #f00;} 
		#coollink a span {display: none;} 
			#coollink a:hover span { 
				width: 300px;
				padding: 15px; 
				display: block; 
				position: absolute; 
				top: 330px; 
				left: 0px;
				background: #000;
				color: #ff0; 
				font: 1em "Comic Sans MS"; 
			} 
/*******************************************************/
/********************thumbnail styles*******************/		
		#container p {
			font-size: 0.8em;
			display: inline;
		}
		#container span {
			width: 200px;
			margin: 10px;
			vertical-align: top;
			display: table-cell;
			display: inline-table; 
			display: inline-block;
		}
		#container p img {margin: 10px 0;}
/*******************************************************/
#footer, #footer a {
	height: 30px;
	margin: 50px 0;
	display: block;
	text-align: center;
}
/*-------------------------------------*/
/*---------text and classes------------*/
h1{color: #f00;}
		a:link, a:visited {color: #ccc;}
		a:hover, a:active {color: #f00;}