body
	{
	background:#cfdae6 url(../images/bg-body.png) repeat-x fixed;
	letter-spacing:-0.01em;
	font-family:verdana;
	}
#container
	{
	width:886px;
	margin:0px auto;
	}
/* @group #header */

#header
	{
	height:70px;
	position:relative;
	}
#header a#logo
	{
	bottom:10px;
	left:3px;
	width:236px;
	height:20px;
	position:absolute;
	background-image:url(../images/logo.gif);
	}
#header a#logo span
	{	
	display:none;
	}
#header ul
	{		
	position:absolute;
	right:3px;
	bottom:7px;
	}
#header ul li
	{
	display:block;
	float:left;
	padding-left:28px;
	}
#header ul li.last
	{
	border-right:0px;
	}
#header ul li a
	{
	display:block;
	float:left;
	font-size:11.5px;
	color:#4d7cb0;
	text-decoration:none;
	line-height:20px;
	height:20px;
	}
#header ul li a:hover
	{
	color:#f9383b;
	text-decoration:underline;
	}
a.city#footer-menu
	{
	height:22px;
	position:relative;
	}
	
/* @end */

/* @group #footer-menu */

#footer-menu
	{
	position:relative;
	padding-top:8px;
	padding-bottom:20px;
	text-align:center;
	}
#footer-menu a
	{
	color:#4d7cb0;
	font-size:11px;
	text-decoration:none;
	padding:0px 10px;
	}
#footer-menu a:hover
	{
	color:#f9383b;
	text-decoration:underline;
	}
#footer-menu #copy
	{
	position:absolute;
	right:2px;
	top:2px;
	color:#829ed3;
	font-size:11px;
	height:22px;
	line-height:22px;
	text-decoration:none;
	}

/* @end */	
h1
	{
	text-align:left;
	font-size:38px;
	font-family:georgia;
	color:#4d7cb0;
	padding-bottom:0px;
	text-shadow:rgba(0,0,0,0.3) 0px 1px 2px;
	padding-bottom:20px;
	}
h1 b
	{
	font-weight:normal;
	font-size:28px;
	display:block;
	color:#84b4e7;
	padding-top:2px;
	}
h2
	{
	text-align:left;
	font-size:28px;
	font-family:georgia;
	color:#84b4e7;
	padding-bottom:0px;
	text-shadow:rgba(0,0,0,0.3) 0px 1px 2px;
	padding:20px 0px;
	}
h2 b
	{
	font-weight:normal;
	font-size:20px;
	color:#4d7cb0;
	padding-left:10px;
	}

h3
	{
	text-align:left;
	font-size:20px;
	font-family:georgia;
	color:#4d7cb0;
	padding-bottom:0px;
	text-shadow:rgba(0,0,0,0.2) 0px 1px 2px;
	padding-bottom:10px;
	}

h3 b
	{
	font-weight:normal;
	font-size:16px;
	display:block;
	color:#84b4e7;
	padding-top:1px;
	}
h4
	{
	text-align:left;
	font-size:13px;
	padding-bottom:0px;
	padding:0px 0px 3px;
	font-weight:bold;
	color:#305276;
	}
p
	{
	font-size:13px;
	padding-top:0px;
	line-height:1.4em;
	padding-bottom:10px;
	color:#305276;
	}
p.bottom
	{
	padding-bottom:40px;
	}
p a
	{
	font-size:13px;
	color:#305276;
	}
p a:hover
	{
	color:#f9383b;
	}

#main-content
	{
	background-image:url(../images/bg-main.png);
	position:relative;
	padding:24px 400px 44px 34px;
	height:607px;
	}
#main-content img#logo
	{
	border:0px;
	padding-bottom:20px;
	}

#content-top
	{
	height:13px;
	line-height:0px;
	font-size:0px;
	background-image:url(../images/bg-content-top.png);
	}
#content-bottom
	{
	height:14px;
	line-height:0px;
	font-size:0px;
	background-image:url(../images/bg-content-bottom.png);
	}

#content
	{
	background-image:url(../images/bg-content.png);
	}

#main-content img
	{
	border:1px solid #c9d4e0;
	}
#main-content a.city-circle
	{	
	background:#888e96;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	height:10px;
	width:10px;
	display:block;
	position:absolute;
	text-decoration:none;
	color:#fba27a;
	}
#main-content a.city-circle#hudiksvall
	{
	left:695px;
	top:382px;
	}
#main-content a.city-circle#lulea
	{
	left:760px;
	top:232px;
	}
#main-content a.city-circle#umea
	{
	left:740px;
	top:302px;
	}
#main-content a.city-circle#ornskoldsvik
	{
	left:720px;
	top:322px;
	}
#main-content a.city-circle#oulu
	{
	left:800px;
	top:257px;
	}
#main-content a.city-circle#pori
	{
	left:765px;
	top:387px;
	}
#main-content a.city-circle#rauma
	{
	left:770px;
	top:407px;
	}
#main-content a.city-circle b
	{
	color:#888e96;
	font-weight:bold;
	position:absolute;
	top:-11px;
	right:7px;
	font-size:10px;
	padding:10px;
	z-index:10;
	}
#main-content a.city-circle#rauma b ,
#main-content a.city-circle#pori b ,
#main-content a.city-circle#oulu b 
	{
	left:4px;
	} 
#main-content a.city-circle:hover
	{
	background:#f9383b;
	pointer:hand;
	}	
#main-content a.city-circle:hover b 
	{
	color:#f9383b;
	pointer:hand;
	}
