/*layout*/

body{
	margin:0px;
	padding:20px 0 0 0;
	font-size:62.5%;
	background: #222221 url(../images/bodybar.gif) repeat-y;
	
	}
	
img{
	border:none;
	}
	
#wrapper{
	margin: 0 auto;
	width:988px;
	/*height:578px;*/
	height:auto;
	}

/* left hand column - contact and info */
#lhc{
	width:246px;
	height:578px;
	background-color:#222221;
	float:left;
	}
	
#content{
	height:321px;
	width:178px;
	margin:5px auto 0 auto;
	}
	
#contactinfo{
	height:139px;
	width:178px;
	background: url(../images/contactinfov2.jpg) no-repeat;
	margin: 0 auto;
	}
	
#info1{
	width:178px;
	height:321px;
	display:none;
	}	
	

#info2{
	width:178px;
	height:321px;
	display:none;
	}	
	

#info3{
	width:178px;
	height:321px;
	display:none;
	}
	
#info4{
	width:178px;
	height:321px;
	display:none;
	}	
	
#info5{
	width:178px;
	height:321px;
	display:none;
	}
	
#info6{
	width:178px;
	height:321px;
	display:none;
	}
	
#info7{
	width:178px;
	height:321px;
	display:none;
	}
	
#info8{
	width:178px;
	height:321px;
	display:none;
	}
	
/* content and thumb area */
	
#rhc{
	float:right;
	width:737px;
	height:auto;
	margin:0px 2.25px 0px 0px;
	padding:4.5px 0 4.5px 1px;
	background: #e9e9e9;
	}
	
#cont1{
	height: 226px;
	width: 240px;
	margin:0px;
	padding:0px;
	float:left;
	margin:0px 2.5px 5px 2.5px;
	
}

#cont2{
	height: 226px;
	width: 240px;
	
	margin:0px;
	padding:0px;
	float:left;
	margin:0px 2.5px 5px 2.5px;

}

#cont3{
	height: 226px;
	width: 240px;
	
	margin:0px;
	padding:0px;
	float:left;
	margin:0px 2.5px 5px 2.5px;

}

#cont4{
	height: 226px;
	width: 240px;
	
	margin:0 2.5px;
	padding:0px;
	float: left;
	
}

#cont5{
	height: 226px;
	width: 240px;
	
	margin:0 2.5px;
	padding:0px;
	float: left;
	
}

#cont6{
	height: 226px;
	width: 240px;
	
	margin:0 2.5px;
	padding:0px;
	float: left;
}

#cont7{
	height: 226px;
	width: 240px;
	
	margin:5px 2.5px;
	padding:0px;
	float: left;
}
/*end of layout*/

/* thumbnail link styling and background images */
	

	
a.gaia{
	display: block;
	width:240px;
	height:226px;
	background: url(../images/thumbsro/gaia.jpg) no-repeat;
	}
	
a:hover.gaia{
	background-position: 0 -226px;
	}
	
a.mrbig{
	display: block;
	width:240px;
	height:226px;
	background: url(../images/thumbsro/mrbig.jpg) no-repeat;
	}
	
a:hover.mrbig{
	background-position: 0 -226px;
	}
	
a.fire{
	display: block;
	width:240px;
	height:226px;
	background: url(../images/thumbsro/fire.jpg) no-repeat;
	}
	
a:hover.fire{
	background-position: 0 -226px;
	}
	
a.french{
	display: block;
	width:240px;
	height:226px;
	background: url(../images/thumbsro/french.jpg) no-repeat;
	}
	
a:hover.french{
	background-position: 0 -226px;
	}
	
a.sparkle{
	display: block;
	width:240px;
	height:226px;
	background: url(../images/thumbsro/sparkle.jpg) no-repeat;
	}
	
a:hover.sparkle{
	background-position: 0 -226px;
	}
	
a.neo{
	display: block;
	width:240px;
	height:226px;
	background: url(../images/thumbsro/neo.jpg) no-repeat;
	}
	
a:hover.neo{
	background-position: 0 -226px;
	}

a.basement{
	display: block;
	width:240px;
	height:226px;
	background: url(../images/thumbsro/basement.jpg) no-repeat;
	}
	
a:hover.basement{
	background-position: 0 -226px;
	}




/*font styling*/

h1{
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: white;
	margin:0 auto 5px auto;
	
	}

p{	
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #666;
	margin: 0px;
	padding: 0px;
	text-align: justify;
	text-justify:newspaper;
	}


/* contact info email link */
a.email{
	display: block;
	position: absolute;
	margin:98px 0 0 0;
	width:178px;
	height:25px;
	background: url(../images/email.jpg) no-repeat;
	}
	
a:hover.email{
	background-position: 0 -25px;
	}