body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-repeat: repeat;
	background-color: #620406;
}

.navi {
	background-image: url(navi_bg_red.png);
	height: 135px;
	width: 100%;
	top: 50px;
	position: relative;
	text-align: center;
}
.navicontent {
	height: 135px;
	width: 800px;
	background-position: 5px;
	position: relative;
	text-align: left;
}
.navitext {
	top: 53px;
	right: 25px;
	position: absolute;
	font-size: 12px;
	color: #A10C0C;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	text-align: right;
}
a:link {
	text-decoration: none;
	color: #CCCCCC;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.maintop {
	position: relative;
	height: 23px;
	width: 800px;
	top: 90px;
	background-image: url(gradient_top.png);
	background-repeat: repeat-x;
}

.maincontent {
	width: 800px;
	height: auto;
	top: 90px;
	background-image: url(gradient_midd.png);
	position: relative;
	clear: both;
	float: none;
	text-align: left;
	background-repeat: repeat-y;
}
.maincontent-area {
	position: relative;
	width: 800px;
	left: 0px;
	top: 90px;
	right: 0px;
	bottom: 0px;
	height: 250px;
	text-align: left;
	background-image: url(gb_pohja_frontpage.png);
}
.gray-area {
	background-color: #333333;
	position: absolute;
	height: 100px;
	width: 752px;
	top: 200px;
	left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.but_1 {
	position: absolute;
	left: 276px;
	top: 42px;
	background-image: url(but_1.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 138px;
	<a href="albumi.html">albumi</a>
}


.mainbottom {
	position: relative;
	height: 25px;
	width: 800px;
	top: 90px;
	background-image: url(gradient_bottom.png);
	background-repeat: repeat-x;
}
.kuvis {
	left: 22px;
	top: 0px;
	position: absolute;
}
.productnavi {
	color: #333333;
	position: relative;
	width: 160px;
	left: 10px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100%;
	background-color: #D6CAB1;
}
.productnavi a {
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	top: 20px;
}
.productnavi a:hover {
	color: #931215;
}


.productdescription {
	color: #333333;
	background-color: #D6CAB1;
	position: absolute;
	width: 555px;
	left: 185px;
	top: 10px;
	float: none;
	font-size: 12px;
}
.producttext {
	height: 275px;
	width: 275px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.productpicture {
	position: absolute;
	margin: 0px;
	padding: 0px;
	right: 0px;
}

.graynavi {
	position: relative;
	height: 150px;
	width: 800px;
	top: 70px;
	text-align: right;
}

p {
	padding: 10px;
	font-size: 12px;
	color: #666666;
}


h1 {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	padding: 10px;
	font-weight: normal;
	margin: 0px;
	top: 20px;
}
h2 {
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: normal;
	line-height: 10px;
}
h3 {
	font-size: 12px;
	color: #CCCCCC;
	font-weight: lighter;
	margin-left: 10px;
}
h4 {
	font-size: 12px;
	color: #666666;
	font-weight: lighter;
	margin-left: 10px;
}
h5 {
	font-size: 14px;
	color: #999999;
	padding: 10px;
	margin: 0px;
	border-top-color: #0066CC;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #0066CC;
	font-weight: lighter;
}


.maincontent-products {
	width: 800px;
	top: 0px;
	position: relative;
	clear: both;
	float: none;
	left: 23px;
	text-align: left;
	height: 3800px;
}
.maincontent-shop {

	width: 800px;
	height: 400px;
	top: 0px;
	position: relative;
	clear: both;
	float: none;
	left: 0px;
	text-align: left;
}
.maincontent-bureau {
	position: relative;
	height: 200px;
	width: 800px;
}
.shop {
	background-image: none;
	position: absolute;
	width: 735px;
	left: 33px;
	top: 10px;
}
.bureau {
	position: absolute;
	width: 735px;
	left: 33px;
	top: 10px;
	background-color: #999999;
	text-align: left;
}
.maincontent-contact {
	position: relative;
	height: 960px;
	width: 800px;
	text-align: left;
}
.contact {
	position: absolute;
	width: 735px;
	left: 33px;
	top: 10px;
	height: 550px;
	background-color: #D6CAB1;
}
.maincontent-album {
	position: relative;
	height: 800px;
	width: 800px;
	text-align: left;
}
.album {
	position: absolute;
	width: 555px;
	left: 207px;
	top: 10px;
	background-color: #666666;
	height: auto;
}

.but_2 {

	position: absolute;
	left: 445px;
	top: 42px;
	background-image: url(but_2.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 138px;
	<a href="albumi.html">albumi</a>
}
.but_3 {


	position: absolute;
	left: 613px;
	top: 42px;
	background-image: url(but_3.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 138px;
	<a href="albumi.html">albumi</a>
}
.yellow {
	color: #931215;
	font-weight: bold;
	background-image: url(bg_navi.png);
	background-repeat: repeat-x;
}
.red {
	color: #990000;
	background-image: url(bg_navi.png);
}
.white {
	color: #FFFF99;
}
.brown {
	color: #993300;
}
.lime {
	color: #66CC33;
}

.maintopblack {

	position: relative;
	height: 23px;
	width: 800px;
	top: 90px;
	background-image: url(gradient_top_black.png);
	background-repeat: no-repeat;
}
.maincontent_black {

	width: 800px;
	height: auto;
	top: 90px;
	background-image: url(gradient_midd_black.png);
	position: relative;
	clear: both;
	float: none;
}
.mainbottom_black {

	position: relative;
	height: 25px;
	width: 800px;
	top: 90px;
	background-image: url(gradient_bottom_black.png);
	background-repeat: repeat-x;
}
.albumnavi {
	color: #000000;
	position: relative;
	width: 160px;
	left: 33px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	border-left-width: 1px;
	border-left-style: none;
	border-top-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-top-style: none;
	border-bottom-style: none;
}
.albumstory {
	background-color: #111111;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	top: 10px;
	position: relative;
	font-size: 12px;
	color: #999999;
}
.bullet_red {
	list-style-image: url(navi_red.gif);
	text-decoration: none;
}
.back {
	font-weight: lighter;
	color: #666666;
	text-align: right;
	text-decoration: none;
}
.movie {
	height: 200px;
	width: 600px;
	position: absolute;
	left: 175px;
	top: 25px;
}
.gallery_top {
	height: 100px;
	width: 740px;
	background-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.gallery_lft {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	height: 300px;
	width: 120px;
	left: 30px;
	position: absolute;
	font-size: 12px;
	color: #FF0000;
}
.gallery_rght {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	height: 300px;
	width: 130px;
	right: 30px;
	position: absolute;
	top: 120px;
}
.gallery_mdll {
	position: relative;
	height: 300px;
	width: 480px;
	background-image: url(astiakaappi.jpg);
}



.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.maincontent .gallery_lft .lft_thumbnail {
	color: #FF0000;
	text-decoration: none;
}
.maincontent .gallery_lft .lft_thumbnail:hover {
	color: #000000;
	text-decoration: none;
}




.lft_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.lft_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.lft_thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 130px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.galleryarea {
	position: relative;
	height: 450px;
	width: 800px;
	top: 50px;
}
.galleryarea_1 {
	background-color: #420000;
	height: 450px;
	width: 160px;
	float: left;
}
.galleryarea_2 {
	height: 450px;
	width: 160px;
	float: left;
}
.galleryarea_3 {
	background-color: #420000;
	float: left;
	height: 450px;
	width: 160px;
}
.galleryarea_4 {
	float: left;
	height: 450px;
	width: 160px;
}

.galleryarea_5 {
	background-color: #420000;
	height: 450px;
	width: 157px;
	float: left;
}



.gallerycontainer {
}
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbnail:hover{
}

.thumbnail:hover img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 50px;
	left: 170px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	height: 380px;
	width: 310px;
	background-image: url(pr_bg.png);
	color: #620406;
	text-align: left;
	font-size: 12px;
	background-repeat: no-repeat;
	padding-top: 24px;
	padding-right: 20px;
	padding-bottom: 18px;
	padding-left: 18px;
}
.thumbimage_1 {
	right: 50px;
	position: absolute;
	bottom: 80px;
}



.thumbnail2 img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbnail2:hover{
}

.thumbnail2:hover img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 50px;
	left: 330px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	height: 380px;
	width: 310px;
	background-image: url(pr_bg.png);
	color: #620406;
	text-align: left;
	font-size: 12px;
	background-repeat: no-repeat;
	padding-top: 24px;
	padding-right: 20px;
	padding-bottom: 18px;
	padding-left: 18px;
}
.thumbimage_1 {
}




.thumbnail3 img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbnail3:hover{
}

.thumbnail3:hover img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 50px;
	left: 490px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	height: 380px;
	width: 310px;
	background-image: url(pr_bg.png);
	color: #620406;
	text-align: left;
	font-size: 12px;
	background-repeat: no-repeat;
	padding-top: 24px;
	padding-right: 20px;
	padding-bottom: 18px;
	padding-left: 18px;
}
.thumbimage_1 {
}



.thumbnail4 img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbnail4:hover{
}

.thumbnail4:hover img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail4:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 50px;
	left: 125px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	height: 380px;
	width: 310px;
	background-image: url(pr_bg.png);
	color: #620406;
	text-align: left;
	font-size: 12px;
	background-repeat: no-repeat;
	padding-top: 24px;
	padding-right: 20px;
	padding-bottom: 18px;
	padding-left: 18px;
}
.thumbimage_1 {
}



.thumbnail5 img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbnail5:hover{
}

.thumbnail5:hover img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbnail5 span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail5 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail5:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 50px;
	left: 280px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	height: 380px;
	width: 310px;
	background-image: url(pr_bg.png);
	color: #620406;
	text-align: left;
	font-size: 12px;
	background-repeat: no-repeat;
	padding-top: 24px;
	padding-right: 20px;
	padding-bottom: 18px;
	padding-left: 18px;
}
.thumbimage_1 {
}
.yhteys {
	position: relative;
	left: 40px;
	width: 720px;
	color: #F25D21;
}
.black {
	color: #000000;
}