/*general layout******************************************/

.row {
	width: 800px;
}

/*sets the width of the row element for the different pages - add as needed*/

#page-footer {
	float: left;
	font-size: 10px;
	font-style: italic;
	color: #bbb;
	white-space: nowrap;
	padding-bottom: 20px;
}
/********************************************
* KRIS:
 * Changed the line below
 * Included my original fix for the button.
 ********************************************/
.btn-arrowkey {
	background: url(/images/btn_arrowkey_v.gif) no-repeat left center;
	padding-left: 26px;
}

.layout-item img {
	vertical-align: bottom;
	margin: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	border: 0px;
}

/********************************************
* KRIS:
 * Changed the class below
 * Not sure I remember everything I've done to this class.
 * Added the width back in.
 ********************************************/
#layout-menu {
	position: fixed;
	top: 7px;
	left: 170px;
	z-index: 11;
	font-size: 10px;
	font-style: italic;
	color: #bbb;
	height: 70px;
	width: 100%;

	/********************************************
	* KRIS-2:
	 * Added the line below
	 * If you scroll up, the header should show over the images.
	 ********************************************/
	background-color: #FFFFFF;
}

.layout-item {
	position: absolute;
	bottom: 7px;
	background-color: #FFFFFF;
}
.layout-item span {
	padding-right: 5px;
}