@charset "utf-8";
/* CSS Document */
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #F00;
}
a:active {
	text-decoration: none;
}
body {
	background-color: black;
}
/* Font Formate */
.indexfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

}
/* Homepage Formate */
#topbar {
	Width: 796px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#all {
	Width: 1020px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
/*--Slide Image--*/
*{outline: none;}
img {border: 0;}
.container {
	width: 720px;
	padding: 0;
	margin: 0 auto;
}
.folio_block {
	position: relative;
}
.main_view {
	float: left;
	position: relative;
}
.window {
	height:291px;	width: 720px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}
.paging {
	position: absolute;
	bottom: -10px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 50px;
	background: ;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 0px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #920000; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
/* Header Formate */
#header-1 {
	float:left;
	width:455px;
	height: 50px;
}
#header-2 {
	float:left;
	width:445px;
	height: 25px;
    vertical-align: bottom;
	Font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align:right;
}
#header-3 {
	float:left;
	width:120px;
	height:25px;
}
#header-4 {
	float:left;
	width:1020px;
	height: 18px;
	background-image: url("Images/fadetop.jpg");
}
#header-5 {
	float:left;
	width:1020px;
	height: 193px;
}
/* Footer Formate */
#Footer-1-1 {
	float:left;
	width: 150px;
	height: 25px;
	background-image: url("Images/left.jpg");
}
#Footer-1-2 {
	Background-color: #E5E5E5;
	float:left;
	width: 720px;
	height: 25px;
}
#Footer-1-3 {
	float:left;
	width: 150px;
	height: 25px;
	background-image: url("Images/right.jpg");
}
#Footer-2-1 {
	float:left;
	width: 150px;
	height: 175px;
	background-image: url("Images/left2.jpg");
}
#Footer-2-2 {
	background-image: url("images/bottom.jpg");
	float:left;
	width: 240px;
	height: 175px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
#Footer-2-3 {
	background-image: url("images/bottom.jpg");
	float:left;
	width: 240px;
	height: 175px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
#Footer-2-4 {
	float:left;
	width: 240px;
	height: 175px;
	background-image: url("images/bottom.jpg");
}
#Footer-2-5 {
	float:left;
	width: 150px;
	height: 175px;
	background-image: url("Images/right2.jpg");
}
#Footer-3-1 {
	float:left;
	width: 150px;
	height: 30px;
	background-image: url("Images/left3.jpg");
}
#Footer-3-2 {
	Background-color: #0A0A0A;
	float:left;
	width: 720px;
	height: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
#Footer-3-3 {
	float:left;
	width: 150px;
	height: 30px;
	background-image: url("Images/right3.jpg");
}
/* Index Page Formate */
#index-1 {
	float:left;
	width: 1020px;
	height: 18px;
	background-image: url("Images/fadetop.jpg");
}
#index-2-1 {
	float:left;
	width: 150px;
	height: 291px;
	background-image: url("Images/fadeleft.jpg");
}
#index-2-2 {
	float:left;
	width: 720px;
	height: 291px;
}
#index-2-3 {
	float:left;
	width: 150px;
	height: 291px;
	background-image: url("Images/faderight.jpg");
}

#index-3-1 {
	float:left;
	width: 150px;
	height: 52px;
	background-image: url("Images/left.jpg");
}
#index-3-2 {
	float:left;
	width: 720px;
	height: 52px;
}
#index-3-3 {
	float:left;
	width: 150px;
	height: 52px;
	background-image: url("Images/right.jpg");
}
#index-4-1 {
	float:left;
	width: 150px;
	height: 175px;
	background-image: url("Images/left.jpg");
}
#index-4-2 {
	float:left;
	width: 230px;
	height: 175px;
	background-color:#E5E5E5
}
#index-4-3 {
	float:left;
	width: 10px;
	height: 175px;
	background-color:#E5E5E5
}
#index-4-4 {
	float:left;
	width: 240px;
	height: 175px;
	background-color:#E5E5E5
}
#index-4-5 {
	float:left;
	width: 10px;
	height: 175px;
	background-color:#E5E5E5
}
#index-4-6 {
	float:left;
	width: 230px;
	height: 175px;
	background-color:#E5E5E5
}
#index-4-7 {
	float:left;
	width: 150px;
	height: 175px;
	background-image: url("Images/right.jpg");
}
#index-5-1 {
	float:left;
	width: 207px;
	height: 150px;
	background-image: url("Images/left.jpg");
}
#index-5-2 {
	Background-color: #E5E5E5;
	float:left;
	width: 240px;
	height: 150px;
}
#index-5-3 {
	Background-color: #E5E5E5;
	float:left;
	width: 120px;
	height: 150px;
}
#index-5-4 {
	Background-color: #E5E5E5;
	float:left;
	width: 274px;
	height: 150px;
}
#index-5-5 {
	float:left;
	width: 179px;
	height: 150px;
	background-image: url("Images/right.jpg");
}