@import url('reset.css');

body {}
#slideA p { font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; width: 440px; position: relative; top: 30px; left: 35px; line-height: 20px; }
#content a.btnReadmore:link,
#content a.btnReadmore:visited  { z-index: 999999; border: 0!important;
position: relative; top: 5px; left: 0;
display: block; width: 92px; height: 25px; background: transparent url('images/btn_readmore.png') no-repeat 0 0; }

a { font: normal 11px Arial, Helvetica, sans-serif; text-decoration: none; border: 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_001.png') no-repeat top right; width: 578px; 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;}

#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;
	}