body {
	background: url('../i/bg.jpg') #000000 top center;
	margin: 0;
}

h1 {
	margin: 6px 0 17px 0;
	font-size: 1.25em;
	font-weight: normal;
	color: #cec9c9;
	}

h2 {
	margin: 5px 0 17px 0;
	font-size: 1.05em;
	font-weight: normal;
	color: #cec9c9;
	}

p {
	color: #bcb7b7;
	font-family: Arial;
	font-size: 0.7em;
	line-height: 1.7em;
	text-align: justify;
	margin-top: 10px;
	}

p span {
	color: #8d8174;
	}

p a {
	color: #bcb7b7;
	text-decoration: none;
	}

p a:hover {
	color: #de383e;
	}

/* Ladataan */
#loading {
	background: black;
	text-align: center;
	padding-top: 20%;
	display: block;
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	opacity: 0.78;
	filter:alpha(opacity=78);
}
#loading .text {
	width: 187px;
	height: 22px;
	background: url('../i/loading.png') no-repeat;
	margin: 0 auto;
	display: block;
}
#loading .animation {
	width: 48px;
	height: 48px;
	background: url('../i/loading.gif') no-repeat;
	margin: 0 auto;
	display: block;
}
#bgs { width: 10px; height: 10px; display: block; overflow: hidden; position: absolute; top: -11000px; }


/* Navigaatio */

#navi {
	width: 100%;
	height: 31px;
	background: url('../i/navi_bg.png') repeat-x;
	}

#navi ul {
	list-style-type: none;
	width: 969px;
	margin: 0 auto;
	padding: 0;
	}

#navi ul li {
	display: block;
	position: relative;float: left;
	}

#navi ul li a {
	text-indent: -1000em;
	overflow: hidden;
	height: 49px;
	display: block;
	background: url('../i/navi.png');
	}


/* Vasen reuna */

#navi ul li.index a { width: 66px; background: url('../i/navi.png'); }
#navi ul li.design a { width: 156px; background-position: -66px 0px; }
#navi ul li.photography a { width: 95px; background-position: -222px 0px; }
#navi ul li.blog a { width: 61px; background-position: -317px 0px; }

	
/* Oikea reana */

#navi ul li.share, #navi ul li.facebook, #navi ul li.twitter { position: relative; display: block; }
#navi ul li.share { left: 493px; }
#navi ul li.facebook { left: 493px; }
#navi ul li.twitter { left: 493px; }
#navi ul li.share a { width: 50px; background-position: -378px 0; }
#navi ul li.facebook a { width: 24px; background-position: -428px 0; }
#navi ul li.twitter a { width: 24px; background-position: -452px 0; }


/* Hoverit */

#navi a.hover { position: absolute; left: 0px; top: -49px; }
#navi ul li.index a.active { background-position: 0px -49px; }
#navi ul li.design a.active { background-position: -66px -49px; }
#navi ul li.photography a.active { background-position: -222px -49px; }
#navi ul li.blog a.active { background-position: -317px -49px; }
#navi ul li.facebook a:hover { background-position: -428px -49px; }
#navi ul li.twitter a:hover { background-position: -452px -49px; }


/* Sisältö */

#container {
	width: 960px;
	height: auto;
	margin: 280px auto 120px auto;
	background: url('../i/content_bg.png') repeat-y;
	position: relative;
	padding: 0 0 0 5px;
	}

#content {
	width: 922px;
	margin: 0 auto;
	padding: 45px 0 0 0;
	color: white;
	font-family: 'Lucida Grande';
	}

#content hr {
	width: 100%;
	border: none;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #63615c;
	margin: 3px 0;
	}

#content hr.dark {
	width: 100%;
	border: none;
	border-top: 1px solid #77685e;
	border-bottom: 1px solid #45352a;
	padding: 0;
	margin: 4px 0;
	}

#content #header {
	height: 254px;
	width: 100%;
	}

#content .column {
	margin: 0 12px 0 28px;
	width: 292px;
	display: block;
	float: left;
	}

#content .small_column {
	margin-left: 34px;
	width: 200px;
	display: block;
	float: left;
	}

