@charset "utf-8";

body
{
	margin: 0;
	padding: 0;
	text-align: center;
	background: #362309 url(../images/taustapala.jpg) repeat left top;
	color: #fff7eb;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

h1
{
	font-size: 14px;
	color: #fff7eb;
	font-weight: bold;
	margin: .6em 0;
}

h2
{
	font-size: 13px;
	color: #fff7eb;
	font-weight: bold;
	margin: .6em 0;
}

h3
{
	font-size: 12px;
	color: #fff7eb;
	font-weight: bold;
	margin: .6em 0;
}

a,
a:link,
a:visited
{
	color: #f3be0c;
	text-decoration: none;
}

a:hover,
a:active
{
	text-decoration: underline;
}

a img
{
	border: none;
}

object,
embed
{
	margin: 0;
	padding: 0;
}


#outer_wrapper
{
	margin: 0;
	padding: 53px 0;
	background: transparent url(../images/taustapala.jpg) repeat-x left top;
}

#inner_wrapper
{
	width: 996px;
	margin: 33px auto 0;
	text-align: left;
	background: transparent url(../images/bottom_bg.gif) no-repeat left bottom;
}

#wrapper
{
	height: auto !important;
	min-height: 400px;
	height: 400px;
	width: 996px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/top_bg.gif) no-repeat left top;
	position: relative;
	top: -33px; /* Shift the wrapper up to make the convex corners look okay */
}

#head
{
	padding: 0 0 0 65px;
}

#head h1
{
	width: 294px;
	height: 104px;
	float: left;
	margin: 0;
	padding: 23px 0 0 0;
}

#head h1 a,
#head h1 a:link,
#head h1 a:visited,
#head h1 a:hover,
#head h1 a:active
{
	display: block;
	cursor: pointer;
	width: 170px;
	height: 104px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/top_bg.gif) no-repeat -65px -23px;
}

#head form
{
	width: 605px;
	height: 32px;
	overflow: hidden;
	margin: 0;
	padding: 52px 0 0 0;
	text-align: right;
	float: left;
	font-size: 11px;
	color: #fff;
}

#head form a,
#head form a:link,
#head form a:visited
{
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}

#head form a:hover,
#head form a:active
{
	color: #fff;
	text-decoration: underline;
}

#head form input
{
	vertical-align: middle;
}

