* {
padding : 0;
margin : 0;
}
body {
background : url(/images/bg.jpg) repeat;
font: 13px helvetica, arial;
}

input {
font-family: helvetica, arial;
}

textarea {
font-family: helvetica, arial;
font-size: 13px;
}


div, p, h1, h2, h3, ul, li {
padding : 0;
margin : 0;
}
p {
font: 14px helvetica, arial;
}
h1 {
color : #007789;
font: 21px helvetica, arial;
}
h2 {
font: 18px helvetica, arial;
color : #6f6f6f;
}
h3 {
font: 15px helvetica,arial;
}
a {
color : #007789;
text-decoration : none;
}
a:visited {
color : #007789;
text-decoration : none;
}
a:hover {
color : #007789;
text-decoration : none;
}


#wrapper {
margin : 0 auto;
width : 888px;
}
#header {
width : 888px;
float : left;
padding : 0;
border : 0;
height : 205px;
margin : 0 0 0 0;
background : #b3c2c7 url(/images/header.jpg) no-repeat;
}

#header2 {
width : 888px;
float : left;
padding : 0;
border : 0;
height : 248px;
margin : 0 0 0 0;
#background : #b3c2c7 url(/images/header2.jpg) no-repeat;
}
.client_login {
#background-image: url(/images/login.png);
#background-repeat: no-repeat;
#background-position: bottom left;
float : right;
color : #6f6f6f;
padding-top : 0px;
padding-right: 33px;
border : 0;
height: 63px;
margin: 0;
margin-top: 13px;
margin-bottom: 8px;
}

#content {
float : left;
width : 888px;
margin-top: 3px;
padding : 0;
}

#pix {
width: 888px;
margin-top: 5px;
}

#navigation {
float : left;
width : 888px;
height : 42px;
vertical-align: middle;
margin-top: 135px;
margin-bottom: 5px;
padding: 0px;
}

ul#navlist {
padding-left : 0;
}

#navlist li {
display : inline;
list-style-type : none;
}
#navlist a {
padding-left:  33px;
}
#navlist a:link, #navlist a:visited {
text-decoration : none;
}
#navlist a:hover {
text-decoration : none;
}

#chip {
border : 0;
padding : 0;
height : 141px;
width : 627px;
float : left;
padding-top: 8px;
margin-left: -1px;
background : url(/images/chip.jpg) no-repeat;
}

#leftcolumn {
margin-top: 0px;
padding : 0;
height: auto;
width : 627px;
float : left;
background : #ffffff url(/images/bg_left_column.jpg) repeat-y;
}
#leftcolumn p {
color : #6f6f6f;
}
#leftcolumn .txt {
width : 500px;
}
#leftcolumn h1 {
color : #007789;
}
#leftcolumn .content5 {
border-top: 5px solid #e9e9e3;
margin : 0 0 0 0;
margin-top: 5px;
padding-top : 40px;
padding-left : 20px;
padding-right : 20px;
height : auto;
width : 582px;
float : left;
}
#leftcolumn .content1 {
border : 0;
padding-top : 0;
height : 327px;
width : 622px;
float : left;
background : #ffffff url(/images/big_content_pic1.gif) no-repeat;
}

#columns {
width: 627px;
}

#content2, #content3, content4 {
white-space: nowrap;
float : left;
margin-top : 20px;
margin-left : 40px;
width : 170px;
height: auto;
}

#content3 {
margin-left : 0;
}
#content4 {
padding-top : 340px;
}
.otsikko {
font-size : 15px;
font-family: helvetica, arial;
}
.contentxt {
font-size : 13px;
font-family: helvetica, arial;
}
.watch {
}
#watchbox {
position: absolute;
margin-left: 1px;
top: 251px;
height : 18px;
width: 48px;
background: url(/images/watch.png) no-repeat;
}
.watchtxt {
color : #fff;
padding-top : 3px;
border : 0;
font-family: helvetica, arial;
}
#rightcolumn {
float : right;
border : 0;
margin : 0 0 0 0;
padding : 0;
height : auto;
width : 260px;
display : inline;
background : url(/images/bg_right_column.jpg) repeat-y;
position : relative;
}
#rightcolumn .office {
background : url(/images/office.jpg) no-repeat;
width : 260px;
height : 41px;
position : relative;
border-bottom: 1px solid #e9e9e3;
}
#rightcolumn .contact {
background : url(/images/bg_contact.jpg) no-repeat;
width : 261px;
height : 41px;
margin-top : 25px;
position : relative;
border-top: 3px solid #e9e9e3;
border-bottom: 1px solid #e9e9e3;
}
#rightcolumn .check_out {
background : url(/images/bg_check_out.jpg) no-repeat;
width : 260px;
height : 41px;
margin-top : 20px;
border-bottom: 1px solid #e9e9e3;
border-top: 3px solid #e9e9e3;
}
.sidebox {
color : #d8d8d8;
padding-left : 20px;
padding-top : 15px;
}

