body { font-family: verdana, arial, sans-serif; padding: 0px; margin: 0px; text-align: center; background: #2c2c2c url(images/gradient.gif) repeat-y center; }


.website {
	width: 800px;
	height: 600px;
	top: 50px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: auto;
	padding: 0px;	
	position: relative;
	border: none;
	text-align: left;
	/*background: #000;*/
	background: #000 url(images/gradient_image.gif) repeat-y center;
}

.image {
	top: 0px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: auto;
	padding: 0px auto;	
	position: relative;
	border: none;
	text-align: center;
}

.indeximage {
	top: 0px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: auto;
	padding: 0px auto;	
	position: relative;
	border: none;
	text-align: left;
}

/*.indeximage {
	top: 0px;
	margin: 0px;
	margin-left: 0px;
	margin-right: 0px;	
	margin-bottom: 0px;
	padding: 0px;	
	position: absolute;
	border: none;
	text-align: left;
}*/


#index1 { width:100px; height: 600px; left: 0px; top: 0px; position:absolute; }
#index2 { width:100px; height: 600px; left: 100px; top: 0px; position:absolute; }
#index3 { width:100px; height: 600px; left: 200px; top: 0px; position:absolute; }
#index4 { width:100px; height: 600px; left: 300px; top: 0px; position:absolute; }
#index5 { width:100px; height: 600px; left: 400px; top: 0px; position:absolute; }
#index6 { width:100px; height: 600px; left: 500px; top: 0px; position:absolute; }
#index7 { width:100px; height: 600px; left: 600px; top: 0px; position:absolute; }
#index8 { width:100px; height: 600px; left: 700px; top: 0px; position:absolute; }

.logo { width: 155px; height: 43px; position: absolute; }


a { text-decoration: none; outline: none; }

a.white { color: #FFFFFF; text-decoration: none; }
a.white:link { color: #FFFFFF; text-decoration: none; }
a.white:visited { color: #FFFFFF; text-decoration: none; }
a.white:focus { color: #CCCCCC; text-decoration: none; }
a.white:hover { color: #CCCCCC; text-decoration: none; }
a.white:active { color: #CCCCCC; text-decoration: none; }

a.black { color: #000000; text-decoration: none; }
a.black:link { color: #000000; text-decoration: none; }
a.black:visited { color: #000000; text-decoration: none; }
a.black:focus { color: #444444; text-decoration: none; }
a.black:hover { color: #444444; text-decoration: none; }
a.black:active { color: #444444; text-decoration: none; }

li { list-style-type: square; }

.black { font-size: 10px; color: #000000; }
.white { font-size: 10px; color: #FFFFFF; }

.black_j { color: #000000; }
.white-j { color: #FFFFFF; }

/* Info Panel styles */
.back_info {
	width: 362px;
	height: 550px;
	top: 25px;
	right: 25px;
	position: absolute;
}


#image_title { top: 45px; left: 437px; width: 312px; font-weight: bold; position: absolute; }
#image_text { top: 75px; left: 437px; width: 312px; position: absolute; font-weight: normal; }

#thumb { position: absolute; font-size: 0px; }
#joint { position: absolute; font-size: 0px; }

#menu_link { bottom: 50px; left: 437px; position: absolute; font-weight: bold; }

#info_close { top: 45px; right: 50px; position: absolute; font-weight: bold; }

#copyright { bottom: 50px; left: 437px; position: absolute; font-weight: normal; }

#contact_text1 { top: 75px; left: 437px; width: 312px; position: absolute; font-weight: normal; }
#contact_text2 { top: 150px; left: 450px; width: 312px; position: absolute; font-weight: normal; }
#contact_text3 { top: 320px; left: 437px; width: 312px; position: absolute; font-weight: normal; }

#desc { top: 250px; left: 50px; width: 312px; font-weight: normal; position: absolute; }



/* Menu Panel styles */
.back_menu {
	width: 362px;
	height: 550px;
	top: 25px;
	left: 25px;
	position: absolute;
}

#main_menu { top: 115px; left: 50px; width: 312px; font-weight: bold; position: absolute; }

#sect_title { top: 245px; left: 50px; width: 312px; font-weight: bold; position: absolute; }
#sect_menu { top: 260px; left: 50px; width: 312px; position: absolute; font-weight: normal; }

#info_link { bottom: 50px; left: 50px; position: absolute; font-weight: bold; }

#menu_close { top: 45px; right: 437px; position: absolute; font-weight: bold; }


/**************************************************/


	/* END CSS FOR THIS DEMO */
	
	/* CSS FOR SLIDESHOW SCRIPT */
	.imageSlideshowHolder{
		width:100px;	/* Image width */
		height:600px;	/* Image height */
		
		position:absolute;	/* Don't remove this line */
	}
	
	/* Don't change these values */
	.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}

#imageSlideshowHolder1 {left: 00px; top: 0px;}
#imageSlideshowHolder2 {left: 100px; top: 0px;}
#imageSlideshowHolder3 {left: 200px; top: 0px;}
#imageSlideshowHolder4 {left: 300px; top: 0px;}
#imageSlideshowHolder5 {left: 400px; top: 0px;}
#imageSlideshowHolder6 {left: 500px; top: 0px;}
#imageSlideshowHolder7 {left: 600px; top: 0px;}
#imageSlideshowHolder8 {left: 700px; top: 0px;}