/**
 * Theme Name: iasy theme
 * Theme URI: http://www.iasy.fi
 * Description: iasyn teema.
 * Version: 0.1
 * Author: iasy
 * Author URI: http://www.iasy.fi
 * Tags: Add, Whatever, Tags, You, Want
 * Template: hybrid
 */
 
 /* Get base CSS */
@import url('../hybrid/library/css/21px.css');

/* Get layout CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');


/*from 2cl-fixed*/
.content {
	overflow: hidden;
	float: left;
	width: 570px;
}
	

#photos.gallery{display:block;text-align:center;margin-bottom:21px !important}

/* Body */
body {
	height: 100%;
	background: url('img/body_bgr.gif') repeat-y center #bcbcbc;
	font: normal 0.90em/1.55em Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-align: left;
	
	}

#header-container{height:190px;	background:url("img/header_bottom.gif") repeat-x scroll center bottom #FFFFFF; clear:both;}
#header{clear:both;}
body.home div#header-container{
background-image:url(img/home_header.png)!important ;
background-repeat:no-repeat;
background-position: center bottom; }

/* Body container */
#body-container {
/*	background:none repeat scroll 0 0 ;*/
	margin:0 auto;
	width:920px;
	overflow:visible;
	}
body.home .wp-pagenavi{display:none}
/* Links */
a {
	color: #E70000;
	text-decoration: underline;
	}
a:visited {
	
	}
a:hover, a:active {
	
	text-decoration: underline;
	}

/* Headers */
h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #000;
	font-weight: normal;
	}
h2 {    font-family: TitilliumMaps26L004, Georgia, Times, "Times New Roman", serif;
	}
h1.entry-title {
	font-family: TitilliumMaps26L004, Georgia, Times, "Times New Roman", serif;
	}
h3 {
	font-size:110%;
  letter-spacing:-1px;
  margin-bottom:5px;
	}
h4 {
	font-size: 17px;
	}
h5 {
	font-size: 15px;
	}
h6 {
	font-size: 13px;
	}

/* Lists */
ul {
	list-style: square;
	}

.published{color:#C4C4C4;font-size:1.5em; font-style:normal;}


/*Etusivun slideshown infoboksi!*/
div.info_box {
  background:url("img/show_reel.png") no-repeat scroll 0 0 transparent;
  height:99px;
  left:596px;
  padding:10px 0 0 35px;
  position:relative;
  top:-120px;
  width:330px;
  z-index:10;
  text-align:left;
}

div.info_box h3 {
color:#000000;
  font-style:italic;
  line-height:14px;
  margin:0;
text-decoration:none;
}
div.info_box p {
padding-top: 10px;
}
#content_slide a {
  color:#000;
  text-decoration:none;
}

.ns_content_slide #content_slide,.ns_content_slide #content_slide ul,.ns_content_slide #content_slide ul li
{
	list-style:none;
	padding:0px;
	margin:0px;
}
.ns_content_slide{height:270px;padding:10px 0px 0px 0px; background:#ffffff; border-bottom: 1px solid #dfdede;}

div.info_lue_lis{
  text-align:right; 
  display:block;
  padding-right: 25px;
  margin-top: -20px;
  
}

#content_slide li{height:270px;} 





p.comments-closed {
	display: none;
	}


/* Blockquotes */
blockquote {
	font-style: italic;
	color: #555;
	}
blockquote blockquote {
	color: #777;
	}
blockquote em {
	font-style: normal;
	}

/* Code */
pre {
	padding: 9px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	}
code {
	padding: 0 3px;
	background: #eee;
	}
pre code {
	background: transparent;
	}

/* Tables */
#content table {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
#content caption {
	font-size: .9em;
	font-style: italic;
	text-align: right;
	}
#content td, th {
	padding: 3px 6px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
#content th {
	background: #eee;
	}

/* Drop caps */
.drop-cap {
	float: left;
	margin: 3px 3px 0 0;
	font: normal normal normal 47px/35px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Georgia, serif;
	color: #333;
	}

