@charset "utf-8";
/* CSS Document */

*
{
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

html
{
	height:100%;
}

body
{
	background-color:#000000;
	height:100%;
/*	background-image:url(../img/bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat; */
}

#wrapper
{
	width:400px;
	margin:0 auto;
}

h1
{
	background-image:url(../img/logo.jpg);
	background-repeat:no-repeat;
	height:107px;
	background-position:center;
	text-indent:-9999px;
	text-transform:lowercase;
}

h2
{
	display:none;
	text-transform:uppercase;
}

#headbar
{
	background-color:#38302f;
	padding:5px;
}

#headbar .lowercase
{
	text-transform:lowercase;
}

#headbar p
{
	font-size:10px;
	color:#fff;
	text-align:right;
	padding-right:10px;
}

#headbar a
{
	color:#fff;
}

#headbar a:hover
{
	text-decoration:none;
}

#header
{
	margin-top:50px;
	margin-bottom:50px;
}

ul.cities
{
	list-style:none;
/*	border-bottom:1px dotted #38302f; */
}

.cities li a
{
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	border:1px dotted #38302f;
/*	border-bottom:0; */
	text-transform:lowercase;
	height:80px;
	text-indent:-9999px;
}

.cities li
{
	margin-bottom:20px;
}

.orange
{
	background-image:url(../img/li_orange.jpg);
	background-repeat:repeat-x;
	background-position:bottom;		
}

.pink
{
	background-image:url(../img/li_pink.jpg);
	background-repeat:repeat-x;
	background-position:bottom;		
}

.orange:hover
{
	background-image:url(../img/li_orange_hover.jpg);
	background-color:#FFFFFF;
	color:#000;
	background-repeat:repeat-x;
	background-position:bottom;
}

.pink:hover
{
	background-image:url(../img/li_pink_hover.jpg);
	background-color:#FFFFFF;
	color:#000;
	background-repeat:repeat-x;
	background-position:bottom;
}

/* .cities li a:hover
{

} */

.city
{
	font-size:16px;
	display:block;
	letter-spacing:8px;
	font-weight:bold;
}

.cityinfo
{
	font-size:11px;
	display:block;
}

.milan
{
	letter-spacing:0px;
	margin-left:-4px;
}

.berlin
{
	margin-left:-7px;
}

#footer
{
	margin-top:50px;
	text-align:center;
	font-size:11px;
	color:#444;
}

#footer a
{
	color:#444;
}

#footer a:hover
{
	color:#fff;
}