.brochure
	{
	margin-top:20px;
	background:transparent url(../images/b.png) left top no-repeat;
	height:68px;
	padding-left:50px;
	padding-top:4px;
	padding-bottom:4px;
	}
.brochure a
	{
	display:block;
	font-size:23px;
	font-family:georgia;
	color:#4d7cb0;
	font-size:23px;
	text-decoration:none;
	}
.brochure a b
	{
	font-size:13px;
	display:block;
	color:#305276;
	font-weight:normal;
	font-family:verdana;
	}
.section
	{
	padding:24px 34px 24px;
	border-bottom:1px solid #c9d4e0;
	}
.section.excursions
	{
	padding-bottom:4px;
	}
.section.last
	{
	border-bottom:0;
	}
.section.gallery
	{
	padding-left:16px;
	padding-right:16px;
	padding-bottom:10px;
	}
.section.gallery h1
	{
	padding-left:18px;
	padding-right:18px;
	padding-bottom:6px;
	}
.clear
	{
	clear:both;
	height:10px;
	font-size:0px;	
	line-height:0px;
	}	
#content #header-image-hudiksvall 	{ border:1px solid #c9d4e0;background:#fff url(../images/header/hudiksvall.jpg);height:300px;margin-bottom:20px; }
#content #header-image-ornskoldsvik 	{ border:1px solid #c9d4e0;background:#fff url(../images/header/ornskoldsvik.jpg);height:300px;margin-bottom:20px; }
#content #header-image-umea 			{ border:1px solid #c9d4e0;background:#fff url(../images/header/umea.jpg);height:300px;margin-bottom:20px; }
#content #header-image-lulea 		{ border:1px solid #c9d4e0;background:#fff url(../images/header/lulea.jpg);height:300px;margin-bottom:20px; }
#content #header-image-oulu 			{ border:1px solid #c9d4e0;background:#fff url(../images/header/oulu.jpg);height:300px;margin-bottom:20px; }
#content #header-image-pori 			{ border:1px solid #c9d4e0;background:#fff url(../images/header/pori.jpg);height:300px;margin-bottom:20px; }
#content #header-image-rauma 		{ border:1px solid #c9d4e0;background:#fff url(../images/header/rauma.jpg);height:300px;margin-bottom:20px; }

.city-map
	{
	background-image:url(../images/map-small.gif);
	height:394px;
	width:284px;
	float:right;
	border:1px solid #c9d4e0;
	margin-left:30px;
	margin-bottom:30px;
	position:relative;
	}
.city-map a
	{
	background:#c7cfdb;
	-moz-border-radius:100px;
	height:10px;
	width:10px;
	display:block;
	position:absolute;
	text-decoration:none;
	}
.city-map a#selected
	{
	background:#888e96;
	}
.city-map a:hover
	{
	background:#f9383b;
	}
.city-map a:hover b
	{
	color:#f9383b;
	}
.city-map a#selected b
	{
	color:#888e96;
	}
.city-map a b
	{
	color:#c7cfdb;
	text-decoration:none;
	font-size:10px;
	position:absolute;
	}
.city-map a.hudiksvall 	{ left:158px;top:218px; }
.city-map a.ornskoldsvik{ left:173px;top:180px; }
.city-map a.umea		{ left:185px;top:167px; }
.city-map a.lulea		{ left:203px;top:115px; }
.city-map a.oulu		{ left:227px;top:131px; }
.city-map a.pori		{ left:205px;top:222px; }
.city-map a.rauma		{ left:205px;top:233px; }

.city-map a.hudiksvall 	 b { right:13px; }
.city-map a.ornskoldsvik b { right:13px; }
.city-map a.umea		 b { right:13px; }
.city-map a.lulea		 b { right:13px; }
.city-map a.oulu		 b { left:13px; }
.city-map a.pori		 b { left:13px; }
.city-map a.rauma		 b { left:13px; }
	
	
.ex-left , .ex-right
	{
	padding-bottom:30px;
	}
.ex-left img , .ex-right img 
	{
	width:290px;
	border:1px solid #c9d4e0;
	}
.ex-left img
	{
	float:left;
	}
.ex-left h3 , .ex-left h4 , .ex-left p
	{
	margin-left:315px;
	}	
.ex-right img
	{
	float:right;
	}
.ex-right h3 , .ex-right h4 , .ex-right p
	{
	margin-right:315px;
	}	


#gallery
	{
	height:1%;
	overflow:hidden;
	}
#gallery .img
	{
	float:left;
	margin:15px;
	height:178px;
	width:178px;
	background-image:url(../images/bg-image.gif);
	position:relative;
	}
#gallery .img a
	{
	left:0px;
	top:0px;
	position:absolute;
	}
#gallery .img a img
	{
	margin:0px;
	padding:0px;
	}
table.info
	{
	width:100%;
	border-top:1px solid #c9d4e0;
	border-left:1px solid #c9d4e0;
	}
table.info tr.even
	{
	background:#f3f5f8}
table.info td
	{
	width:25%;
	vertical-align:middle;
	padding:10px;
	border-bottom:1px solid #c9d4e0;
	border-right:1px solid #c9d4e0;
	}
table.info td.label
	{
	font-size:13px;
	font-weight:bold;
	color:#4d7cb0;
	text-align:right;
	}
table.info td.value
	{
	font-size:13px;
	color:#305276;
	}
table.info td.value a
	{
	font-size:13px;
	color:#305276;
	}
table.info td.value a:hover
	{
	color:#f9383b;
	}