/* Notes */
.note {
	padding: 6px 9px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Warnings/Alerts */
.warning, .alert {
	padding: 6px 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	}

/* Errors */
.error {
	padding: 6px 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

/* Downloads */
.download {
	padding: 6px 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	}

/* Breadcrumb */
.breadcrumb {
	margin: 0 0 30px 0;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.breadcrumb a {
	color: #111;
	text-decoration: none;
	}
.breadcrumb a:hover {
	color: #d54e21;
	text-decoration: underline;
	}

/* Images */
.post img {
	max-width: 550px;
	/*padding: 5px;
	border: 1px solid #ccc;*/
	}

.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	}

/* Captions [caption] */
.wp-caption {
	max-width: 576px;
	margin-top: 6px;
	padding: 6px 1px 0 1px;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.wp-caption img {
	max-width: 564px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666;
	}

/* Gallery [gallery] */
.gallery img {
	border: 1px solid #ccc;
	}

/* Avatars */
.avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	padding: 5px;
	/*border: 1px solid #ccc;*/
	}

/* Header */

#feed{background:#000;}




/* Blog title */
#site-title {
	font: italic normal normal 35px/35px Georgia, Times, "Times New Roman", serif;
	margin: 0 0 0px 0;
	float:left;

	}
#site-title a {
	color: #000;
	background: url(img/logotype.gif) no-repeat 0 0;
	display:block;
	width: 200px;
	height:160px;
  text-indent: -9999px;
  margin-top:10px;
  float:left;
	}

/* Blog description */
#site-description {
  display: none;
	font: normal normal normal 16px/20px Georgia, Times, "Times New Roman", serif;
	margin: 0;
	color: #666;
	}

/* Navigation */
#navigation {
	overflow: visible;
	height: 34px;
	margin: 0 0 60px 0;
	z-index: 100;
	}
#page-nav li {
	margin-right: 15px;
	}
#page-nav li li {
	margin-right: 0;
	}
#page-nav li a {
	padding: 8px 15px 8px 15px;
	color: #111;
	background: #fff;
	border: 1px solid #ccc;
	}

/* Drop-downs style */
#page-nav li:hover ul, li.sfHover ul {
	top: 32px;
	}
#page-nav li li a {
	border-top: none;
	margin-right: 0;
	}
#page-nav li ul {
	background: #fff;
	border-top: 1px solid #ccc;
	}
#page-nav li li:hover ul, li li.sfHover ul , #page-nav li li li:hover ul, li li li.sfHover ul  {
	top: -1px;
	}
#page-nav li li li {
	margin-left: -1px;
	}

/* Container (wraps content, primary, and secondary) */
#container {
	margin: 0px 0 0 0;
	
	width:920px;
	background:#FFFFFF;
}

/* Main content */
.content {
	margin: 20px 0 21px 0;
	}
.no-widgets .content, .page-template-no-widgets .content {
	width: 960px;
	}

/* Posts */
.post {
	overflow: hidden;
	/*margin: 0 0 40px 0;*/
	background:url("img/dots.gif") repeat-x scroll center bottom transparent;
  margin-bottom:20px;
  padding-bottom:10px;
}
.single .post, .attachment .post, .page .post {
	margin: 0;
}

/* more-link */
.more-link{
  text-align:right; 
  width:100%;
  float:right;
  background:url("img/readmore.gif") no-repeat scroll right 15px transparent;
  color:#E70000;
  font-size:16px;
  padding:10px 25px 0 0;
  text-decoration:none;
}



/* Archive information */
.author-info, .search-info {
	overflow: hidden;
	margin: 0 0 40px 0;
	}

/* Entry title */
.entry-title {
	font-size:38px;
  letter-spacing:-2px;
  line-height:40px;
  margin-bottom:15px;
  font-weight:normal;
	}
.archive .entry-title, .search .entry-title {
	font-size: 21px;
	margin: 0;
	}
.page-title, .attachment-title {
	margin: 0 0 21px 0;
	}
.entry-title a {
	color: #000;
	text-decoration:none;
	}
.entry-title a:hover{text-decoration:underline;}

.social_trends {
font-size:28px;
  letter-spacing:-1px;
  line-height:30px;
  font-weight:normal;
}


.pvm{
  color:#C4C4C4;
  font-size:20px;
  letter-spacing:-1px;
  font-style:normal;
}


/* Byline */
.byline {
	margin: 0 0 15px 0;
	font-style: italic;
	color: #666;
}
.byline a{font-style:normal; text-decoration:none;}

.archive .byline, .search .byline {
	margin: 0;
	}
.byline .byline-prep {
	text-transform: lowercase;
	}

/* Entry content */
.entry-content {
	overflow: hidden;
	margin: 0 0 10px 0;
	}

/* Entry metadata */
.entry-meta {
	clear: both;
	font-style: italic;
	color: #666;
	}

