@import url('reset.css');

body {}

a { font: normal 11px Arial, Helvetica, sans-serif; text-decoration: none;}
.clear { clear: none;}

div.button { display: block; width: 146px; padding-top: 0; float: left; margin: 0 0; cursor: pointer;
	}
	div.button a:link, div.button a:visited {
		text-decoration: none; color: #000;
		}
	.button a:hover { color: #666; }

#wrapper { position: relative; top: 90px; left: 0; width:585px; height: 335px; }
	
#content { width: 585px; height: 335px; float: right; background:#FFF url('images/img_01.png') no-repeat 0 0; position: relative; top: 0; left:0; }

	#content h1  { position: relative; top: 30px; left:50px ; 
		font: bolder 30px Arial, Helvetica, sans-serif; color: #000;}
	#content h1 span  { font: bold 16px Arial, Helvetica, sans-serif; color: #000;}
	#content ul { position: relative; top: 30px; left:50px ;}
	#content ul li { display: block; background: url('images/icon_blck.png') no-repeat center left; font: bold 14px Arial, Helvetica, sans-serif; color: #000; padding: 5px 0 5px 20px; }
	
#mainNav 	{	z-index: 1;	width: 585px; float:none; position: absolute; top: 15px; left: 50px; }
#mainNav_b	{ z-index: 3; width: 585px; float:none; position: absolute; top: 48px; left: -5px;}

* html #mainNav { width: 600px; w\idth: 608px;}

#slideA 		{display: block; background: transparent url('images/img_01.png') no-repeat top right; width: 580px; height: 307px;}	
#slideA-button	{ opacity: 1; width: 0;}
#slideB			{display: block; background: transparent url('images/slide01.png') no-repeat top right; width: 580px; height: 307px;}	
#slideB-button	{ opacity: 1;}
#slideC 		{ display: none; background: transparent url('images/slide02.png') no-repeat top right; width: 580px; height: 307px;}
#slideC-button	{ opacity: 1;}
#slideD			{ display: none; background: transparent url('images/slide03.png') no-repeat top right; width: 580px; height: 307px;}
#slideD-button	{ opacity: 1;}
#slideE			{ display: none; background: transparent url('images/slide04.png') no-repeat top right; width: 580px; height: 307px;}
#slideE-button	{ opacity: 1;}
#slideF			{ display: none; background: transparent url('images/slide05.png') no-repeat top right; width: 580px; height: 307px;}	
#slideF-button	{ opacity: 1;}
#slideG { display: none; background: transparent url('images/slide06.png') no-repeat top right; width: 580px; height: 307px;}	
#slideG-button { opacity: 1;}
#slideH			{ display: none; background: transparent url('images/slide07.png') no-repeat top right; width: 580px; height: 307px;}	
#slideH-button	{ opacity: 1;}


#slideA p { font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; width: 440px; position: relative; top: 30px; left: 50px; line-height: 20px; }

#slideB p.head, #slideC p.head,
#slideD p.head, #slideE p.head,
#slideF p.head, #slideG p.head,
#slideH p.head { font: bold 14px Arial, Helvetica, sans-serif;}

#slideB p, #slideC p,
#slideD p, #slideE p,
#slideF p, #slideG p,
#slideH p	{ font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; width: 440px; position: relative; top: 20px; left: 50px; line-height: 16px; padding-bottom: 10px;}

#slideB a:link, #slideB a:visited {
	color: #CCC;
	z-index:9999999;
	position: relative; top: 250px; left: 97px;
	height: 16px;
	padding: 1px 20px 1px 1px;
	background: url(../images/icon_arrow.gif) no-repeat top right;
	}
	#slideB a:hover {
	color: #FFF; background: url(../images/icon_arrow.gif) no-repeat bottom right;
	}
	


#slideC a:link, #slideC a:visited {
color:#CCC;
	z-index:9999999;
	position: relative; top: 250px; left: 97px;
	height: 16px;
	padding: 1px 20px 1px 1px;
	background: url(../images/icon_arrow.gif) no-repeat top right;
	}
	#slideC a:hover {
	color: #FFF; background: url(../images/icon_arrow.gif) no-repeat bottom right;
	}

#slideD a:link, #slideD a:visited {
	color:#CCC;
	z-index:9999999;
	position: relative; top: 250px; left: 97px;
	height: 16px;
	padding: 1px 20px 1px 1px;
	background: url(../images/icon_arrow.gif) no-repeat top right;
	}
	#slideD a:hover {
	color: #FFF; background: url(../images/icon_arrow.gif) no-repeat bottom right;
	}

#slideE a:link, #slideE a:visited {
	color:#CCC;
	z-index:9999999;
	position: relative; top: 250px; left: 340px;
	height: 16px;
	padding: 1px 20px 1px 1px;
	background: url(../images/icon_arrow.gif) no-repeat bottom right;
	}
	#slideE a:hover {
	color: #FFF; background: url(../images/icon_arrow.gif) no-repeat bottom right;
	}