body {
	background: #f9f9f9 url('../images/background-2.gif');
	color: #333;
	font: 12px/18px "Lucida Grande", Tahoma, Verdana, Helvetica, Arial;
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
}

/*
	basic styles
*/

a, a:link, a:visited, a:focus {
	text-decoration: none;
	color: #196283;
	border-bottom: 1px dotted #b5c6ce;
}
a:hover {
	color: #466f82;
	text-decoration: none;
	border-bottom: 1px dotted #b5c6ce;
}

h1, h2, h3 {
	font-family: Georgia, "Lucida Grande", Helvetica, Arial;
	font-weight: normal;
	margin-bottom: 20px;
	color: #466f82;
}
h1 {
	font-size: 24px;
	line-height: 24px;
}
h2 {
	font-size: 18px;
	margin-bottom: 12px;			
}
h3 {
	font-size: 14px;
	margin-bottom: 8px;			
}

ul, li {
	list-style: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#content p, #content_full p, #content_left {
	margin-bottom: 16px;
}

#content ul li, #content_full ul li, #content_left ul li, #content_right ul li {
	list-style: disc;
	list-style-position: inside;
	margin-left: 24px;
}
#content ol li, #content_full ol li, #content_left ol li, #content_right ol li {
	list-style: decimal;
	list-style-position: inside;
	margin-left: 24px;
}
#content ul, #content ol {
	margin: 15px 0;
}

/*
	common styles
*/

.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}

#frontpage #news .wrapper,
#frontpage #events .wrapper,
#footer .wrapper,
#subpage #content .wrapper,
#subpage #column .wrapper,
#subpage #content_full .wrapper,
#subpage #content_left .wrapper
{
	padding: 34px;
}

/*
	main navigation
*/

#navi_single ul {
	margin-left: 24px;
	font-size: 11px;
}
#navi_single li {
	float: left;
	display: block;
	line-height: 60px;
	padding: 0px 16px;
	margin: 0 8px 0 0;
}
#navi_single li.selected {
	background: url('../images/navi-background-selected.gif') no-repeat 0px 7px;
}
#navi_single li a {
	color: #fff;
	text-decoration: none;
	border: 0;
	display: block;
	float: left;
	height: 55px;
	outline: none;
}
#navi_single li.selected a {
	color: #bad1dc;
}

/*
	subpage navigation
*/

#subpage #column #navi_full .wrapper {
	background: none;
	padding: 0;
}
#subpage #column #navi_full ul li {
	background: url('../images/subnavi-right.png') no-repeat left 6px;
	padding-left: 16px;
}
#subpage #column #navi_full ul li a {
	color: #4d859e;
	border: 0px;
	line-height: 22px;
}
#subpage #column #navi_full ul li.selected {
	background: url('../images/subnavi-down.png') no-repeat left 6px;
	padding-left: 16px;
}
#subpage #column #navi_full ul li.selected a {
	font-weight: bold;
	color: #196283;
	border: 0px;
	line-height: 22px;
}
#subpage #column #navi_full ul li.selected ul li a {
	color: #4d859e;
	font-weight: normal;
}
#subpage #column #navi_full ul ul li {
	background: url('../images/subnavi-dot.gif') no-repeat 12px 6px;
	padding-left: 28px;
}
#subpage #column #navi_full ul ul li.selected {
	background: url('../images/subnavi-dot.gif') no-repeat 12px 6px;
	padding-left: 28px;
}

/*
	common elements
*/

#container {
	width: 923px;
	margin: 0 auto;
}

#login {
	background: url('../images/login-slide-bg-2.png') repeat-y;
	padding-left: 328px;
	padding-top: 33px;
	height: 37px;
}
#login .input {
	color: #466f82;
	width: 204px;
	margin-bottom: 5px;
	background: none;
	border: none;
	line-height: 20px;
	height: 16px;
	padding: 0 7px 6px 7px;
}
#login .submit {
	float: right;
	background: none;
	border: none;
	cursor: pointer;
	height: 20px;
	width: 110px;
	margin-right: 40px;
	text-indent: -9999em;
	line-height: 0px;
	font-size: 0;
}


#header {
	background: url('../images/header-bg-1.png') no-repeat;
	width: 923px;
	height: 115px;
	margin-bottom: 4px;
}
#header #login_link {
	float: right;
	background: url('../images/ajanvaraus-bg-6.png') no-repeat;
	width: 117px;
	height: 40px;
	margin-top: 15px;
	margin-right: 18px;
	padding-top: 18px;
	padding-left: 28px;
	padding-bottom: 20px;
}
#header #login_link a {
	display: block;
	width: 110px;
	height: 40px;
}
#header #logo {
	float: left;
	text-indent: -9999px;
}
#header #service {
	float: right;
	background: url('../images/header-service-3.gif') no-repeat;
	width: 262px;
	height: 36px;
	margin-top: 15px;
	margin-right: 18px;
	padding-top: 40px;
	padding-left: 28px;
}
#header #service #select_box {
	width: 190px;
	float: left;
}
#header #service #submit {
	float: right;
	width: 60px;
	height: 40px;
	margin-top: -20px;
}
#header #reservation {
	float: right;
	margin-top: 15px;
	margin-right: 18px;
	padding-left: 26px;
}
#header a {
	border: 0px;
}

