@charset "UTF-8";

* { margin: 0; padding: 0;}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
	
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 40px;
	}
a {
	color: white;
	text-decoration: none
	}
	a:hover {
		text-decoration: underline;
		}
div.spacer { clear: both; }

#wrapper {
	width: 805px;
	}
	#top {
		padding-top: 40px;
		font-size: 11px;
		text-transform: uppercase;
		}
	#top #info {
		display: block;
		clear: right;
		cccborder: 1px solid red;
		height: 28px;
		}
		#top #info span { 
			width: 216px;
			float: left;
			clear: none;
			color: #888;
			}
			#top #info span strong {
				color: white;
				padding-right: 5px;
				}
			#top #info span .bigger {
				font-size: 140%;
				float: none;
				}
			#top #info a {
				color: #888;
				}
	#logo {
		width: 153px;
		height: 86px;
		background-image:url(images/logo.gif);
		background-repeat: no-repeat;
		float: left;
		}
	ul#mainNavigation {
		border-top: solid 1px white;
		clear: right;
		margin-top: 10px;
		list-style: none;
		padding-top: 10px;
		}
		ul#mainNavigation li {
			display: inline;
			}
			ul#mainNavigation li a {
				padding: 10px;
				padding-left: 0px;
				font-size: 14px;
				color: #f0c840;
				text-transform: uppercase;
				}
			ul#mainNavigation li.separator {
				padding: 10px;
				padding-left: 0px;
				font-size: 16px;
				color: #f0c840;
				}
	#sectionImage {
		width: 796px;
		height: 357px;
		display:block;
		clear: both;
		background-repeat: no-repeat;
		}
		.front {
			background-image: url(images/img_front.jpg);
			border-left: 9px solid white;
			}
		.cabinet {
			background-image: url(images/img_cabinet.jpg);
			border-left: 9px solid white;
			}
		.drinks {
			background-image: url(images/img_drinks.jpg);
			border-left: 9px solid white;
			}
		.menu {
			background-image: url(images/img_menu.jpg);
			border-left: 9px solid white;
			}
		.location {
			background-image: url(images/img_location.jpg);
			border-left: 9px solid white;
			}
		.takeaway {
			background-image: url(images/img_takeaway.jpg);
			border-left: 9px solid white;
			}

#content {
	padding-left: 133px;
	padding-right: 0px;
	text-align: center;
	padding-bottom: 40px;
	font-weight: normal;
	}			
	#content h3 {
	letter-spacing: 5px;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 12px;
	margin-top: 20px;
	clear: both;
	padding-top: 40px;
	text-transform: uppercase;
		}
		#content h3 span.comment {
			font-size: 14px;
			display: block;
			text-transform: lowercase;
			font-style: italic;
			clear: both;
			letter-spacing: normal;
			line-height: 22px;
			}
		#content p { color: #ccc; margin-bottom: 12px;}
		#content p strong { color: white; }
		#content p.desc {
			margin-bottom: 12px;
			text-transform: uppercase;
			}
		#content p.en {margin-top: 12px; font-style: italic;}
	#content ul.ruokalista {
		list-style: none;
		font-style:normal;
		text-transform: lowercase;
		font-size: 14px;
		line-height: 19px;
		}
		.align33 { 
			float: left; width: 202px; margin-left: 20px;}
		.align50 { 
			float: left; width: 313px; margin-left: 20px;}
		.align25 { 
			float: left; width: 146px; margin-left: 20px;}
		#content ul.ruokalista li {
			border-top: 1px solid white;
			padding-top: 10px;
			margin-top: 10px;
			text-align: left;
			}
			#content ul.ruokalista li span.title {
				text-transform: uppercase;
				font-weight: bold;
				}
			#content ul.ruokalista li span.fi { display: block; clear: both;}
			#content ul.ruokalista li span.en {
				display: block;
				font-style: italic;
				clear:both;
				color: #888;
				}
			#content ul.ruokalista li span.price { display: block; clear: both;}

	table.juomalista { 
		text-align: left;  
		margin-bottom: 5px;
		}	
		table.juomalista td, table.juomalista th { padding: 4px; }
		table.juomalista thead .colheader, table.juomalista thead th { width: 50px; font-weight: normal;  padding-bottom: 0; }
		table.juomalista tbody td { 
			border-top: 1px solid white; vertical-align: top; 
			}

#footer { font-size: 11px; color: #888; border-top: 1px solid white; clear: both; margin-left: 133px; text-align: center; padding-top: 8px; padding-bottom: 30px;}

.highlight { background-color: #222; padding: 20px;  }