/* CSS Document */

  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 235px;
			width: 290px;
			background: url(../images/home/accordion_bgOff.gif) no-repeat left top;
			text-decoration: none;
			outline: none;
			cursor: pointer;
			margin: 0 0 0 0;
			text-align: left;
		}
		
		.horizontal_accordion_toggle span {
			display: none;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(../images/home/accordion_bgOn.gif) no-repeat left top;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 210px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
		}
			
			.horizontal_accordion_content ul {
				list-style: none;
				height: 210px;
				width: 200px;
				padding-left: 20px;
			}

			.horizontal_accordion_content #ski li {
				height: 68px;
				width: 200px;
				overflow: hidden;
				border-top: 2px solid #313131;
				font-size: 0px;
			}

			.horizontal_accordion_content #ski li a {
				display: block;
				overflow: hidden;
				width: 100%;
				height: 0px !important;
				height /**/:68px;
				text-decoration: none;
				padding-top:68px;
			}
			
			.horizontal_accordion_content #board li {
				height: 50px;
				width: 200px;
				overflow: hidden;
				font-size: 0px;
				border-top: 2px solid #313131;
			}

			.horizontal_accordion_content #board li a {
				display: block;
				overflow: hidden;
				width: 100%;
				height: 0px !important;
				height /**/:50px;
				text-decoration: none;
				padding-top:50px;
			}
			
			.horizontal_accordion_content .first {
				border-top: 0px;
			}
			
			*html .horizontal_accordion_content .first {
				border-top: 0px;
				margin-top: -2px;
			}
			
			.horizontal_accordion_content #swallow a {
				background: url(../images/home/btn_Ski_swallow.gif) no-repeat 0px 0px;
			}
			.horizontal_accordion_content #zumaSki a {
				background: url(../images/home/btn_Ski_zuma.gif) no-repeat 0px 0px;
			}
			.horizontal_accordion_content #cosmicSki a {
				background: url(../images/home/btn_Ski_cosmic.gif) no-repeat 0px 0px;
			}

			.horizontal_accordion_content #swallow a:hover {
				background: url(../images/home/btn_Ski_swallow.gif) no-repeat -200px 0px;
			}
			.horizontal_accordion_content #zumaSki a:hover {
				background: url(../images/home/btn_Ski_zuma.gif) no-repeat -200px 0px;
			}
			.horizontal_accordion_content #cosmicSki a:hover {
				background: url(../images/home/btn_Ski_cosmic.gif) no-repeat -200px 0px;
			}
			
			.horizontal_accordion_content #hienryu a {
				background: url(../images/home/btn_SB_hien.gif) no-repeat 0px 0px;
			}
			.horizontal_accordion_content #zumaSB a {
				background: url(../images/home/btn_SB_zuma.gif) no-repeat 0px 0px;
			}
			.horizontal_accordion_content #namitatsu a {
				background: url(../images/home/btn_SB_nami.gif) no-repeat 0px 0px;
			}
			.horizontal_accordion_content #cosmicSB a {
				background: url(../images/home/btn_SB_cosmic.gif) no-repeat 0px 0px;
			}

			.horizontal_accordion_content #hienryu a:hover {
				background: url(../images/home/btn_SB_hien.gif) no-repeat -200px 0px;
			}
			.horizontal_accordion_content #zumaSB a:hover {
				background: url(../images/home/btn_SB_zuma.gif) no-repeat -200px 0px;
			}
			.horizontal_accordion_content #namitatsu a:hover {
				background: url(../images/home/btn_SB_nami.gif) no-repeat -200px 0px;
			}
			.horizontal_accordion_content #cosmicSB a:hover {
				background: url(../images/home/btn_SB_cosmic.gif) no-repeat -200px 0px;
			}

					
					
    /* Container styling*/
    #horizontal_container {
	width: 900px;
	height: 235px;
	clear: left;
	margin: 0px auto 30px 0px;
    }