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

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

#contact-content-left
{
	width:427px;
	float:left;
}
.contact-logo
{
	float:left;
	width:427px;
	height:128px;
	float:left;
}

#contact-content-right
{
	width:417px;
	float:left;
}

.contact-email
{
	width:427px;
	height:45px;
	background:url(../krok-images/background-contact-email.png) no-repeat;
	padding:58px 0px 0px 0px;
	text-align:center;
	float:left;
	font-size:100%;
	font-weight:bold;
}

.contact-email a
{
	color:#D3D0CA;
	text-decoration: underline;
}

.contact-email a:hover
{
	color:#D3D0CA;
	text-decoration: none;
}

.contact-text
{
	width:327px;
	height:237px;
	background:url(../krok-images/background-contact-content.png) no-repeat;
	float:left;
	padding:50px 50px 0px 50px;
	font-size:85%;
	line-height:18px;
}
.contact-findus
{
	width:317px;
	height:191px;
	float:left;
	background:url(../krok-images/background-findus.gif) no-repeat;
	padding:70px 50px 0px 50px;
	font-size:85%;
	line-height:18px;

}

.contact-address
{
	width:372px;
	height:88px;
	background:url(../krok-images/background-contact-address.png) no-repeat;
	float:left;
	font-size:90%;
	font-weight:bold;
	color:#D3D0CA;
	padding:20px 0px 0px 45px;
	text-align:center;
}

.contact-map
{
	width:417px;
	height:303px;
	float:left;
	background:url(../krok-images/background-contact-map.png) no-repeat;
}
/* 	===================================================================================================
												Contact-menu
===================================================================================================  */

#contact-menu
{
	width:427px;
	float: left;
	height:160px;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:left;
}

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

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

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

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

#cm1{
	left:0; top:2px;  width:380px;
}
#cm2{
	left:0px; top:34px; width:380px;
}
#cm3{
	left:0px; top:65px; width:380px;
}
#cm4{
	left:0px; top:96px; width:380px;
}
#cm5{
	left:0px; top:129px; width:380px;
}


#cm1 a:hover {
	background:  transparent url(../krok-images/background-contact-menu.gif) no-repeat -427px -2px;  border-bottom:0;
}
#cm2 a:hover {
	background: transparent url(../krok-images/background-contact-menu.gif) no-repeat -427px -34px; border-bottom:0;
}
#cm3 a:hover {
	background: transparent url(../krok-images/background-contact-menu.gif) no-repeat -427px -65px; border-bottom:0;
}
#cm4 a:hover {
	background: transparent url(../krok-images/background-contact-menu.gif) no-repeat -427px -96px; border-bottom:0;
}
#cm5 a:hover {
	background: transparent url(../krok-images/background-contact-menu.gif) no-repeat -427px -129px; border-bottom:0;
}


#cm5a {
	left:0px; top:129px; width:380px; background: transparent url("../krok-images/background-contact-menu.gif") no-repeat -854px -129px; border-bottom:0;
}