.tagit{font-size:0.8em; color:#666;}
.tagit a{color:#00AEEF}


/* Page links (multiple-paged posts) */
p.pages a {
	margin: 0 3px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}

/* Navigation links */
.navigation-links {
	margin-bottom: 21px;
	font-style: italic;
	}
.navigation-links .previous {
	float: left;
	max-width: 50%;
	}
.navigation-links .next {
	float: right;
	max-width: 50%;
	text-align: right;
	}
.navigation-attachment {
	overflow: hidden;
	}


/*navi-widget*/

#hybrid-pages-3{
width:550px;
float:right;
margin:70px 0 0 0;
position:relative;
}


a.feed_ico{background: url('img/rss.png')no-repeat;width:32px; height:32px; display:block; text-indent: -9999px; float:right; }


/*widget-hakuboksi*/

#hybrid-search-2{margin:20px 0 0 0; }

.widget-search input{
border:1px solid #DFDEDE;
color:#8E8E8E;
float:left;
height:25px;
padding:10px 0 0 10px;
width:220px;
}
input.search-submit {
background:url("img/search.gif") no-repeat scroll 0 0 #000000;
cursor:pointer;
float:right;
height:35px;
margin:0 0 0 10px;
width:51px;
border:none;
text-indent: -9999px;

text-transform: capitalize;
}
input.search-submit:hover {
background:url("img/search.gif") no-repeat scroll 0 0 #000000;
}

div#text-3{clear:both;}


/*twitter box*/

#twitter-3{	background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #DFDEDE;
border-left:1px solid #DFDEDE;
border-right:1px solid #DFDEDE;
margin-top:20px;
}

#twitter-3 ul{list-style:none outside none; margin:0 10px 0px 10px}
#twitter-3 ul li{
  background:url("img/hubi.gif") no-repeat scroll 0 5px transparent;
  padding:0 0 10px 20px;
}

#twitter-3 a.twitterwidget-title{display:block; height:35px; text-indent: -9999px; background:#000000 url('img/tweet.gif') no-repeat;}
h3.widget-title{margin-bottom: 10px;}
span.from-meta{display:none;}

#hybrid-pages-3 ul li{
  display:inline;
  list-style-type:none;
}

#twitter-3 a{color:#00AEEF;}
#twitter-3 .time-meta a{text-decoration:none; color:#000000;}

/*tilaa uutiskirje*/
label.newsletter {
  color:#9C9C9C;
  font-size:11px;
  padding:0 10px 0 0;
}
input.order_mail {
  border:1px solid #DFDEDE;
  color:#E70000;
  height:20px;
  padding:2px 0 0 5px;
  width:165px;
}
input.order_button {
  background:url("img/readmore.gif") no-repeat scroll 5px 1px transparent;
  color:#9C9C9C;
  cursor:pointer;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:11px;
  padding-left:28px;
  text-decoration:none;
  border:0 none;
}


/*borders all*/
div.borders_all {
  background:none repeat scroll 0 0 #FFFFFF;
  border:1px solid #DFDEDE;
  margin-top:10px;
  padding:10px 10px 20px;
}
div.borders_all ul {
  list-style:none outside none;
  margin:0 10px 0px 0px
}
div.borders_all li {
background:url("img/hubi_red.gif") no-repeat scroll 0 5px transparent;
padding:0 0 10px 20px;
}


/* WP Pagenavi plugin */
.wp-pagenavi {
	margin-bottom: 21px;
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a {
	margin-right: 6px;
	padding: 3px 9px 3px 9px;

	}

/* Widgets */
.widget {
	overflow: hidden;
	margin: 0 0 15px 0;
	color: #000000;
	}
.widget a {
	/*color: #464646;*/
	text-decoration: underline;
	}
.widget a:hover {
	color: #d54e21;
	text-decoration: none;
	}

/* Widget titles */
.widget-title {
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #111;
	}

/* Utility widget areas */
#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single {
	margin: 0 0 21px 0;
	padding: 20px 20px 0 20px;
	border: 1px solid #ccc;
	}

/* Comments template */
#comments-template {
	clear: both;
	}

/* Comment headers */
.comments-header {
	font-size: 1.2em;
	}

/* Comments are closed */
.comments-closed {
	font-style: italic;
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0 0 21px 0;
	}
#comments li, #comments li li li, #comments li li li li li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
#comments li li, #comments li li li li {
	background: #f9f9f9;
	}

/* Avatar */
#comments-template .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
	padding: 0;
	border: 1px solid #666;
	}

/* Comment metadata */
.comment-meta {
	margin: 10px 0 21px 0;
	font-size: 13px;
	color: #666;
	}
.comment-author {
	font-size: 15px;
	color: #000;
	}
.comment-reply-link, .permalink, .comment-edit-link {
	font-style: italic;
	color: #666;
	}

/* Comment text */
.comment-text {
	clear: left;
	margin: 0 15px;
	}

