/********************
CSS for Design Kimmo Takarautio
*********************/

body, html {
	margin: 0;
	padding: 0;
}

img, a img { border: 0; }

body {
	font-family: Arial, Helvetica, "Lucida Sans", Verdana, sans-serif;
	font-size: 12px;
	color: #FFF;
	background: RGB(35,35,35) url(page_bg.gif) repeat-y center;
}

a {
	text-decoration: underline; background-color: inherit;  color: #FFF;
}
a:active {
	background-color: inherit; color: #e20a16;
}
a:visited {
	background-color: inherit; color: #FFF; 
}
a:hover {
	text-decoration: none; color: #e20a16;
}

/*****************
Basic layout
*****************/

div#pagewrapper {
	margin: 0 auto;
	width: 760px;
}
div#header {
	height: 150px; border-bottom: 2px solid #FFF;
}
div#logo img {
	float: left;
	margin-top: 17px;
}
div#navwrapper {
	float: right;
	margin-top: 30px;
	width: 450px;
}
div#navigation {
	float: right;
	width: 325px;
	border-bottom: 2px solid #FFF;
}
div#subnavigation {
	float: right;
	width: 325px;
}
div#content_wrapper {
	clear: both;
	padding: 25px 0 25px 0;
}
div#large_contentcolumn {
	width: 490px;
	float: left;
	padding: 0 20px 20px 20px;
	border: 2px solid #FFF;
	display: inline; /* IE double padding fix */
}
div.large_contentcolumn_tight {
	width: 545px;
	float: left;
}
div.large_contentcolumn_tight img { margin-bottom: 15px; }
div#narrow_sidebar {
	float: right;
	width: 190px;
	height: 446px;
	border: 2px solid #FFF;
	text-align: center;
}

div#gallery_listing { width: 195px; float: left;}
div#gallery_image { margin-left: 210px; }
div#gallery_listing  img { border: 1px solid #FFF; }
div#footer {
	clear: both; border-top: 2px solid #FFF;
}
div#footer p { display: block; clear: both; margin: 0 auto; padding: 25px 0 0 0; font-size: 10px; }

/********************
Navigation
*********************/

ul#navlist {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	height: 30px;
}
#navlist li {
	display: inline;
	list-style-type: none;
	padding-bottom: 14px;
}

#navlist li#active {
	display: inline;
	list-style-type: none;
	background: url(nav_topitem_bg.gif) no-repeat bottom center;
	padding-bottom: 14px;
}

#navlist a { padding: 3px 10px 3px 10px; text-decoration: none; font-size: 14px; }

#navlist a:link, #navlist a:visited { color: #FFF; }

#navlist li#active a:hover, #navlist li#active a {
	color: #000;
	background: #FFF;
}
/********************
Subnavigation
*********************/

ul#subnavlist {
	margin: 10px 0 0 0;
	padding: 0;
}

#subnavlist li {
	display: inline;
	list-style-type: none;
}

#subnavlist a { padding: 5px 3px 3px 3px; text-decoration: none; font-size: 12px; line-height: 20px; }

#subnavlist a:link, #subnavlist a:visited { color: #fff; }

#subnavlist a:hover, #subnavlist a#subactive {
	color: #FFF;
	text-decoration: underline;
}

/********************
General styling
*********************/

h1, h2, h3, h4, h5, h6 {
	color: #FFF;
}
h1 { font-size: 24px; }
h2 { font-size: 16px; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
p { font-size: 12px; }