/*This calls the other css files!!*/
@import url(panels.css);
@import url(layout.css);


/* IMAGE ROLLOVER EFFECT*/

#gallerycontainer{
	clear: both;
	position: relative;
	height: 100px !important;
	}
#gallerycontainer2{
	clear: both;
	margin-left: 200px;
	position: relative;
	height: 100px !important;
	}

.thumbnail img{
	border: 5px solid #fff8e3;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 5px solid #1b1307;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: transparent;
	padding: 0px;
	border: 0px dashed #AB9368;
	visibility: hidden;
	color: #AB9368;
	text-decoration: none;
	left: -1000px;
	bottom: 0px;
	align: center;
	}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
	width: auto;
	align: center;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	left: 245px; /*position where enlarged image should offset horizontally */
	top: 350px;
	z-index: 50;
}

#menucontainer{
	clear: both;
	margin-left: 70px;
	z-index: 100;
	}

.icon img{
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}