/* Form */
.text-input {
	display: block;
	padding: 3px 6px;
	width: 97%;
	}
#comments-template label {
	font-size: .9em;
	}

/* Respond textarea */
textarea {
	width: 98%;
	}

/* Submit and rest buttons */
.button, .submit, .reset {
	width: 100px;
	margin-right: 15px;
	padding: 7px 15px 8px 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
.button:hover, .submit:hover, .reset:hover {
	cursor: pointer;
	background: #f9f9f9;
	}

/* Footer container */
#footer-container {
	margin: 0 0 0px 0;
	text-align:center;
	}

/* Subsidiary */
#subsidiary {
	margin: 0 0 21px 0;
	}

/* Footer */
#footer {
	font-style: italic;
	color: #444;
	border-top:1px solid #FFFFFF;
  font-size:10px;
  height:60px;
  margin:1px auto 0;
  padding:5px 0 0 10px;
  text-align:center;
	}
#footer .copyright {
	display: inline;
	float: left;
	margin-right: 9px;
	}
	
/******Iasy yhteystiedot********/

div.linked_in a {
       height: 16px;
       width: 16px;
       background: url('img/linkedin.gif');
       margin: 160px 0px 0px 78px;
       display:block;
       text-indent:-9999px;
}
div.linked_in_pasi a {
       height: 16px;
       width: 16px;
       background: url('img/linkedin.gif');
       margin: 155px 0px 0px 145px;
       display:block;
       text-indent:-9999px;
}

div#jukka {
       background: url('img/jukka.jpg') no-repeat;
       float: left;
       width: 182px;
       height: 326px;
margin: 20px 150px 0px 0px;
}
div#jukka p {
       text-align: center;
       padding: 95px 0px 0px 0px;
       line-height: 16px;
}
div#hannu {
       background: url('img/hannu.jpg') no-repeat 0px 10px;
       float: left;
       width: 182px;
       height: 364px;
       margin: 0px 0px 0px 0px;
}
div#hannu p {
       text-align: center;
       padding: 105px 15px 0px 0px;
       line-height: 16px;
}
div#pasi {
       background: url('img/pasi.jpg') no-repeat;
       float: right;
       width: 281px;
       height: 297px;
       margin: 0px 190px 0px 0px;
}
div#pasi p {
       text-align: center;
      padding: 90px 118px 0px 0px;
       line-height: 16px;
}

/**navi**/

ul.pages{
	list-style: none;
	float: right;
  margin:0;
}
ul.pages li {
	display: inline;
}
ul.pages li a {
	text-indent: -99999px; /* -900em*/ /* piilottaa tekstin */
	display: block;
	height: 90px;
    float: left;
}
ul.pages .page-item-8 a {
	background: url('img/etusivu.gif') no-repeat 0px -90px;
	width: 93px;
}
ul.pages .page-item-8 a:hover {
	background: url('img/etusivu.gif') no-repeat 0px 0px;

}
ul.pages .page-item-8 a.active {
	background: url('img/etusivu.gif') no-repeat 0px 0px;

}
ul.pages .page-item-38 a {
	background: url('img/case.gif') no-repeat 0px -90px;
	width: 74px;
}
ul.pages .page-item-38 a:hover {
	background: url('img/case.gif') no-repeat 0px 0px;

}
ul.pages .page-item-38 a.active {
	background: url('img/case.gif') no-repeat 0px 0px;

}
ul.pages .page-item-34 a {
	background: url('img/yhteystiedot.gif') no-repeat 0px -90px;
	width: 130px;
}
ul.pages .page-item-34 a:hover {
	background: url('img/yhteystiedot.gif') no-repeat 0px 0px;
}
ul.pages .page-item-34 a.active {
	background: url('img/yhteystiedot.gif') no-repeat 0px 0px;
}
/* Blogi buttoni */
ul.pages .page-item-555 a {
	background: url('img/blogi.gif') no-repeat 0px -90px;
	width: 74px;
}
ul.pages .page-item-555 a:hover {
	background: url('img/blogi.gif') no-repeat 0px 0px;

}
ul.pages .page-item-555 a.active {
	background: url('img/blogi.gif') no-repeat 0px 0px;

}


/*iasy presis*/

