
body{
	margin:0;
	font-family:"Helvetica", sans-serif;
	font-size:12px;
	font-weight:500;
	line-height:20px;
	background-color:#000;
	}
	*html body{
	margin:0;
	font-family:"Helvetica", sans-serif;
	font-size:12px;
	font-weight:500;
	line-height:20px;
	height:100%;
	background-color:#000;
	}
	#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
img{
	border:none;}
	#content {position:relative; z-index:1; padding:10px;}
#wrapper{width:1000px; margin:0 auto; text-align:center; top:50%;
	left:50%; position:absolute;margin-left:-500px; margin-top:-283px;}
#wrap{width:830px; margin:0 auto; text-align:center; }
#main{width:830px; margin:0 auto; float:left; } 
		#main .left{ width:265px; background-color:#FEFAF1; float:left; text-align:center; margin-top:10px;  height:499px; padding-top:50px;} 
 		#main .right{width:565px; float:right; margin:0 auto; text-align:right;}
		
#marqueecontainer{
position: relative;
width: 325px; /*marquee width */
height: 580px; /*marquee height */
overflow: hidden;
}
#innermain{width:810px; margin-top:10px; float:left; background:#FFFFFF; text-align:left;
		 padding:10px; } 
#about{width:820px; margin-top:10px; float:left; background:#FFFFFF; text-align:left;
		 padding:10px  0 0px 10px; } 
			
#pro-name{width:830px; float:left;margin-top:5px; }
#proinner-name{width:830px; float:left;margin-top:10px; }
#fooder{width:830px; float:left; color:#dac485; }
			#fooder .ffleft{width:310px; float:left; text-align:left; padding:9px 0 9px 0;}
			#fooder .ffright{width:520px; float:right; text-align:right; padding:7px 0 7px 0;}

#fooder .ffright a:link{ color:#dac485; text-decoration:none;}
#fooder .ffright a:visited{ color:#dac485; text-decoration:none;}
#fooder .ffright a:hover{ color:#dac485; text-decoration:underline;}

.style1:link{ color:#f50f0a; text-decoration:none; font-family:Monotype Corsiva; font-size:22px; font-weight:bold; }
.style1:visited{ color:#f50f0a; text-decoration:none; font-family:Monotype Corsiva; font-size:22px; font-weight:bold; }
.style1:hover{ color:#f50f0a; text-decoration:underline; font-family:Monotype Corsiva; font-size:22px; font-weight:bold; }

.style2:link{ color:#000000; text-decoration:underline;}
.style2:visited{ color:#000000; text-decoration:underline;}
.style2:hover{ color:#000000; text-decoration:none;}

/* scrolling css start*/

			div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 250px;
	width: 550px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 220px;
	/* max width here, for users without javascript */	
	width: 1500px;	
	padding: 10px 25px 0 25px; 
	/* removing default styling */
	margin: 0;
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;
	height: 220px;
	padding: 10px 25px 0 25px; 
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	text-align: center;
	font-size: 12px;	
	color: #000;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}


/*scrolling css finish */

#slideshow {
    position:relative;
    height:450px;
	
	}

#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;
}

