* {margin:0;padding:0}

/* commented backslash hack v2 \*/ 
html, body{} 
/* end hack */ 

body {
	background: #ffffff;
	color: #333333;
	font-family:'Lucida Grande',arial,verdana,sans-serif;
	font-size: 12px;
	line-height: 19px;
}

#background{
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	background: url("bg_shadow.jpg") transparent repeat-x;
	margin-top: 0px;
	min-height:363px;
	height:363px;
	width: 100%;
}

#outer{
	margin-left: auto;
	margin-right: auto;
	width: 727px;
	background:  transparent center;
	margin-top: 20px;
	margin-bottom: 0px;
	min-height:0px;
}

#header{
	height:53px;
	clear:both;
	background:transparent;	
}

#header_banner{
	position:relative;
	top:0;
	left:0;
	margin-left: auto;
	margin-right: auto;
	width:727px;
	height:161px;
	background: url("www_header_small.jpg") transparent no-repeat center;
	overflow:hidden;
	text-align: center;
}
#clearheader{margin-top:-176px;height:0px;background: transparent repeat center;}/*needed to make room for header*/
html>body #clearheader{margin-top:-161px;height:0px;background: transparent repeat center;}/*needed to make room for header*/

#content_area {
	width:727px;
	clear:both;
	height: 100%;
	position:relative;
	background: url("www_footer.jpg") transparent no-repeat bottom;
	min-height:177px;
}

#content_text {
	text-align:left;
	margin-left:15px;
	margin-right:0px;
	padding-top:20px;
	padding-bottom:20px;
	background:transparent;
}

#footer_navi {
	text-align:left;
	height:50px;
	background:transparent;
	padding-top:20px;
}

#main_content {
	text-align:left;
	margin-left:20px;
	margin-right:10px;
	padding-top:15px;
}

#page_content{
	background:transparent;
	position:relative;
	display:block;
	clear:both;
}

#content{
	padding-top:0px;
	padding-bottom:0px;
	text-align:left;
	height:258px;
	background:transparent;
}

#business_text{
	height:80px;
	background:transparent;
	float:right;
	width:32%;
}

#footer_text{
	height:50px;
	background:transparent;
	width:68%;
	float:left;
}

* html #footer_text{
	width:60%;/* for ie5 */
	wi\idth:60%;/* for ie6 */
}

#product_pic_small{
	padding-top:12px;
	padding-right:3px;
	float:left;
}

#header_product_pic_small{
	padding-top:15px;
	padding-right:3px;
	float:left;
}

#viraali{ 
	float: left; 
	width: 34%; 
	font-size: 11px;
	line-height:16px;
}
#suora{ 
	float: left;
 	width: 32%; 
	font-size: 11px;
	line-height:16px;
}
#mobiili{ 
	float: left;
 	width: 34%; 
	font-size: 11px;
	line-height:16px;
}

#block_top{
	 position:relative;
	 display:block;
	 clear:both;
	 border-bottom-style:dashed;
	 border-bottom-color:#cccccc;
	 border-bottom-width:1px;
	 background:transparent;
}

#block_top_left{
	background:transparent;
	float:left;
	position:relative;
	display:block;width:522px;
}

#block_top_right{
	background:transparent;
	width:180px;
	position:relative;
	float:right;
	display:block;
	margin-bottom:15px;
}

#block_top_right_content{
	padding:5px;
	margin-top:0px;
	border-style:dashed;
	border-color:#cccccc;
	border-width:1px;
}

#block_bottom{
	background:transparent;
	position:relative;
	display:block;
	clear:both;
}

#block_bottom_left{
	background:transparent;
	float:left;
	position:relative;
	display:block;
	width:522px;
	padding-right:10px;
	padding-top:0px;
}
#block_bottom_right{
	background:#ededed;
	width:180px;
	position:relative;
	float:right;
	display:block;
}

hr.team_separator{
	height: 1px;
	color: #DCDCDC;
	border-style : dashed;
	width:300px;
	/*margin-left: 20px;*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

ul {
	padding:10px 0px 10px 30px;	
}

a {
	color: #158ce0;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	color: #158ce0;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

a.link_content {
	color: #158ce0;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal
}
a:hover.link_content {
	color: #158ce0;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

a.news {
	color: #158ce0;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal
}
a:hover.news {
	color: #158ce0;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

a.link_product {
	color: #158ce0;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}
a:hover.link_product {
	color: #158ce0;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

/* --------------------- FOOTER NAVI ------------------------- */
	
ul#footer_txt_navi {
	list-style-type: none;
	height: 44px;
	background:transparent;
	*width:450px;
}

ul#footer_txt_navi li {
	padding-right: 8px;
	float: left;
}

ul#footer_txt_navi li a {
	height: 44px;
}

ul#footer_txt_navi li a:hover {
	border: 0;

}	

/* --------------------- FOOTER NAVI ------------------------- */


/* --------------------- HEADER NAVI FINNISH ------------------------- */

/* Left mouseover buttons */
div.buttonbg {
	z-index:1;
	background-color: transparent;
	width:727px;
	height: 44px;
}

