/* CSS Document */
/* 	Karaoke Me
	Last updated on July 17, 2007
	Created & Updated by SS
*/

/* 	===================================================================================================
												Menu
===================================================================================================  */

#experience-logo{
	text-align:left;
	width:427px;
	height:128px;
	padding:0;
	margin:0;
	float: left;
}

#experience-logo ul{
	position: relative;
	width:427px;
	height:128px;
	background: url(../krok-images/karaoke-logo1.jpg);
	margin: 0;
	padding: 0;
}

#experience-logo ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
}

#experience-logo ul li, #experience-logo a{
	display:block;
	height:128px;
	border-bottom:0;
}

#experience-logo ul li a{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

#experiencebutton{
	left:0; top:0; width:427px;
}

#experiencebutton a:hover{
	background: transparent url(../krok-images/karaoke-logo1.jpg) 0 -128px no-repeat; border-bottom:0;
}


/* 	===================================================================================================
											Latest News Menu
===================================================================================================  */

#latestnews-logo
{
	text-align:left;
	width:427px;
	height:128px;
	padding:0;
	margin:0;
	float: left;
}

#latestnews-logo ul
{
	position: relative;
	width:427px;
	height:128px;
	background: url(../krok-images/karaoke-logo1-latestnews.jpg);
	margin: 0;
	padding: 0;
}

#latestnews-logo ul li
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
}

#latestnews-logo ul li, #latestnews-logo a
{
	display:block;
	height:128px;
	border-bottom:0;
}

#latestnews-logo ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

#latestnewsbutton
{
	left:0; top:0; width:427px;
}

#latestnewsbutton a:hover
{
	background: transparent url(../krok-images/karaoke-logo1-latestnews.jpg) 0 -128px no-repeat; border-bottom:0;
}


/* 	===================================================================================================
												food-drink
===================================================================================================  */

.content-row
{
	width:840px;
	float:left;
}
#experience-content-left
{
	width:392px;
	float:left;
}
.experience-logo
{
	width:392px;
	height:128px;
}

#experience-logo
{
	width:392px;
	height:128px;
}

.experience-left-bottom
{
	float:left;
	width:392px;
	height:337px;
	background:url(../krok-images/img-experience-bottom.jpg) no-repeat;
}

.experience-right-bottom
{
	float:left;
	width:620px;
	height:56px;
	background:url(../krok-images/background-exper-right-bottom.gif) right top no-repeat;
	text-align:right;
	padding:0px 225px 0px 0px;
	font-weight:bold;
}

.experience-right-bottom a
{
	color:#E0D8E0;
	text-decoration:none;
}

.experience-right-bottom a:hover
{
	color:#E0D8E0;
	text-decoration: underline;
}

#experience-content-right
{
	width:453px;
	float:left;
}
.exp-touch-screen-top
{
	width:418px;
	height:128px;
	float:right;
	padding:0px 1px 0px 0px;
}
.exp-touch-screen
{
	width:453px;
	height:125px;
	float:left;
	background:url(../krok-images/img-experience-touchscreen.gif) no-repeat;
	/*background:url(../krok-images/background-exp-touch-screen.gif) no-repeat;*/
}

.exp-touch-screen img
{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 193px;
}

.latestnews-screen
{
	width:453px;
	height:92px;
	float:left;
	background:url(../krok-images/img-latestnews-touchscreen.jpg) no-repeat;
	/*background:url(../krok-images/background-exp-touch-screen.gif) no-repeat;*/
}


.exp-experience-content
{
	width:453px;
	height:343px;
	float:left;
	background:url(../krok-images/background-exper-content.gif) no-repeat;
	font-size:80%;
	line-height:18px;
	padding:26px 0px 0px 0px;
}

.latest-news-content
{
	width:453px;
	height:376px;
	float:left;
	background:url(../krok-images/background-latestnews-content.jpg) no-repeat;
	font-size:80%;
	line-height:18px;
	padding:26px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.latest-news-content p
{
	padding:0px 0px 10px 0px;
	margin:0px;
}



/* 	===================================================================================================
												food-drink
===================================================================================================  */

#experience-menu
{
	width:392px;
	float: left;
	height:157px;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:left;
}


#experience-menu ul{
	position: relative;
	width:392px;
	height:157px;
	background:url(../krok-images/background-menu-exp.gif) top left no-repeat;
	margin: 0;
	padding: 0;
}

#experience-menu ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#experience-menu li, #experience-menu a{
	display:block;
	height:30px;
	border-bottom:0;
}

#experience-menu ul li a{
	text-indent:-9999px;
	text-decoration:none;
}

#em1{
	left:0; top:0px;  width:392px;
}
#em2{
	left:0px; top:34px; width:392px;
}
#em3{
	left:0px; top:65px; width:392px;
}
#em4{
	left:0px; top:97px; width:392px;
}
#em5{
	left:0px; top:128px; width:392px;
}


#em1 a:hover {
	background:  transparent url(../krok-images/background-menu-exp.gif) no-repeat -392px -0px;  border-bottom:0;
}
#em2 a:hover {
	background: transparent url(../krok-images/background-menu-exp.gif) no-repeat -392px -34px; border-bottom:0;
}
#em3 a:hover {
	background: transparent url(../krok-images/background-menu-exp.gif) no-repeat -392px -65px; border-bottom:0;
}
#em4 a:hover {
	background: transparent url(../krok-images/background-menu-exp.gif) no-repeat -392px -97px; border-bottom:0;
}
#em5 a:hover {
	background: transparent url(../krok-images/background-menu-exp.gif) no-repeat -392px -128px; border-bottom:0;
}

#em1a {
	left:0px; top:0px; width:392px; background: transparent url("../krok-images/background-menu-exp.gif") no-repeat -784px -0px; border-bottom:0;
}


/* 	===================================================================================================
											Latest News food-drink
===================================================================================================  */

#latestnews-menu
{
	width:392px;
	float: left;
	height:157px;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:left;
}


#latestnews-menu ul{
	position: relative;
	width:392px;
	height:157px;
	background:url(../krok-images/background-menu-latestnews.gif) top left no-repeat;
	margin: 0;
	padding: 0;
}

#latestnews-menu ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#latestnews-menu li, #latestnews-menu a{
	display:block;
	height:30px;
	border-bottom:0;
}

#latestnews-menu ul li a{
	text-indent:-9999px;
	text-decoration:none;
}

#lm1{
	left:0; top:0px;  width:392px;
}
#lm2{
	left:0px; top:31px; width:392px;
}
#lm3{
	left:0px; top:62px; width:392px;
}
#lm4{
	left:0px; top:94px; width:392px;
}
#lm5{
	left:0px; top:125px; width:392px;
}


#lm1 a:hover {
	background:  transparent url(../krok-images/background-menu-latestnews.gif) no-repeat -392px -0px;  border-bottom:0;
}
#lm2 a:hover {
	background: transparent url(../krok-images/background-menu-latestnews.gif) no-repeat -392px -31px; border-bottom:0;
}
#lm3 a:hover {
	background: transparent url(../krok-images/background-menu-latestnews.gif) no-repeat -392px -62px; border-bottom:0;
}
#lm4 a:hover {
	background: transparent url(../krok-images/background-menu-latestnews.gif) no-repeat -392px -94px; border-bottom:0;
}
#lm5 a:hover {
	background: transparent url(../krok-images/background-menu-latestnews.gif) no-repeat -392px -125px; border-bottom:0;
}