@charset "utf-8";
/* CSS Document */
.BannerAnimationArea{
	height:384px;
	min-width:1020px;
	}
.Header{
	height:132px;
	background:url(../images/Index_02.jpg) repeat-x;
	}
.HeaderInner{
	height:132px;
	width:1000px;
	background:url(../images/Untitled-1_031.jpg) no-repeat;
	}
.Content{
	height:256px;
	background:url(../images/ContentBgOnIndex.gif) repeat-x;
	position:fixed;
	bottom:0px;
	width:100%;
	}
.ContentInner{
	background: url(../images/ContentBgInnerPage.jpg) top repeat-x #ebe8d9;
	width: 100%;
	}
.InnerTextHeading{
	height:22px;
	padding-bottom:20px;
	}
.content1{
	width:1000px;
	height:195px;
	position:relative;
	background:url(../images/Untitled-1_03.jpg) no-repeat;	
	}
.content1Inner{
	width:1000px;
	}
.content2Inner{
	width:1000px;
	background:url(../images/Content2BG.jpg) repeat-y;
	}
.DarkContentArea{
	padding:47px 38px 47px 38px; float:left; width:384px; min-height:250px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777272; text-align:left; line-height:18px; background:#282828;
	}
.LightContentArea{
	padding:47px 0px 47px 38px; float:left; width:502px;  min-height:250px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#626262; text-align:justify; line-height:18px;
	}
.TopleftArea{
	position:absolute;
	left:0px;
	top:-144px;
	width:460px;
	height:144px;
	background:url(../images/Index_08asd.jpg) no-repeat;
	}
	
/*** 
Bckground Image Animation
set the width and height to match your images 
**/

#slideshow {
	position: relative;
	z-index: -1;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}
}


/*** 
Menu Animation
**/

ul#nav {
	width: 496px; margin: 0 auto; text-align: center; overflow: hidden; background:#282828;
}
	ul#nav li {
		float: right; list-style: none; 
	}
		ul#nav li a {
			display: block; width:75px; height: 47px; 
			padding: 39px 0 0 0; margin: 0 6px 0 6px;
			font: 11px Helvetica, Arial, Sans-Serif; 
			text-transform: uppercase;
			color: #eee9d9;
			text-decoration: none;
			
			background: url(../images/label.jpg) 0 -149px no-repeat; 
		}
		.selected{
			display: block; width:75px; height: 47px; 
			padding: 39px 0 0 0; margin: 0 6px 0 6px;
			font: 11px Helvetica, Arial, Sans-Serif; 
			text-transform: uppercase;
			color: #eee9d9;
			text-decoration: none;			
			background: url(../images/label.jpg) 0  no-repeat; 	
			}
			ul#nav li a:hover {
				background: url(../images/label.jpg) 0 0 no-repeat;
				color: #eee9d9;
			}
			
			ul#nav li a.js:hover {
				background: url(../images/label.jpg) 0 -149px no-repeat;
			}