#head form input.textinput
{
	padding: 4px 12px;
	margin: 0 5px 0 15px;
	width: 183px;
	border: 1px solid #b2a366;
	background: #514838 url(../images/searchfield_bg.gif) repeat-x left top;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

#navbar
{
	width: 617px;
	height: 44px;
	background: transparent url(../images/navitems.gif) no-repeat left top;
	margin: 0 0 37px;
	padding: 0;
	float: left;
}

* html #navbar
{
	float: none;
	position: relative;
	left: -3px;
}

#navbar ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#navbar ul li
{
	margin: 0;
	padding: 0;
	float: left;
}

#navbar ul li a,
#navbar ul li a:link,
#navbar ul li a:visited,
#navbar ul li a:hover,
#navbar ul li a:active
{
	display: block;
	height: 44px;
	cursor: pointer;
	background-image: url(../images/navitems.gif);
	background-repeat: no-repeat;
}

#navitem_1,
#navitem_1 a:link,
#navitem_1 a:visited
{
	width: 99px;
	background-position: left top;
}

#navitem_1.active,
#navitem_1.active a:link,
#navitem_1.active a:visited,
#navitem_1 a:hover,
#navitem_1 a:active
{
	background-position: left -44px;
}

#navitem_2 a,
#navitem_2 a:link,
#navitem_2 a:visited
{
	width: 104px;
	background-position: -99px top;
}

#navitem_2.active,
#navitem_2.active a:link,
#navitem_2.active a:visited,
#navitem_2 a:hover,
#navitem_2 a:active
{
	background-position: -99px -44px;
}

#navitem_3 a,
#navitem_3 a:link,
#navitem_3 a:visited
{
	width: 65px;
	background-position: -203px top;
}

#navitem_3.active,
#navitem_3.active a:link,
#navitem_3.active a:visited,
#navitem_3 a:hover,
#navitem_3 a:active
{
	background-position: -203px -44px;
}

#navitem_4 a,
#navitem_4 a:link,
#navitem_4 a:visited
{
	width: 107px;
	background-position: -267px top;
}

#navitem_4.active,
#navitem_4.active a:link,
#navitem_4.active a:visited,
#navitem_4 a:hover,
#navitem_4 a:active
{
	background-position: -267px -44px;
}

#navitem_5 a,
#navitem_5 a:link,
#navitem_5 a:visited
{
	width: 78px;
	background-position: -374px top;
}

#navitem_5.active,
#navitem_5.active a:link,
#navitem_5.active a:visited,
#navitem_5 a:hover,
#navitem_5 a:active
{
	background-position: -374px -44px;
}

#navitem_6 a,
#navitem_6 a:link,
#navitem_6 a:visited
{
	width: 115px;
	background-position: -452px top;
}

#navitem_6.active,
#navitem_6.active a:link,
#navitem_6.active a:visited,
#navitem_6 a:hover,
#navitem_6 a:active
{
	background-position: -452px -44px;
}





#body
{
	padding: 0 19px 20px 25px;
	margin: 0;
	clear: both;
	background: transparent url(../images/content_body.gif) no-repeat 25px bottom;
}

#content
{
	float: left;
	width: 688px;
	height: auto !important;
	min-height: 295px;
	height: 295px;
	padding: 11px 11px 0 10px;
	margin: 0 8px 0 0;
	position: relative;
	top: -26px;
	background: transparent url(../images/content_body.gif) no-repeat 0 top;
}

#content_head_wrapper
{
	margin: 0 0 16px;
	padding: 25px 38px 10px;
	background: transparent url(../images/blt_content_head.gif) no-repeat 14px 25px;
	border-bottom: 1px solid #59543f;
}

#content_head
{
	background-image: none;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#content_body,
p.date,
p.backlink
{
	padding: 0 43px 0 14px;
}


#subnavi
{
	overflow: hidden;
	float: left;
	width: 208px;
	padding: 11px 12px 0 9px;
	margin: 0;
	position: relative;
	top: -26px;
	background: transparent url(../images/content_body.gif) no-repeat -717px top;
}

#subnavi h2
{
	background: transparent url(../images/blt_subnavi_head.gif) no-repeat 8px 25px;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 16px;
	padding: 25px 0 10px 30px;
	border-bottom: 1px solid #59543f;
}

#subnavi ul
{
	list-style: none;
	margin: 18px;
	padding: 0;
}

#subnavi ul li
{
	padding: 0;
	margin: 0;
	font-size: 11px;
}

#subnavi ul li a,
#subnavi ul li a:link,
#subnavi ul li a:visited
{
	color: #fff7eb;
	text-decoration: none;
}

#subnavi ul li a.active,
#subnavi ul li a.active:link,
#subnavi ul li a.active:visited,
#subnavi ul li a:hover,
#subnavi ul li a:active
{
	color: #d9bf6b;
	text-decoration: none;
}


#footer
{
	width: 946px;
	height: 1px;
	overflow: hidden;
	clear: both;
}




#home #body
{
	width: 955px;
	background-image: none;
	padding: 0 0 0 25px;
}

#home #content
{
	padding: 0;
	margin-bottom: -33px;
	width: 955px;
	background-image: none;
}

#home #content_left
{
	width: 660px;
	float: left;
	margin-right: 6px;
}

#home #content_left img
{
	border: none;
}

#home #content_left #banner_top
{
	margin-bottom: 2px;
}

/* Home banners - the quick and dirty fix */

#home #content_left #banner_bottom
{
	position: relative;
	bottom: -5px;
}

#home #content_left #banner_bottom object,
#home #content_left #banner_bottom embed
{
	float: left;
}

#home #content_right
{
	width: 231px;
	height: 222px;
	padding: 261px 29px 0 23px;
	background: transparent url(../images/juttunurkka_bg_home.gif) no-repeat left top;
	font-size: 11px;
}



.restaurant #content_head
{
	width: 235px;
	margin-right: 5px;
}

.restaurant #head_info
{
	width: 410px;
	float: right;
}

.restaurant #street_address
{
	width: 200px;
	float: right;
	text-align:right;
	padding-right:10px;
}

.restaurant #post_office
{
	width: 100px;
	float: right;
}

.restaurant #tel
{
	width: 100px;
	float: right;
	text-align:right;
}

.restaurant .clearer
{
	width: 560px;
	height: 1px;
	overflow: hidden;
	clear: both;
	display: none;
}



#content_left
{
	width: 370px;
	float: left;
	margin-bottom: 10px;
}

#content_left img
{
	border: 1px solid #96845f;
}

#content_left #feedbackbtn
{
	width: 359px;
	height: 34px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#content_left #feedbackbtn a,
#content_left #feedbackbtn a:link,
#content_left #feedbackbtn a:visited,
#content_left #feedbackbtn a:hover,
#content_left #feedbackbtn a:active
{
	display: block;
	cursor: pointer;
	width: 359px;
	height: 34px;
	background: transparent url(../images/btn_feedback.gif) no-repeat left top;
}

#content_right
{
	width: 240px;
	float: left;
	margin-bottom: 10px;
}


#content_bottom
{
	clear: both;

}




.ir
{
	text-decoration: none;
	outline: none;
	overflow: hidden;
	text-indent: -9999px;
}










/* Navigo specific styles */

/* NAVIGO DEFAULT TABLE */

.u4-table-default
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-default-header
{
	background-color: #484b4b;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #fff7eb;
	padding: 4px 5px;
	border: none;
	border-bottom: 1px solid #2e3030;
	border-right: 1px solid #2e3030;
}

.u4-table-default-header2,
.u4-table-default-even,
.u4-table-default-odd
{
	background-color: #3a3c3c;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #2e3030;
	border-right: 1px solid #2e3030;
	padding: 2px 5px;
}

.u4-table-default-odd
{
	background-color: #484b4b;
}




/* Table header w/ rounded corners (using JS) */

.u4-table-fancy
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-fancy-header
{
	background-color: #96845f;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #fff7eb;
	padding: 4px 5px;
	border: none;
	border-bottom: 1px solid #2e3030;
	border-right: 1px solid #2e3030;
}

.u4-table-fancy-header2,
.u4-table-fancy-even,
.u4-table-fancy-odd
{
	background-color: #3a3c3c;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #2e3030;
	border-right: 1px solid #2e3030;
	padding: 2px 5px;
}

.u4-table-fancy-odd
{
	background-color: #484b4b;
}





/* Table w/o header row */

.u4-table-noheader
{
	border-top: 1px solid #4c4d4d;
	border-bottom: 1px solid #4c4d4d;
	border-collapse: separate;
	border-spacing: 1px 1px;
	margin: 0;
	padding: 0;
}

.list_tabular table.u4-table-noheader
{
	width: 97%; /* was 80% */
}

.u4-table-noheader-header
{
	background-color: #484b4b;
	vertical-align: top;
	text-align: left;
	padding: 4px 5px;
	border: none;
}

.u4-table-noheader-header2,
.u4-table-noheader-even,
.u4-table-noheader-odd
{
	background-color: #3a3c3c;
	vertical-align: top;
	text-align: left;	
	padding: 2px 5px;
	border: none;
}

.u4-table-noheader-odd
{
	background-color: #484b4b;
}




/* UNSTYLED TABLE */

.u4-table-unstyled-header,
.u4-table-unstyled-header2,
.u4-table-unstyled-even,
.u4-table-unstyled-odd
{
	vertical-align: top;
	text-align: left;
}

/* TABLE CELL STYLES */

.u4-table-default-left
{
	text-align: left;
	padding: 4px 5px;
	border-bottom: 1px solid #2e3030;
	border-right: 1px solid #2e3030;
}

.u4-table-unstyled-left
{
	text-align: left;
}

.u4-table-default-right
{
	text-align: right;
	padding: 4px 5px;
	border-bottom: 1px solid #2e3030;
	border-right: 1px solid #2e3030;
}

.u4-table-unstyled-right
{
	text-align: right;
}

/*  bullet-listakohtien valeista ylimaaraiset marginaalit pois */

ul p.MsoNormal { margin-top:2px; margin-bottom: 2px; }
ul p { margin-top:2px; margin-bottom: 2px; }

.textInputTd, .selectInputTd, .senderInputTd{
    width : 183px;
}





/* Quote element */

div.quote
{
	margin: 5px;
	padding: 5px;
	border: 1px solid #dbbe6d;
	font-size: 11px;
}

#home div.quote
{
	margin: 0;
	padding: 0;
	border: none;
}

div.quote div.author
{
	margin: 10px 0 5px 0;
	color: #e8cb0b;
}

div.quote div.quote_from
{
	font-weight: bold;
	margin: 0;
}





/* Reklanet feedback form */
#reklanet_form
{
	padding: 0 43px 0 14px;
}


/* Google Maps */
#mapView
{
	width: 290px;
	height: 240px;
	float: left;
	display:block;
}

#mapLayer
{
	width: 290px;
	height: 240px;
	display: block;
	text-align: left;
}