.shotsikko {
color: #007789; 
font: bold 18px helvetica, arial;
}

.shotsikko2 {
margin-top: 10px;
color: #007789; 
font: 15px helvetica, arial;
}


#showReel { 
background: #cccccc url('/images/bg_showreel_content.jpg');
width:888px; 
height: 193px; 
float:left; 
margin-top:2px;
padding:0 0px;
}

#showReel p { 
padding:0 0 18px 0;
font-family: helvetica, arial;
}

#showReel .pic{
width:446px; 
height:189px; 
float:left; 
display:block; 
background: #fff;
font-size:16px;  
font-weight:bold; 
line-height:18px; 
text-transform:uppercase; 
padding:0px 0 0 0px; 
margin:0 0 0px 0;
}

#showReel .txt{
width: 170xpx; 
height:114px; 
float:left; 
color:#6f6f6f; 
margin-left: 10px; 
margin-top: 37px; 
padding: 7px 0 0 25px;
font-family: helvetica, arial;
}

#showReel .txt2 {
width: 150xpx; 
height:140px; 
float:left; 
color:#6f6f6f; 
margin-left: 50px; 
margin-top: 100px; 
font-family: helvetica, arial;
}

#showReel .txt3 {
width: 150xpx; 
height:140px; 
float:left; 
color:#6f6f6f; 
margin-left: 20px; 
margin-top: 70px; 
font-family: helvetica, arial;
}

#showReel .txt4 {
width: 150xpx; 
height:140px; 
float:left; 
color:#6f6f6f; 
margin-left: 10px; 
margin-top: 100px; 
font-family: helvetica, arial;
}

#showReel .txt5 {
width: 150xpx; 
height:140px; 
float:left; 
color:#6f6f6f; 
margin-left: 30px; 
margin-top: 100px; 
font-family: helvetica, arial;
}

#showReel .txt6 {
width: 150xpx; 
height:140px; 
float:left; 
color:#6f6f6f; 
margin-left: 50px; 
margin-top: 100px; 
font-family: helvetica, arial;
}


#showReel .txt {
color:#6f6f6f; 
font-size:12px;
font-family: helvetica, arial;
}

#showReel .otsikko {
margin-top: -8px; 
color: #007789; 
font-size:18px; 
font-weight:bold;
font-family: helvetica, arial;
}

#showReel .smalltxt {
margin-top: -8px; 
color: #007789; 
font-size:15px; 
font-family: helvetica, arial;
}

#showReel .bc{
width: 250xpx; 
height:114px; 
float:left; 
color:#6f6f6f; 
margin-left: 10px; 
margin-top: 35px; 
padding:7px 0 0 25px;
font-family: helvetica, arial;
}

#showreel_navi {
float : left;
background : url(/images/bg_showreel_menu.jpg) no-repeat;
width : 888px;
height : 33px;
padding-left: 10px;
}

ul#showreel_navlist {
margin-left: 0px;
padding-left : 0;
margin-top : 8px;
float: left;
}

#showreel_navlist li {
display : inline;
list-style-type : none;
}
#showreel_navlist a {
padding-left:  25px;
}
#showreel_navlist a:link, #navlist a:visited {
text-decoration : none;
}
#showreel_navlist a:hover {
text-decoration : none;
}

#motiongraphic { 
background: #cccccc url('/images/bg_motiongraphic_content.jpg');
width:888px; 
height: 328px; 
float:left; 
margin: 0px 0 0; 
padding:0 0px;
}

