@charset "UTF-8";
/* KDC Dropdown */

#panel-wrapper {
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -500px;
	width: 1000px;
	z-index: 99999;}

	#panel {
		background: #0f547e;
		height: 382px;
		display: none;
		border-bottom: 4px solid #624930;}

		#panel-menu {
			margin: auto;
			width: 930px;
			}

			#panel-menu ul {
				float:left;
				margin:0 auto;}

				#panel-menu li {
					color: #ccc;
					}

					#panel-menu li a { color: #fff;}
					
					#panel ul {
						margin: 85px 10px 20px 10px;
					}
					
					#panel-menu li {
						text-align: left;
						padding: 5px 0 5px 15px;
						font-size: 11px;
						line-height: 100%;
						background: url('http://www.angayuk.com/Templates/images/bullet.png') 0 center no-repeat;
					}
					
					#panel-menu div#kdc1 {
						background: url('http://www.angayuk.com/Templates/images/kdc1.png') 0 0;
						float: left;
						margin: 0 5px;
						width: 176px;
						height: 217px;
						display: block;}
					
					#panel-menu div#kdc2 {
						background: url('http://www.angayuk.com/Templates/images/kdc2.png') 0 0;
						float: left;
						margin: 0 5px;
						width: 176px;
						height: 217px;
						display: block;}
						
					
					#panel-menu div#kdc3 {
						background: url('http://www.angayuk.com/Templates/images/kdc3.png') 0 0;
						float: left;
						margin: 0 5px;
						width: 176px;
						height: 217px;
						display: block;}
					
					#panel-menu div#kdc4 {
						background: url('http://www.angayuk.com/Templates/images/kdc4.png') 0 0;
						float: left;
						margin: 0 5px;
						width: 176px;
						height: 217px;
						display: block;}
					
					#panel-menu div#kdc5 {
						background: url('http://www.angayuk.com/Templates/images/kdc5.png') 0 0;
						float: left;
						margin: 0 5px;
						width: 176px;
						height: 217px;
						display: block;}


	#top-panel-tab { /* Only Part showing when page loads */
		height: 22px;
		width: 100%;
		text-align: right;
		width: 960px;
		margin: auto;}
		
		a.btn-slide {
			background: url('http://www.angayuk.com/Templates/images/family-logo.png') 0 0;
			display: block;
			width: 271px;
			height: 22px;
			text-indent: -99999px;
			float: right;
		}
		
		a.btn-slide:hover {
			background-position: 0 -22px;	
		}
		
		a.active {
			background: url('http://www.angayuk.com/Templates/images/family-logo.png') 0 -44px;
			display: block;
			width: 271px;
			height: 22px;
			text-indent: -99999px;
			float: right;
		}
		
		a.active:hover {
			background-position: 0 -66px;	
		}