span#asiakkaamme_padding {
	padding-left: 50px;
	line-height: 50px;
	text-decoration: underline;
	color: #666666;
}
div#grafiikka {
	background: url('img/story_img/kuvaaja.gif') no-repeat;
	height: 286px;
	color: #00aeef;
}
div#grafiikka h1 {
	font-size: 11px;
	font-weight: normal;
}
div#first {
	padding: 20px 0px 0px 210px;
}
div#second {
	padding: 5px 0px 0px 190px;
}
div#third {
	padding: 0px 0px 0px 280px;
}
div#fourth {
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-size: 18px;
	line-height: 90px;
	color: #000000;
	letter-spacing: -1px;
}
div#fifth {
	padding: 0px 0px 0px 175px;
}
div#sixth {
	padding: 5px 0px 0px 265px;
}
div#seventh {
	padding: 5px 0px 0px 0px;
	text-align: center;
}
div#ole_hyva {
	color: #bd9c5b;
	border-bottom: 1px solid #bd9c5b;
	background: url('img/story_img/packet.gif') no-repeat right top;
	padding-bottom: 20px;
}
div#ole_hyva h1 {
	color: #bd9c5b;
	font-size: 70px;
	letter-spacing: -5px;
	padding-top: 10px;
}
div#kaikki_palvelut {
	font-size: 20px;
	padding: 30px 0px 0px 60px;
}
div#samassa_paketissa {
	font-size: 30px;
	line-height: 30px;
	padding: 60px 0px 0px 380px;
}
div#ja {
	font-size: 150px;
	line-height: 80px;
	text-align: center;
        background: url('img/story_img/stroke_bgr.gif') repeat-x;
}
div#hintalappu {
	font-size: 24px;
	text-align: center;
}
/* Footer panel styles */

#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #000;
	border-bottom: none;
	width: 189px;
	margin: 0 3%;
}
*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #5e5c5c; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 0px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 29px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}

#footpanel a#top{
	background: url(img/top.gif) no-repeat center;
	width: 38px;	
	border-right: 1px solid #2e2e2e;
	cursor: pointer;
}
#footpanel a#rss {
	background: url(img/rss.gif) no-repeat center;
	width: 38px;	
	border-right: 1px solid #2e2e2e;
	cursor: pointer;
}
#footpanel a#english_summary{ background: url(img/summary.gif) no-repeat center center;
	width: 109px;
	cursor: pointer;
}
#footpanel a small {
	text-align: center;
	width: 102px;
	background: url(img/pop_arrow.gif) no-repeat center top;
	padding: 5px 5px 19px 0px;
	display: none; /*--Hide by default--*/
	color: #000;
	font: normal 0.70em/1.3em "Helvetica Neue",Helvetica,"Arial";
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

/* -------- TOP BUBBLE STYLES ----*/
div.top_intro {
	background: url(img/iasy_blck.gif) 0px 0px no-repeat #000;
}
div#bubble_wrapper {
	width: 443px;
	margin-left: 65px;
}
div#bubble_top {
	background: url(img/bubble_top.gif);
	height: 20px;
}
div#bubble_bottom {
	background: url(img/bubble_bottom.gif);
	height: 49px;
}
div#bubble_content {
	background: url(img/bubble_wrapper.gif) repeat-y #FFF;
	padding: 0px;
	margin: 0px;
}
div#bubble_content h1 {
	padding: 0px 15px 0px 20px;
	margin: 0px;
	font-style: italic;
	font-size: 18px;
	line-height: 26px;
}
div#bubble_inner {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding-bottom: 45px;
	background: url(img/bubble_bottom.gif) no-repeat 0px bottom #fff;
}
div#top_intro_wrapper {
	width: 960px;
	margin: 0px auto 0px auto;
	padding-top: 20px;
}
div#bubble_shadow {
	background: url(img/bubble_shadow.gif) no-repeat 0px 0px;
	width: 29px;
	height: 22px;
	margin-left: 400px;
	z-index:9999;
	position: relative;
}
* +html div#bubble_shadow {
	margin-left: 200px;
}
div#facebook-app-commerce {
	background: url(img/fb-app-commerce.gif) no-repeat 2px 0px;
	height: 88px;	
	padding: 100px 0px 0px 2px;
	margin-top: 10px;
}
div#facebook-app-commerce ul {
	list-style: none;
	margin: 0px;
}
div#facebook-app-commerce ul li {
	display: inline;
}
div#facebook-app-commerce ul li a {
	height: 56px;
	width: 143px;
	display: block;
	text-indent: -99999px; /* -900em*/ /* piilottaa tekstin */
	background: url('img/fb-apps-btn.gif') no-repeat 0px 0px;	
}
div#facebook-app-commerce ul li a:hover {
	background: url('img/fb-apps-btn.gif') no-repeat 0px -56px;		
}


/* -------- TOP BUBBLE STYLES CLOSED ----*/