a:link {
	font-family: Optima, Candara, "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: #A9A9A9;
	line-height: 135px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
}

a:visited {
	font-family: Optima, Candara, "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: #A9A9A9;
	line-height: 135px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
}

a:active {
	font-family: Optima, Candara, "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: #A9A9A9;
	line-height: 135px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
}

a:hover {
	font-family: Optima, Candara, "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: white;
	line-height: 135px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: none
	letter-spacing: 1px;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #9F1D20;
}
	
h1 {
	font-family: Optima, Candara, "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: white;
	line-height: 135px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
	letter-spacing: 1px;
}

h2 {
	font-family: Optima, Candara, "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: white;
	line-height: 135px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#outside {
	width: 100%;
	height: 100%;
	position: fixed;
 	left: 0px;
 	overflow-x: scroll;
 	overflow-y: hidden;
}
	
#inside {
	z-index: 1;
	width: 3323px;
	height: 270px;
	position: relative;
	top: 50%;
	left: 0px;
	margin-top: -135px;
	margin-left: 10%;
}

#art1 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 203px;
	height: 270px;
	background-image: url('images/m1_s.jpg');
}

#art2 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 360px;
	height: 270px;
	background-image: url('images/m2_s.jpg');
}

#art3 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 360px;
	height: 270px;
	background-image: url('images/m3_s.jpg');
}

#art4 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 203px;
	height: 270px;
	background-image: url('images/m4_s.jpg');
}


#art5 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 360px;
	height: 270px;
	background-image: url('images/m5_s.jpg');
}

#art6 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 180px;
	height: 270px;
	background-image: url('images/m6_s.jpg');
}

#art7 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 374px;
	height: 270px;
	background-image: url('images/m7_s.jpg');
}

#art8 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 180px;
	height: 270px;
	background-image: url('images/m8_s.jpg');
}

#art9 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 180px;
	height: 270px;
	background-image: url('images/m9_s.jpg');
}

#art10 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 360px;
	height: 270px;
	background-image: url('images/m10_s.jpg');
}

#art11 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 203px;
	height: 270px;
	background-image: url('images/m11_s.jpg');
}

#art12 {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	display: block;
	float: left;
	width: 360px;
	height: 270px;
	background-image: url('images/m12_s.jpg');
}

#container_top{
	z-index: 2;
	position: fixed;
	width: 100%;
	top: 50%;
	margin-top: -270px;
}

#top_1{
	display: block;
	float: left;
	width: 20%;
	height: 135px;
}

#top_2{
	display: block;
	float: left;
	width: 20%;
	height: 135px;
}

#top_3{
	display: block;
	float: left;
	width: 20%;
	height: 135px;
}

#top_4{
	display: block;
	float: left;
	width: 20%;
	height: 135px;
}

#top_5{
	display: block;
	float: left;
	width: 20%;
	height: 135px;
}

#container_bottom{
	z-index: 2;
	position: fixed;
	width: 100%;
	top: 50%;
	margin-top: 135px;
}

#bottom_1{
	display: block;
	float: left;
	width: 20%;
	height: 135px;
}

#bottom_2{
	display: block;
	float: left;
	width: 20%;
	height: 135px;
}

#bottom_3{
	display: block;
	float: left;
	width: 20%;
	height: 135px;
}

#bottom_4{
	display: block;
	float: left;
	width: 20%;
	height: 135px;
}

#bottom_5{
	display: block;
	float: left;
	width: 20%;
	height: 135px;
}

#logo {
	display: block;
	margin:0px auto;
	position: relative;
	z-index: 3;
	width: 135px;
	height: 135px;
	background-image:url(../images/logo.png);
	background-position:0 135px;
	text-align: center;
	top: 67.5px;
}

#gradient_left{
	position: relative;
	width: 135px;
	height: 270px;
	left: -135px;
	background-image:url(../images/gradient_left.png);
}

#gradient_left_top{
	position: relative;
	width: 135px;
	height: 135px;
	left: -135px;
	top: -405px;
	background-image:url(../images/gradient_topleft.png);
}

#gradient_left_bottom{
	position: relative;
	width: 135px;
	height: 135px;
	left: -135px;
	top: -135px;
	background-image:url(../images/gradient_bottomleft.png);
}

#gradient_top{
	position: relative;
	width: 3323px;
	height: 135px;
	top: -675px;
	background-image:url(../images/gradient_top.png);
}

#gradient_bottom{
	position: relative;
	width: 3323px;
	height: 135px;
	top: -405px;
	background-image:url(../images/gradient_bottom.png);
}

#coloveratedon:hover,#coloveratedon:active {background-position:0 60px;}
#logo a:hover,#logo a:active {background-position:0 135px;}