/*	
	======================================================================

	image-text.css

	======================================================================
	Christopher Gronbeck, christopher@susdesign.com, Sept. 2009
	======================================================================
	see javascript/image-text.js for documentation
	======================================================================
*/


/* ----------------------------------------------------
   enclosing divs
   ---------------------------------------------------- */

#mainImage {

	position: relative;
	
	margin: 0px;

	padding: 0px;
}

#mainImagePhoto {

	z-index: 50;
}


/* ----------------------------------------------------
   text divs
   ---------------------------------------------------- */

#horizontalText {

	display: none;
	
	position: absolute;
	
	width: 649px;
	left: 1px;
	bottom: 1px;
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	background: url(images/black-70-percent.png);
	
	z-index: 100;
}

#verticalText {

	display: none;
	
	position: absolute;
	
	width: 160px;
	left: 0px;
	bottom: 0px;
	
	z-index: 100;
}

.imageText {

	font-size: 11px;
	line-height: 14px;
	color: #ccc;
}


/* ----------------------------------------------------
   image text links
   ---------------------------------------------------- */

a.imageText:link, a.imageText:visited {

	color: #88a703;
	text-decoration: none;
}

a.imageText:hover {

	color: #88a703;
	text-decoration: underline;
}

a.imageText:active {

	color: #FFF;
	text-decoration: underline;
}