@font-face {
	font-family: 'CrimsonTextRoman';
	src: url('crimson_text_roman-webfont.eot');
	src: local('?'), url('crimson_text_roman-webfont.woff') format('woff'), url('crimson_text_roman-webfont.ttf') format('truetype'), url('crimson_text_roman-webfont.svg#webfontCjgjGITP') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: "CrimsonTextRoman", "Times New Roman", Times, serif;
	color: #6D6F72;
	font-size: 13px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	min-width: 878px;
	background-image: url(../images/line.jpg);
}
#f_details a {
	color: #9ED651;
}
#c_details a {
	color: #009DE8;
}
#r_details a, #reference a {
	color: #F06;
}
#c_details a, #f_details a, #r_details a, #reference a {
	font-style: italic;
	text-decoration: none;
}
#c_details a:hover, #f_details a:hover, #r_details a:hover, #reference a:hover {
	color: #6D6F72;
}
.f_title {
	color: #9ED651;
}
.c_title {
	color: #009DE8;
}
.r_title {
	color: #F06;
}
.subtitle {
	font-style: italic;
}
#header, #container, #footer {
	padding-right: 39px;
	padding-left: 39px;
}
#header, #footer {
	width:80%;
	padding-bottom: 29px;
}
#header {
	padding-top: 39px;
}
#footer {
	padding-top: 29px;
	clear:left;
}
#catalyst {
	float: left;
	width: 500px;
	height: 400px;
	overflow: hidden;
}
#catalyst_nav a {
	padding-right: 3px;
}
#catalyst_nav a.activeSlide {
	color: #6D6F72;
}
#reference, #faculty {
	float: left;
	width: 484px;
	padding-top: 7px;
	padding-right: 16px;
}
#header ul, #f_details ul, #c_details ul, #r_details ul, #reference ul, #faculty ul, #footer ul {
	margin: 0px;
	padding: 0px;
}
#header li, #f_details li, #c_details li, #r_details li, #reference li, #faculty li, #footer li {
	list-style-type: none;
	padding-bottom: 7px;
}
#f_details, #c_details, #r_details {
	float: left;
	width: 174px;
	padding-top: 7px;
	padding-right: 16px;
	padding-left: 10px;
	padding-bottom: 7px;
}
.f_item, .c_item, .r_item, .e_item {
	float: left;
	height: 100px;
	width: 100px;
}
.thumb {
	z-index: 10;
	position: absolute;
}
.f_bar, .f_plate, .f_new, #f_tooltip {
	background-color: #9ED651;
}
.c_bar, .c_plate, .c_new, #c_tooltip {
	background-color: #009DE8;
}
.r_bar, .r_plate, .r_new, #r_tooltip {
	background-color: #F06;
}
.e_bar, .e_plate, .e_new, #e_tooltip {
	background-color: #FC0;
}
.f_bar, .c_bar, .r_bar, .e_bar {
	height: 10px;
	width: 100px;
	z-index: 30;
	position: absolute;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.f_new, .c_new, .r_new, .e_new {
	color: #FFFFFF;
	padding-top: 7px;
	padding-left: 10px;
	z-index: 30;
	padding-bottom: 7px;
	width: 40px;
	position: absolute;
}
.shop {
	background-color: #6D6F72;
	color: #FFFFFF;
	padding-top: 7px;
	padding-left: 10px;
	z-index: 30;
	padding-bottom: 7px;
	width: 40px;
	position: absolute;
}
.shop2 {
	background-color: #6D6F72;
	color: #FFFFFF;
	padding-top: 7px;
	padding-left: 10px;
	z-index: 30;
	padding-bottom: 7px;
	width: 40px;
	position: absolute;
	margin-top: 30px;
}
.f_plate, .c_plate, .r_plate, .e_plate {
	float: left;
	height: 93px;
	width: 90px;
	color: #FFFFFF;
	padding-top: 7px;
	padding-left: 10px;
}
.c_plate img, .r_plate img, .e_plate img {
	padding-top: 5px;
}
#f_tooltip, #c_tooltip, #r_tooltip, #e_tooltip {
	position:absolute;
	color:#FFF;
	display:none;
	z-index: 40;
	padding-right: 11px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 11px;
	width: 178px;
}
.thumb a {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.thumb a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}