#motiongraphic .mgpic{
width:622px; 
height:328px; 
float:left; 
display:block; 
background: #cccccc url(/images/motion_graphic_iso1.jpg) 0px 0px no-repeat; 
font-size:16px; 
font-weight:bold; 
line-height:18px; 
text-transform:uppercase; 
padding:0px 0 0 0px; 
margin:0 0 0px 0;
font-family: helvetica, arial;
}

#motiongraphic .info{
width: 50xpx; 
height:114px; 
float:left; 
color:#6f6f6f; 
margin-left: 10px; 
margin-top: 35px; 
padding:7px 0 10 0px;
font-family: helvetica, arial;
}

#motiongraphic .otsikko {
margin-top: -8px; 
color: #007789; 
font-size:21px; 
font-weight:bold;
font-family: helvetica, arial;
}


#production { 
background: #ffffff;
height: 189px;

}

#production p { 
padding:0 0 0px 0;
}

#production .productionpic{
width:446px; 
height:189px; 
float:left; 
display:block; 
background: #cccccc url(/images/production_big_pic.jpg) no-repeat; 
border-right: 1px solid: #ccc;
line-height:18px; 
text-transform:uppercase; 
padding:0px 0 0 0px; 
margin:0 0 0px 0;
}

#production .productionpic1{
width:446px; 
height:189px; 
float:left; 
display:block; 
background: #cccccc url(/images/production_big_pic.jpg) 0px 0px no-repeat; 
line-height:18px; 
text-transform:uppercase; 
padding:0px 0 0 0px; 
margin:0 0 0px 0;
}

#production .productionpic2{
width:446px; 
height:189px; 
float:left; 
display:block; 
background: #cccccc url(/images/production_big_pic3.jpg) 0px 0px no-repeat; 
line-height:18px; 
text-transform:uppercase; 
padding:0px 0 0 0px; 
margin:0 0 0px 0;
}

#production .productionpic3{
width:446px; 
height:189px; 
float:left; 
display:block; 
background: #cccccc url(/images/production_big_pic4.jpg) 0px 0px no-repeat; 
font-size:16px; 
font-weight:bold; 
line-height:18px; 
text-transform:uppercase; 
padding:0px 0 0 0px; 
margin:0 0 0px 0;
}

#production .productionpic4{
width:446px; 
height:189px; 
float:left; 
display:block; 
background: #cccccc url(/images/production_big_pic5.jpg) 0px 0px no-repeat; 
line-height:18px; 
text-transform:uppercase; 
padding:0px 0 0 0px; 
margin:0 0 0px 0;
}

#production .productionpic5{
width:446px; 
height:189px; 
float:left; 
display:block; 
background: #cccccc url(/images/production_big_pic5.jpg) 0px 0px no-repeat; 
line-height:18px; 
text-transform:uppercase; 
padding:0px 0 0 0px; 
margin:0 0 0px 0;
}

#production .pc {
width: 10px; 
height: auto; 
float: right; 
color:#6f6f6f; 
margin-left: 23px; 
margin-top: 0px; 
padding:0px 0 0 0px;
font-family: helvetica, arial;
}

#production .info{
width: 170xpx; 
height:186px; 
float:right; 
color:#6f6f6f; 
margin-left: 3px; 
margin-top: 35px; 
padding:0px 0 0 0px;
font-family: helvetica, arial;
}

#production .otsikko {
margin-top: 10px; 
color: #007789; 
font-size:18px; 
font-weight:bold;
font-family: helvetica, arial;
}

.productiontxt {
	background: #fff;
	width: 200px;
	font-family: helvetica, arial;
}

.production1 {
   color: #007789:
   margin-top: 10px;
   font-family: helvetica, arial;
}

.productiontxt2 {
 color: #6f6f6f;
 margin-top: 10px;
 font-family: helvetica, arial;
}

.production {
	width: 888px;
	background: #fff;
	float: left;
	border-bottom: 4px solid #e9e9e3;
	padding: 10px 10 10px 0;
}

.production-content {
	background: #fff;
	float: left;
	width: 370px;
}

.production-image {
		background: #fff;
	float: left;
	width: 446px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

a.productionlinks:link { 
color: #007789;
}

a.productionlinks:visited { 
color: #007789;
}

a.productionlinks:hover { 
color: #007789;
}

a.productionlinks:actived { 
color: #007789;
}

#members {
background: #fff;
width: 888px;
}

