/**************************

	styles.css
	for Oktoberfest and LUDUS Tours
	
	by: E. Shane Weaver Design Corp.
	
	last updated by: 
	Shane 06/23/2010

****************************/

body {
	background: #ffff99;
}

a img {
	border: none;
}

ul {
	font-family: neo sans, verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 33px;
	color: #ffffff;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

#container {
	margin: 10px auto 0 auto;
	width: 978px;
}

#header {
	margin: 0; padding: 0;
	width: 978px; 
	height: 70px;

	background: url("../images/bg_header.jpg") no-repeat top left; 
	float: left;
}

#content {
	margin: 0; padding: 0;
	width: 978px;

	background: url("../images/bg.gif") repeat-y top left; 
	float: left;
}

#footer {
	margin: 0; padding: 0;
	width: 978px; 
	height: 37px;

	float: left;
}

#main_col {
	margin: 0 0 0 40px; padding: 0;
	_margin-left: 20px;
	width: 660px;
	float: left;
}

#main_col p {
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
}

#main_col a {
	font-weight: bold;
	text-decoration: none;
	color: #d23d01;
}

#main_col a:hover {
	text-decoration: underline;
}


#main_box {
	margin: 10px 0 0 60px;
	_margin-left: 30px;	
	padding: 20px;
	width: 535px;
	background: #feff85;
	border: solid 2px #eeeee8;

	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;	
}

#sidebar {
	margin: 0 19px 0 0; padding: 0;
	_margin-right: 9px;
	width: 232px;
	float: right;
	text-align: center;
}

#icns_sidebar {
	margin: 0 19px 10px 0; padding: 10px 0 0 0;
	_margin: -5px 9px 10px 0;
	height: 76px;
	width: 235px;
	background: #ffffff;
	float: right;
}

#icns_sidebar a { margin: 0; padding: 0; }

#icns_sidebar a img { margin: 0; padding: 0; }

#snapshot {
	margin: 0; padding: 0;
	background: url("../images/bg_snapshots.png") no-repeat top left;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://dev.melitokagan.com:81/ludus/images/bg_snapshots.png", sizingMethod="scale");	
	width: 208px;
	height: 227px;
	display: block;
}

#shot_container {
	margin: 13px 0 0 17px; padding: 0;
	width: 172px;
	height: 172px;
	display: block;
}

.seemore {
	float: right; 
	margin: 7px 12px 0 0;
}

/* nav styles */

#nav {
	margin: 10px 0 0 13px; padding: 0;
	width: 958px;
	height: 33px;
}

#nav a {
	display: block;
	height: 33px;
}

.nav_home a {
	width: 73px;
	_height: 33px; 	
	background: url("../images/nav.gif") no-repeat 0 0;
}

.nav_home a:hover {
	background: url("../images/nav.gif") no-repeat 0 -35px;
}

.nav_munich a {
	width: 83px;
	_height: 33px; 
	background: url("../images/nav.gif") no-repeat -72px 0;
}

.nav_munich a:hover {
	background: url("../images/nav.gif") no-repeat -75px -35px;
	_height: 33px; 
}

.nav_packages a {
	width: 136px;
	_height: 33px; 
	background: url("../images/nav.gif") no-repeat -158px 0;
}

.nav_packages a:hover {
	background: url("../images/nav.gif") no-repeat -158px -35px;
	_height: 33px; 
}

.nav_services a {
	width: 136px;
	_height: 33px; 
	background: url("../images/nav.gif") no-repeat -295px 0;
}

.nav_services a:hover {
	background: url("../images/nav.gif") no-repeat -295px -35px;
	_height: 33px; 
}

.nav_oktoberfest a {
	width: 197px;
	_height: 33px; 
	background: url("../images/nav.gif") no-repeat -432px 0;
}

.nav_oktoberfest a:hover {
	background: url("../images/nav.gif") no-repeat -432px -35px;
	_height: 33px; 
}

.nav_about a {
	width: 106px;
	_height: 33px; 
	background: url("../images/nav.gif") no-repeat -625px 0;
}

.nav_about a:hover {
	background: url("../images/nav.gif") no-repeat -625px -35px;
	_height: 33px; 
}

.nav_ludus a {
	margin-left: 60px;
	width: 156px;
	_height: 33px; 
	background: url("../images/nav.gif") no-repeat -796px 0;
}

.nav_ludus a:hover {
	background: url("../images/nav.gif") no-repeat -796px -36px;
	_height: 33px; 
}