#navi_block {
	background: url('../images/navi-background-1.png') no-repeat;
	height: 62px;
	margin-bottom: 4px;
}
#navi_block #navi_single {
	float: left;
}
#navi_block #search {
	float: right;
	width: 296px;
	padding-top: 23px;
}
#navi_block #search #search_keyword {
	float: left;
	border: 0px;
	width: 167px;
	height: 16px;
}
#navi_block #search #search_submit {
	float: left;
	margin-left: 20px;
	width: 80px;
	height: 32px;
	margin-top: -8px;
}


#footer {
	background: url('../images/block-100-bottom.png') no-repeat bottom left;
	margin-bottom: 16px;
}
#footer .wrapper {
	background: url('../images/block-100-top.png') no-repeat top left;
}
#footer a {
	color: #666;
}

#footer #contact_info {
	float: left;
}
#footer #footer_logo {
	margin-top: 20px;
	width: 45px;
	height: 31px;
	background: url('../images/footer-logo-1.png') no-repeat;
	clear: left;
	float: left;
}

#sitemap {
	font-size: 11px;
	float: right;
}
#sitemap .wrapper {
	background: none;
	padding: 0;
}

#sitemap dl {
	display: block;
	float: left;
	border: 0;
	margin: 0 16px 0 0;
}
#sitemap dt {
	font-weight: bold;
}
#sitemap dd {
	margin: 4px 0 0 0;
}

#copyright {
	font-size: 11px;
	color: #666;
	text-align: center;
	margin-bottom: 24px;
}

/*
	frontpage
*/

#main_feature {
	margin-top: -18px;
	background: url('../images/nosto-1.png') no-repeat;
	height: 365px;
}


.featured {
	float: left;
}

#frontpage #news {
	background: url('../images/block-50-bottom.png') no-repeat bottom left;
	margin-bottom: 4px;
	width: 461px;
	float: left;
}
#frontpage #news .wrapper {
	background: url('../images/block-50-top.png') no-repeat top left;
}
#frontpage #news .item {
	margin-top: 4px;
}

#frontpage #events {
	background: url('../images/block-50-bottom.png') no-repeat bottom left;
	margin-bottom: 4px;
	width: 462px;
	float: right;
}
#frontpage #events .wrapper {
	background: url('../images/block-50-top.png') no-repeat top left;
}
#frontpage #events .item {
	margin-top: 4px;
}

/*
	subpage 1
*/

#subpage #content {
	background: url('../images/block-main-bottom.png') no-repeat bottom left;
	margin-bottom: 4px;
	width: 653px;
	min-height: 400px;
	float: right;
}
#subpage #content .wrapper {
	background: url('../images/block-main-top.png') no-repeat top left;
}
#subpage #content .wrapper_blue {
	background: url('../images/block-main-top-blue.png') no-repeat top left;
}

#subpage #content_left {
	background: url('../images/block-featured-bottom.png') no-repeat bottom left;
	margin-bottom: 4px;
	width: 616px;
	min-height: 400px;
	float: left;
}
#subpage #content_left .wrapper {
	background: url('../images/block-featured-top.png') no-repeat top left;
}
#subpage #content_left .wrapper_blue {
	background: url('../images/block-featured-top-blue.png') no-repeat top left;
}


#subpage #content .wrapper_blue_div,
#subpage #content_left .wrapper_blue_div {
	height: 120px; margin-bottom: 16px;
}

#subpage #column {
	background: url('../images/block-column-bottom.png') no-repeat bottom left;
	margin-bottom: 4px;
	width: 270px;
	min-height: 400px;
	float: left;
}
#subpage #column .wrapper {
	background: url('../images/block-column-top.png') no-repeat top left;
}

#subpage #column_featured {
	width: 307px;
	float: right;
}
#subpage #column_featured a {
	border: 0;
}

/*
	subpage 2
*/

#subpage #content_full {
	background: url('../images/block-100-bottom.png') no-repeat bottom left;
	margin-bottom: 4px;
	width: 923px;
	min-height: 400px;
}
#subpage #content_full .wrapper {
	background: url('../images/block-100-top.png') no-repeat top left;
}

/*
	listing page
*/

#toimipiste_form {
}
#toimipiste_form .item {
	float: left;
	width: 140px;
	margin-right: 16px;
}
#toimipiste_form .item input, #toimipiste_form .item select {
	width: 140px;
}
#toimipiste_form .item label {
	display: block;
	margin-bottom: 3px;
}