.boardMember {
width: 444px;
height: 125px;
float: left;
background: #fff;
border-bottom: 4px solid #e9e9e3;
color: #6f6f6f;
}

.boardMember .image {
background: #fff;
float: left;
width: 225px;
height: 125px;
}

.boardMember .image img {
width: 224px;
}

.boardMember .data {
float: left;
width: 280px;
margin-left: 240px;
margin-top: -110px;
height: 120px;
font-size: 11px;
font-family: helvetica, arial;
}

.boardMember .data .name {
color: #007789;
font: 19px helvetica,arial;
}

.boardMember .data .title {
font: 14px helvetica,arial;
color: #007789;
}

.boardMember .puh {
font-size: 12px;
color: #6f6f6f;
font-family: helvetica, arial;
}

.boardMember .mail {
font-size: 12px;
color: #6f6f6f;
font-family: helvetica, arial;
}

#production_service {
background: #fff;
width: 888px;
height: auto;
}

#locations {
background: #fff;
height: auto;
padding: 0;
margin: 0;
}

#locations_navi a {
	padding-left: 3px;
	padding-right: 3px;
}

#locations_navi {
	font: 9pt helvetica,arial;
	text-align: right;
	color: white;
	float: right;
	padding-right: 20px;
	padding-top: 9px;
}

#blank {
background: #fff;
width: 848px;
height: auto;
padding: 20px;
}

#production_service_navi {
float : left;
background : url(/images/bg_production_service_menu.jpg) no-repeat;
width : 888px;
height : 36px;
padding-top: 1px;

}
ul#production_service_navlist {
margin-left: 30px;
padding-left : 0;
margin-top : 12px;

}
#production_service_navlist li {
display : inline;
list-style-type : none;
}
#production_service_navlist a {
padding : 3px 10px;
}
#production_service_navlist a:link, #navlist a:visited {
text-decoration : none;
}
#production_service_navlist a:hover {
text-decoration : none;
}

#production_pix {
border-bottom: 1px solid #e9e9e3;
}
.production_service_desc {
font-size: 21px;
color: #007789;
font-family: helvetica, arial;
line-height: 18px; 
padding-left: 40px;
padding-top: 60px;
}

.production_service_title {
font-size: 18px;
color: #6f6f6f;
font-family: helvetica, arial;
line-height:38px; 
padding-left: 40px;
}

.production_service_data {
size: 14px;
color: #6f6f6f;
font-family: helvetica, arial;
line-height:18px; 
padding-left: 40px;
padding-right: 90px;
padding-bottom: 10px;
}

#footer{
float: left;
bottom:0;
left:0;
margin-top: 12px;
width:100%;
text-align:justify;
}

#footer p {
color : #696969;
}

.loginbox {
	background-image: url(/images/client_login_form.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 100px;
	border: 0;
	margin: 4px 0px 0px 0px;
	padding: 3px 0px 0px 4px;
	font: 8pt helvetica,arial;
}


.infotext {
	font: 15px helvetica, arial;
	color: #6f6f6f;
}

#locationsIframe {
	width: 300px;
	height: 235px;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: white;
	border: 10px solid #BBB;
}

#flash_player		{
				display: none;
				left: 0px;
				top: 0px;
				position: absolute;
				width: 100%;
				height: 100%;
				text-align:center;
				vertical-align:middle;
				background-image: url(/images/semibg.png);
				z-index: 1;
}

#locationsPopup		{
				display: none;
				left: 0px;
				top: 0px;
				position: absolute;
				width: 100%;
				height: 100%;
				text-align:center;
				vertical-align:middle;
				background-image: url(/images/semibg.png);
				z-index: 1;
}

.pagenum {
	color: white;
	font: 9pt helvetica,arial;
	padding: 0;
	margin: 0;
	text-indent: 0;
}

.pagenum:hover {
	color: #FFF;
}

.pagenum:visited {
	color: #FFF;
}


#imageviewerPopup		{
	display: none;
	left: 0px;
	top: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align:center;
	vertical-align:middle;
	background-image: url(/images/semibg.png);
	z-index: 1;
}

#imageviewerImage {
	background-color: black;
	padding: 4px;
	overflow: auto;
}