#content .small_column ul {
	list-style-type: none;
	width: 196px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	}

#content .small_column ul li {
	display: block;
	}

#content .small_column ul li a {
	text-indent: -1000em;
	overflow: hidden;
	height: 31px;
	display: block;
	background: url('../i/contact.png');
	}

#content .small_column ul li.email a { }
#content .small_column ul li.gsm a { background-position: 0px -31px; }
#content .small_column ul li.blog a { background-position: 0px -62px; }
#content .small_column ul li.contact a { height: 32px; background-position: 0px -93px; }

#content .small_column ul li.email a:hover { background-position: -196px 0px; }
#content .small_column ul li.gsm a:hover { background-position: -196px -31px; }
#content .small_column ul li.blog a:hover { background-position: -196px -62px; }
#content .small_column ul li.contact a:hover { height: 32px; background-position: -196px -93px; }

#content .small_column ul li a {
	text-indent: -1000em;
	overflow: hidden;
	height: 31px;
	display: block;
	background: url('../i/contact.png');
	}

#content .imgbox {
	width: 922px;
	position: relative;
	}

#content .imgbox .next a, #content .imgbox .prev a, #content .imgbox .zoom a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	}

#content .imgbox .prev, #content .imgbox .prev3 {
	width: 32px;
	height: 300px;
	background: url('../i/bi_prev.png');
	position: absolute;
	top: 1px; left: 1px;
	display: none;
	}

#content .imgbox .next, #content .imgbox .next3 {
	width: 32px;
	height: 300px;
	background: url('../i/bi_next.png');
	position: absolute;
	top: 1px; right: 1px;
	display: none;
	}

#content .imgbox .zoom {
	width: 101px;
	height: 55px;
	background: url('../i/bi_zoom.png');
	position: absolute;
	top: 125px; right: 410px;
	display: none;
	}

#content .imgbox img {
	border: 1px solid #80796f;
	}

#carousel {
	width: 922px; height: 302px;
	list-style-type:none;
	}

#carousel li {
	width: 922px; height: 302px;
	}

#content .thumbbox {
	width: 922px;
	height: 444px;
	margin: 14px 0 26px 0;
	}

#content .thumbbox a {
	text-decoration: none;
	}

#content .thumbbox .thumb {
	display: block;
	float: left;
	margin: 18px 0 18px 35px;
	position: relative;
	}

#content .thumbbox .first {
	margin: 18px 0 18px 0;
	}

#content .thumbbox img {
	border: 1px solid #4f4337;
	}

#content .thumbbox .thumb .hover {
	width: 202px;
	height: 202px;
	background: url('../i/thumb_hover.png');
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 1px;
	left: 1px;
	display: none;
	cursor: pointer;
	}

#content .thumbbox .thumb .hover span {
	margin: 15px;
	color: white;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.4em;
	display: block;
	font-family: Arial;
	}

#content .thumbbox .thumb .hover span span {
	font-size: 0.9em;
	color: white;
	font-weight: normal;
	display: block;
	margin: 0;
	}


/* Footer */

#footer {
	width: 922px;
	height: 187px;
	background: url('../i/footer_bg.png');
	}

#footer .column {
	margin: 20px 10px 0 26px;
	width: 270px;
	display: block;
	float: left;
	}

#footer .small_column {
	margin: 20px 10px 0 26px;
	width: 235px;
	display: block;
	float: left;
	}

#footer p { line-height: 2.0em; }


/* h1, h2 */

h1.heijjaa, h1.contacts {
	height: 22px;
	width: 120px;
	display: block;
	background: url('../i/h1.png') no-repeat;
	text-indent: -1000em;
	overflow: hidden;
}

h1.contacts { background-position: 0px -22px; }

h2.blogs, h2.works, h2.inweb {
	height: 19px;
	width: 170px;
	display: block;
	background: url('../i/h2.png') no-repeat;
	text-indent: -1000em;
	overflow: hidden;
	margin: 5px 0px 10px 0px;
}
h2.works { background-position: 0px -19px; }
h2.inweb { background-position: 0px -38px; }