body
{
	margin:0;
	background-color:#111111;
	
	background-color:#dedede;
}
#spinner
{
	position:absolute;
	left:50%;
	top:50%;
	margin:-45px 0 0 -45px;
	
	padding:24px 15px;

	background-color:#333333 !important;

	font-family:'Helvetica Neue',Helvetica,arial,sans-serif;
	text-align:center;
	font-size:11px;
	color:white;
}
#map
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
#map > div > div.gmnoprint:last-child
{
	/*	this moves map type controls below MLF bar
	*/
	margin:60px 10px !important;
}
#map > div > div.gmnoprint:nth-last-child(2)
{
	/*	this moves map zoom controls below MLF bar
	*/
	margin:65px 15px !important;
}
#map .info
{
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:14px;
}

#logo 
{
    position:absolute;
    left:10px;
    top:-12px;
    height:65px;
    overflow:hidden;
}

#controls-wrapper { margin:18px 5px 0px 0; height:32px; width:100%; top:22; left:0; z-index:4; background:url(../media/nav-bg.png) repeat-x; position:fixed; }
#controls {  height:100%; text-align:left; z-index:5; padding:0 2px; /* Increase padding to give thumbnails room */ }
/* #navigation { float:right; margin:5px 10px 0 0; } */
#social { float:right; margin:5px 8px 0 0;}

a.button
{
	display:inline-block;
	width:28px;
	height:22px;
	
	background:transparent url(../media/navImg/Mainnavigation.png) no-repeat 0 0;
}

a.button:hover
{
	background-position:0 100%;
}

a.two
{
	background-position:-29px 0;
}
a.two:hover
{
	background-position:-29px 100%;
}
a.three
{
	background-position:-58px 0;
}
a.three:hover
{
	background-position:-58px 100%;
}
a.four
{
	background-position:-87px 0;
	margin-right:18px;
}
a.four:hover
{
	background-position:-87px 100%;
}
a.five
{
	display:inline-block;
	width:18px;
	height:22px;
	background-position:-115px 0;
}
a.five:hover
{
	background-position:-115px 100%;
}
a.six
{
	display:inline-block;
	width:18px;
	height:22px;
	background-position:-133px 0;
}
a.six:hover
{
	background-position:-133px 100%;
}
a.seven
{
	display:inline-block;
	width:18px;
	height:22px;
	background-position:-151px 0;
}
a.seven:hover
{
	background-position:-151px 100%;
}

#navigation
{
	display:none;
	position:absolute;
	right:228px;
	top:5px;
	height:22px;
	
	border:1px solid #999999;
	border-top:0;
	border-bottom:0;
}

#navigation > a
{
	display:inline-block;
	margin:0 0 0 4px;
	width:18px;
	height:25px;
	vertical-align:middle;
	background:transparent url(../media/nav.png) no-repeat 0 0;
}
#navigation > a.pressed
{
	background-position:0 100%;
}
#navigation > a.next
{
	margin:0 5px 0 -2px;
	background-position:100% 0;
}
#navigation > a.next.pressed
{
	background-position:100% 100%;
}

canvas.marker, img.marker
{
	position:absolute;
}
img.marker
{
	cursor:pointer;
	/* border:1px solid magenta; */
}

div.place
{
	position:absolute;
	left:200px;
	top:200px;
	
	width:320px;
	height:315px;
	
	cursor:auto;
	
	/* background-color:rgba(250,0,0,.2); */
}
img.place-shadow
{
	position:absolute;
}
div.place > canvas
{
	position:absolute;
}
div.place > canvas.tip
{
	/* left:140px; */
	bottom:-30px;
	width:40px;
	height:31px;
	
	/* background-color:rgba(250,0,0,.2); */
}

div.place > .content
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	border-radius:6px 6px 0 0;
	background:transparent none no-repeat 0 0;
	
    color: #999999;
    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:12px;
	line-height:15px;
    text-shadow: 0 1px 0 #000000;
}
div.place > .content > .caption
{
	margin:245px 10px 0 10px;
}
div.place > .content p
{
	margin:3px 0;
}
div.place > .content .title
{
	color:white;
}

div.place > .content > .list-header
{
	text-align:center;
	line-height:26px;
}
div.place > .content > .list-header a
{
	display:inline-block;
	margin:0 5px;
	width:18px;
	height:25px;
	vertical-align:middle;
	background:transparent url(../media/nav.png) no-repeat 0 0;
}
div.place > .content > .list-header a.pressed
{
	background-position:0 100%;
}
div.place > .content > .list-header a.next
{
	background-position:100% 0;
}
div.place > .content > .list-header a.next.pressed
{
	background-position:100% 100%;
}


div.place > .content > a.list-item
{
	display:block;
	height:26px;
	
	padding:0 8px;

	background:transparent url(../media/bg-list-item.png) repeat-x 0 0;

	color:white;
	text-decoration:none;
	line-height:26px;
	overflow:hidden;
	white-space:nowrap;
}
div.place > .content > a.zoom
{
	position:absolute;
	left:50%;
	margin-left:-16px;
	bottom:2px;
	height:27px;
	width:32px;
	
	background:transparent url(../media/zoom.png) repeat-x 0 0;
}


div.place > .content > a.list-item:hover,
div.place > .content > a.zoom:hover
{
	background-position:0 100%;
}