#nav ul {
	margin: 0; padding: 0;
	width: 957px;
	height: 33px;
	list-style-type: none;
	float: left;
	background: url("../images/nav.gif") no-repeat 0 0;
}

#nav li {
	float: left;
	_height: 33px;
	list-style-type: none;
}


li ul {
	position: absolute;
	display: none;
	width: 181px;
	top: 52px;
	margin: 0; padding: 0;
	z-index: 10;
}

#nav li ul li {
	float: none;
	margin: 0; padding: 0 0 0 15px;
	line-height: 21px;
	width: 181px;
	position: relative;
	z-index: 10;
	display: block;
	_margin-bottom: -11px;
	background: #666666;
	border-left: solid 1px #383533;
	border-right: solid 1px #383533;
	text-indent: -15px;
	_text-indent: 0;
}

#nav li ul {
	width: 180px;
	z-index: 10;
	background: #666666;
}

	#nav li ul li a {
		position: relative;
		display: inline;
		width: 165px;
		margin: 0 0 0 8px; padding: 0 8px 0 0;
		background: #666666;
		color: #ffffff;
		font-family: Neo Sans, Verdana, arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		text-align: left;
		height: 21px;
	}

	#nav li ul li a:hover {

		text-decoration: underline;
		width: 165px;
		margin: 0 0 0 8px; padding: 0 8px 0 0;
		height: 21px;
		background: #666666;

	}

	li.last {
		height: 25px;
		padding-bottom: 5px;
		border-bottom: solid 1px #383533;
		background: #666666;
		display: block;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html #nav ul li ul li { height: 1%;}
* html #nav ul li ul li a { height: 1%; }
/* End */
	
	li:hover ul, li.over ul { 
		display: block; 

		margin: 0; padding: 0;
		width: 175px;
		background: #666666;
		
	}



/* index styles */

.index #content {
	background: url("../images/bg_index.gif") repeat-y top left; 
}

.index #footer {
	margin-top: 0px; padding: 25px 0 0 50px;
	_margin-top: -5px;
	height: 366px;
	background: url("../images/bg_footer_index.jpg") no-repeat top left; 
	float: left;
}

.index #footer p {
	margin: 300px 60px 0 0;
	_margin-top: 320px;
	text-align: right; 
	font-family: Verdana, arial, sans-serif;
	font-size: 9px;
	color: #003333;
}

.index #main_image {
	margin: 0 0 0 11px;
	_margin-left: 6px;	
	height: 371px;
	width: 641px;
	float: left;
}

.index #accom {
	margin: 0 20px 0 0; padding: 0;
	_margin-right: 10px;	
	width: 282px;
	height: 234px;
	
	float: right;

}

.index #reservations {
	margin: 0 20px 0 0; padding: 0;
	_margin-right: 10px;
	width: 283px;
	height: 134px;
	display: block;
	float: right;

}

.index #snapshot {
	margin: 8px 0 0 28px; padding: 0;
	_margin-left: 14px;
	float: left;
}

.index #middle {
	margin: 13px 0 0 5px; padding: 0;
	width: 425px;
	height: 216px;
	display: block;
	float: left;
}

.index #lower {
	margin: 13px 0 0 9px; padding: 5px 0 0 4px;
	width: 230px;
	height: 212px;
	display: block;
	float: left;
	background: #eeeee8;
} 

.index #lower p {
	margin: 0 10px 5px 10px;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
	
}

.index #lower form {
	margin: 0 15px 10px 15px;
}


/* Packages styles */

.packages h2 {
	margin: 25px 0 0 15px;
}

.packages #main_image {
	margin: 0 0 0 11px; 
	_margin-left: 6px;
	height: 138px;
	width: 959px;
	float: left;
}

.packages #footer {
	margin-top: 0px; padding: 95px 0 0 50px;
	height: 125px;
	background: url("../images/bg_footer.jpg") no-repeat top left; 
	float: left;
}

.packages #footer p {
	margin: 0 60px 0 0;
	_margin-left: 30px;	
	text-align: right; 
	font-family: Verdana, arial, sans-serif;
	font-size: 9px;
	color: #003333;
}

.packages #main_col p {
	margin: 15px 25px 0 80px;	
}

.packages #snapshot {
	margin: 15px 0 0 15px; padding: 1px 0 0 0;
	_margin-right: 8px;	
}


.packages #oktober {
	margin: 15px 0 0 1px; padding: 0;
	height: 137px;
	width: 231px;
}
.mainbodytext {
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
}.outlineborder { border: 1px solid #999; }