div.buttonbg img {
	border: 0px;
	width:144px;
	height: 44px;
}

div.nav_tuotteet {
	width:146px;
	height:44px;
	background: url('../images/nav_tuotteet.jpg') no-repeat 0 0;
	float: left; 
}
div.nav_tuotteet a {
	position: relative;
	display: block;
	width:100%; height:100%;
	background: url('../images/nav_tuotteet.jpg') no-repeat 0 0;
	overflow: hidden; /* For nested divs in Safari */
}
div.nav_tuotteet a:hover {
	background: url('../images/nav_tuotteet.jpg') -146px 0;
}

div.nav_case-kuvaukset {
	width:145px;
	height:44px;
	background: url('../images/nav_case_kuvaukset.jpg') no-repeat 0 0;
	float: left; 
}
div.nav_case-kuvaukset a {
	display: block;
	width:100%; height:100%;
	background: url('../images/nav_case_kuvaukset.jpg') no-repeat 0 0;
}
div.nav_case-kuvaukset a:hover {
	background: url('../images/nav_case_kuvaukset.jpg') -145px 0;
}

div.nav_ajankohtaista {
	width:146px;
	height:44px;
	background: url('../images/nav_ajankohtaista.jpg') no-repeat 0 0;
	float: left; 
}
div.nav_ajankohtaista a {
	display: block;
	width:100%; height:100%;
	background: url('../images/nav_ajankohtaista.jpg') no-repeat 0 0;
}
div.nav_ajankohtaista a:hover {
	background: url('../images/nav_ajankohtaista.jpg') -146px 0;
}


div.nav_yritys {
	width:146px;
	height:44px;
	background: url('../images/nav_yritys.jpg') no-repeat 0 0;
	float: left; 
}
div.nav_yritys a {
	display: block;
	width:100%; height:100%;
	background: url('../images/nav_yritys.jpg') no-repeat 0 0;
}
div.nav_yritys a:hover {
	background: url('../images/nav_yritys.jpg') -146px 0;
}


div.nav_yhteystiedot {
	width:144px;
	height:44px;
	background: url('../images/nav_yhteystiedot.jpg') no-repeat 0 0;
	float: left; 
}
div.nav_yhteystiedot a {
	display: block;
	width:100%; height:100%;
	background: url('../images/nav_yhteystiedot.jpg') no-repeat 0 0;
}
div.nav_yhteystiedot a:hover {
	background: url('../images/nav_yhteystiedot.jpg') -144px 0;
}

/* --------------------- HEADER NAVI FINNISH ------------------------- */

/* --------------------- HEADER NAVI ENGLISH ------------------------- */

/* Left mouseover buttons */
div.buttonbg {
	z-index:1;
	background-color: transparent;
	width:727px;
	height: 44px;
}

div.buttonbg img {
	border: 0px;
	width:144px;
	height: 44px;
}

div.nav_produkter {
	width:146px;
	height:44px;
	background: url('../images/nav_produkter.jpg') no-repeat 0 0;
	float: left; 
}
div.nav_produkter a {
	position: relative;
	display: block;
	width:100%; height:100%;
	background: url('../images/nav_produkter.jpg') no-repeat 0 0;
	overflow: hidden; /* For nested divs in Safari */
}
div.nav_produkter a:hover {
	background: url('../images/nav_produkter.jpg') -146px 0;
}

div.nav_case-studies {
	width:145px;
	height:44px;
	background: url('../images/nav_case-studies.jpg') no-repeat 0 0;
	float: left; 
}
div.nav_case-studies a {
	display: block;
	width:100%; height:100%;
	background: url('../images/nav_case-studies.jpg') no-repeat 0 0;
}
div.nav_case-studies a:hover {
	background: url('../images/nav_case-studies.jpg') -145px 0;
}

div.nav_nyheter {
	width:146px;
	height:44px;
	background: url('../images/nav_nyheter.jpg') no-repeat 0 0;
	float: left; 
}
div.nav_nyheter a {
	display: block;
	width:100%; height:100%;
	background: url('../images/nav_nyheter.jpg') no-repeat 0 0;
}
div.nav_nyheter a:hover {
	background: url('../images/nav_nyheter.jpg') -146px 0;
}


div.nav_om_oss {
	width:146px;
	height:44px;
	background: url('../images/nav_om_oss.jpg') no-repeat 0 0;
	float: left; 
}
div.nav_om_oss a {
	display: block;
	width:100%; height:100%;
	background: url('../images/nav_om_oss.jpg') no-repeat 0 0;
}
div.nav_om_oss a:hover {
	background: url('../images/nav_om_oss.jpg') -146px 0;
}


div.nav_kontakt {
	width:144px;
	height:44px;
	background: url('../images/nav_kontakt.jpg') no-repeat 0 0;
	float: left; 
}
div.nav_kontakt a {
	display: block;
	width:100%; height:100%;
	background: url('../images/nav_kontakt.jpg') no-repeat 0 0;
}
div.nav_kontakt a:hover {
	background: url('../images/nav_kontakt.jpg') -144px 0;
}

/* --------------------- HEADER NAVI ENGLISH ------------------------- */