#results .item {
	background: #fff;
	margin-top: 18px;
	border: 1px solid #ccc;
	padding: 12px 12px 12px 0;
	font-size: 11px;
}
#results .item p {
	margin: 0;
}
#results .item a.link_ajanvaraus {
	float: right;
	margin-top: 5px;
	width: 129px;
	height: 30px;
	background: url('../images/icon-nettiajanvaraus-2.png') no-repeat;
	border: none;
}
#results .item .logo {
	float: left;
	width: 118px;
	text-align: center;
}
#results .item .logo img {
	width: 80px;
}
#results .item .text {
	float: left;
	width: 413px;
}

#free_results .item {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #ccc;
}
#free_results .item p {
	font-size: 11px;
	margin: 0;
}
#free_results .item .logo {
	float: left;
	width: 118px;
	text-align: center;
}
#free_results .item .logo img {
	width: 80px;
}
#free_results .item .text {
	float: left;
	width: 720px;
}

/*
	toimipiste page
*/

#column_left {
	float: left;
	width: 290px;
}
#column_left #location_logo {
	display: none;
	float: left;
}
#column_left #location_logo img {
	width: 60px;
	line-height: 87px;
}
#column_left h1 {
	font-size: 22px;
	line-height: 26px;
	float: left;
	height: 90px;
}
#column_left p#contact {
	margin-top: 32px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 16px;
}
#column_left p#description {
	margin-top: 16px;
}
#column_left #personnel {
	margin-top: 16px;
}
.varaa_aika {
	background: url(../images/arrow-green-1.png) no-repeat;
	padding-left: 30px;
	height: 27px;
	line-height: 23px;
	margin-bottom: 43px;
}


#column_right {
	float: right;
	width: 230px;
}
#column_right #map, #column_right #news, #column_right #services {
	margin-bottom: 20px;
}
#column_right #news .item, #column_right #events .item {
	margin-bottom: 8px;
}

#news .date, #events .date {
	font-weight: bold;
}

#column_right #logo {
	text-align: right;
	margin-bottom: 57px;
}
#column_right #logo img {
	height: 90px;
}

/*
	ajankohtaista
*/

#news_list {
	padding-top: 24px;
	border-top: 1px solid #ccc;
	margin-top: 12px;
}

/*
	tapahtumat
*/

#content_full .column_left {
	float: left;
	width: 400px;
}
#content_full .column_right {
	float: right;
	width: 360px;
	background-color: #eee;
	padding: 20px;
}
#event_rsvp label {
	display: block;
	margin-bottom: 4px;
	float: left;
	width: 120px;
}
#event_rsvp input[type="text"] {
	width: 200px;
	margin-bottom: 8px;
}
#event_rsvp #submit {
	margin-top: 8px;
}

/*
	search
*/

#page_search_results .item {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #ccc;
}
#page_search_results .item p {
	margin: 0;
	font-size: 11px;
}
#page_search_results .item .url {
	margin-top: 4px;
	font-size: 11px;
}

/*
	palaute
*/

#palaute_form {
	margin-top: 24px;
}

#palaute_form label {
	display: block;
	margin-bottom: 4px;
	float: left;
	width: 130px;
}
#palaute_form input[type="text"], #palaute_form textarea {
	border: 1px solid #666;
	padding: 4px 6px;
	width: 410px;
	margin-bottom: 8px;
}
#palaute_form textarea {
	height: 100px;
}
#palaute_form #submit {
	margin-top: 8px;
}

/*
	lahjakortti
*/

#lahjakortti_form label {
	display: block;
	margin-bottom: 4px;
	float: left;
	width: 120px;
}
#lahjakortti_form input[type="text"], #lahjakortti_form select  {
	width: 240px;
	margin-bottom: 8px;
}
#lahjakortti_form #submit {
	
}
#lahjakortti_form #kenelle {
	margin-bottom: 24px;
}
#lahjakortti_form #lahjaksi {
	display: none;
	margin-bottom: 16px;
}
#maksutavat {
	text-align: center;
	margin-top: 24px;
}

#content_full #column_left {
	background-color: #eee;
	float: left;
	padding: 20px;
	width: 370px;
}
#content_full #column_right {
	float: right;
	width: 410px;
}


#footer #newsletter {
	background: url(../images/newsletter-bg-1.png) no-repeat;
	width: 205px;
	padding-top: 35px;
	margin-bottom: 20px;
}
#footer #newsletter .top {
	background: #ebf0f2;
	padding-left: 12px;
}
#footer #newsletter .input {
	float: left;
	background: url(../images/newsletter-input-1.png) no-repeat;
	border: none;
	width: 147px;
	padding: 3px 0 6px 8px;
	margin-bottom: 3px;
}
#footer #newsletter .submit {
	margin-left: 3px;
	float: left;
	background: url(../images/arrow-green-1.png) no-repeat;
	width: 27px;
	height: 27px;
	border: none;
	display: block;
	text-indent: -9999em;
	line-height: 0;
	font-size: 0;
}
#footer #newsletter .extend {
	display: none;
}
#footer #newsletter .bottom {	
	background: url(../images/newsletter-bg-1.png) bottom no-repeat;
	height: 9px;
}