@import "template-listings.css";
@import "template-full.css";
@import "listings.css";

#page.mhtours #landing
{
	background: url('../images/imagery-mhtours.jpg') no-repeat;
	height: 380px;
}

#page.mhtours #landing h1.script
{
	font-size: 5em;
	position: absolute;
	top: -70px;
}

#page.mhtours #landing h1
{
	position: static;
}

#page.mhtours #landing #intro
{
	position: absolute;
	top: 230px;
	left: 68px;
	width: 551px;
	font-size: .75em;
}


/* MAP */

#page.mhtours.map #map
{
	
	margin-top: 39px;
	position: absolute;
	top: 370px;
	
	z-index: 100;
	
	background: #0b2d5b;
	padding: 0 25px 25px 25px;
	width: 607px;
	height: 410px;
	left: 0px;
}

#page.mhtours.map #middle
{
	margin: 0;
}

#page.mhtours.map #content
{
	margin: 454px 0 40px;
}

#page.mhtours.map #content .page
{
	display: none;
}

#page.mhtours.map #right
{
	position: relative;
	/*top: -384px;*/
	top: -20px;
	padding: 0;
}

#page.mhtours #right h4
{
	background: #e2ddd7;
	clear: both;
	font-size: .95em;
	padding: 5px 3px 0 3px;
}

#page.mhtours #right .attraction
{
	border-top: solid 1px #c7c7c7;
	padding: 20px 0;
	font-size: .85em;
}

#page.mhtours #right .attraction h4
{
	clear: none;
	font-size: 1em;
	background: none;
	padding: 0;
}

#page.mhtours #right .attraction.first
{
	border-top: none;
}

#page.mhtours #right .attraction .num
{
	float: left;
	width: 14px;
}

#page.mhtours #right .attraction .image
{
	float: left;
	width: 90px;
	height: 60px;
	margin: 0 5px;
}

#right .attraction .image img
{
	width: 90px;
	height: 60px;
}

#page.mhtours #right .attraction .content
{
	width: 148px;
	float: left;
}

ul.tours
{
	margin: 0;
	padding: 0;
}

ul.tours li
{
	width: 396px;
	float: left;
	list-style: none;
	margin-left: 50px;
	margin-bottom: 40px;
}

ul.tours li h2
{
	border-bottom: solid 1px #e1e1e1;
	margin-bottom: 15px;
}

ul.tours li div
{
	font-size: .8em;
	line-height: 1.3em;
}

ul.tours li.odd
{
	clear: both;
}

ul.tours .image
{
	width: 180px;
	height: 110px;
	float: left;
}

ul.tours li div
{
	float: left;
	width: 216px;
}

.printOnly
{
	display: none;
}

@media print
{
	#header,
	#landing,
	#footer,
	#backpack
	{
		display: none;
	}
	
	.printOnly
	{
		display: block;
	}
	
	#page.mhtours.map #content
	{
		margin-top: 0;
		float: none;
		width: auto;
	}
	
	#page.mhtours.map #right,
	#page.mhtours #right .attraction .content
	{
		float: none;
		clear: none;
		position: inherit;
		width: auto;
	}
	
	#page.mhtours #right .attraction .content a
	{
		display: none;
	}
	
	#page.mhtours #right .attraction .image {
		float:left;
		margin:0 15px 15px 0;
		text-align:center;
		width:165px;
		height: auto;
	}
	
	#page.mhtours #right .attraction .image img
	{
		width: auto;
		height: auto;
	}
}