#header .menu:after, .sections:after, .refe:after, #intro:after, #blog .b:after, .bottom:after { content:"."; display:block; height:0; clear:both; visibility:hidden }

body { background-color:#fff }

#header, #intro, #top .title, #top .title, .b, .sections .refe{ width:940px; margin:auto }
#wrapper { min-height:100% }

.sections { width:100% }
.refe {
	width:100%
}

.section { float:left }
.section_right {
	float:left;
	width: 400px;
	padding-left: 40px;
	padding-right: 20px;
}
.section_hinta {
	float:left;
	width: 190px;
	margin-left: 20px;
	
	background-image: url(../i/hinta_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	padding-left: 10px;
	padding-top: 10px;
	margin-top: 25px;
	list-style-image: url(../i/bullet.png);
}


/* button */
.btn, .btn b { display:inline-block; height:27px }
.btn {
	background:url(/i/btnr.png) right no-repeat;
	padding-right:11px;
	color:#333333;
	text-transform:uppercase;
	font-size:10px;
	padding-top: 0px;
}
.btn b {
	text-shadow: 0px 1px 0px #ccff66;
	background:url(/i/btn.png) no-repeat;
	padding:0 9px 0 12px;
	line-height:18px
}

/* button2 */
.btn2, .btn2 b {
	display:inline-block;
	height:38px
	color:white;
	
}

.btn2 {
	paddi2ng-right:11px;
	text-transform:uppercase;
ba2ckground-image: url(/i/btn2.png);
		
b1ackground-image: url(/i/btnr2.png);
	background-repeat: no-repeat;
	line-height: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	color:black;
	font-weight:bold;
	padding:5px;
}


.btn2 b {
	text-shadow: 0px 1px 0px #ccff66;
	background-image: url(/i/btn2.png);
	background-repeat: no-repeat;
	padding-right: 9px;
	padding-bottom: 0;
	padding-left: 8px;
	padding-top: 8px;
	background-color:green;
	color:white;
}

/* popup */
.popup { background:url(/i/popupb.png) bottom no-repeat; padding-bottom:79px; width:288px }
.popup .content { background:url(/i/popup.png) top left no-repeat; padding:20px 20px 5px 20px; width:248px; color:#333333; line-height:20px }
.popup .content h4 { font-size:18px; text-transform:none; margin-bottom:10px }
.popup .content a { color:#66cc00 }
.popup .content p { margin-bottom:0px !important }

/* header */
#header { position:relative; height:86px }
#header .logo_adensy { position:absolute; top:17px; left:22px }
#header .menu { list-style:none; position:absolute; top:38px; left:268px }
#header .menu li { margin-left:27px; float:left; }
#header .menu li:first-child { margin-left:0px }
#header a, #header .menu .s { font-size:15px; text-transform:uppercase; font-weight:bold }
#header a { color:#666666 }
#header .menu li.s { color:#339900 }
#header .login { position:absolute; top:38px; right:33px }

/* top */
#top { background:url(/i/top-line.jpg) top repeat-x; position:relative; overflow:hidden }
#top .title { padding:106px 0 25px }
#top .border { background:url(/i/slider-border.png); width:719px; height:460px; position:relative; top:39px; left:-4px; z-index:888; margin-bottom:61px; padding-top:2px; padding-left:7px; }
#top .border .tip { position:absolute; top:50px; right:-160px; z-index:999 }
#top .border .tip h3, #top .border .tip p { margin-left:-9999px} 
#top .page { background:url(/i/top.jpg) top center no-repeat; }
#top .page { padding-bottom:30px }
#top .section { float:left; width:288px; font-size:13px; color:#fff; line-height:20px; margin-right:13px }
#top .section:first-child { padding-left:3px; width:320px }

.bx-pager { position:absolute; width:720px; bottom:20px; z-index:99999; text-align:center !important }
.bx-pager .pager-link { background:url(/i/slider-tick.png); display:inline-block; width:10px; height:11px; text-indent:-9999px; margin-left:10px; }
.bx-pager .pager-link:first-child { margin-left:0px }
.bx-pager .pager-active { background:url(/i/slider-active.png) !important; }

/* slideshow */
#slideshow { width:700px; height:434px; list-style:none; overflow:hidden }
#slideshow li { position:relative; display:none; width:700px; height:434px; }
#slideshow li:first-child { display:block }
#slideshow li h1 { position:absolute; left:30px; bottom:41px }
#slideshow .active { z-index:10; }
#slideshow .last-active { z-index:9; }

/* intro */
#intro, #intro h2  { color:#666666 }
#intro h2 { text-transform:none }
#intro h2, #intro p { margin-bottom:16px }
#intro p { line-height:20px }
#intro .left, #intro .right { float:left; padding:55px 0 80px }
#intro .left { padding-left:20px; padding-right:40px; width:400px }
#intro .right { background:url(/i/intro.png) top left no-repeat; width:420px; padding-left:40px }
#intro .right h2 { margin-bottom:21px }

/* page */
#page { background:url(/i/page-line.jpg) top repeat-x }
#page a { color:#339900 }
#page h1, #page h2 { text-transform:none; font-weight:normal; margin-bottom:19px }
#page h1 { color:#99cc33; font-size:36px; line-height:38px }
#page h2 { color:#333333; font-size:24px; line-height:26px; margin-bottom:13px }
#page .bg { background:url(/i/page.jpg) top center no-repeat }
#page .sections, #page .sections .bottom { background:url(/i/page.png) top center no-repeat }
#page .sections .bottom { background-position:bottom center; }
#page .sections .section { width:470px }
#page .b { background-color:#fff; min-height:693px }
#page .d { color:#333333; font-size:18px; line-height:20px }
#page p { color:#666666; font-size:13px; line-height:20px; margin-bottom:33px }

/* path */
#path { color:#999; margin-bottom:24px }
#path, #path a { font-size:12px !important }

/* static */
#static .bottom { padding-top:25px; padding-bottom:19px }
#static .section:first-child { padding-left:59px; width:411px }
#static #page .b { background-position:top right; background-repeat:no-repeat }
#static .bottom { min-height:666px }

/* blog */
#blog h1 { margin-left:55px; margin-top:35px; font-size:24px; margin-bottom:0px }
#blog #page .b { background-image:url(/i/page.png); background-repeat:no-repeat; position:relative } 
#blog .list { list-style-type:none; padding:0px; margin:0px }
#blog .list li.f { background:url(/i/page.png) bottom no-repeat; padding-bottom:20px }
#blog .list li.archive { height:651px }
#blog .left, #blog .right, #blog .blog-left, #blog .blog-right { float:left }
#blog .left { width:440px }
#blog .right { width:200px; padding-left:50px }
#blog .blog-left { width:940px }
#blog .blog-right {  }
#blog .blog-data { width:690px; margin-left:55px; padding-top:40px }
#blog .blog-data dt { background:url(/i/blog-line.png) repeat-x bottom; min-height:47px; margin-bottom:16px; padding-bottom:5px }
#blog .blog-data dt { font-size:24px; color:#333333 }
#blog .blog-data dt .cufon-canvas { margin-bottom:4px }
#blog .blog-data dt small { font-size:18px }
#blog .blog-data .text { margin-right:50px }
#blog .blog-data .text dd { color:#666666; line-height:20px; font-size:13px }
#blog .blog-data .details dt { color:#666666; margin-bottom:9px }
#blog .blog-data .details dd { margin-bottom:12px; font-size:11px; line-height:18px }
#blog .li { list-style-type:none; margin-left:55px; width:690px }
#blog .li li { float:left; text-align:right; width:50% }
#blog .li li:first-child { text-align:left }

/* banners */
.banner1 { background-image:url(/i/_people.png); }
.banner_esittely1 {
	background-image:url(../i/esittely1.jpg);
	background-repeat: no-repeat;
}
.banner_esittely2 {
	background-image:url(../i/esittely2.jpg);
	background-repeat: no-repeat;
}
.banner_esittely3 {
	background-image:url(../i/esittely3.jpg);
	background-repeat: no-repeat;
}
.banner_esittely4 {
	background-image:url(../i/esittely4.jpg);
	background-repeat: no-repeat;
}
.banner_refe1 {
	background-image:url(../i/refe1.jpg);
	background-repeat: no-repeat;
}
.banner_refe2 {
	background-image:url(../i/refe2.jpg);
	background-repeat: repeat;
}
.banner_refe3 {
	background-image:url(../i/refe3.jpg);
	background-repeat: no-repeat;
}
.banner_refe4 {
	background-image:url(../i/refe4.jpg);
	background-repeat: no-repeat;
}


/* demo */
#demo { margin-bottom:90px }
#demo .section { position:relative }
#demo .s1 { background:url(/i/banner1.png) }
#demo .refe1 {
	background-image: url(/i/refe1.png);
}
#demo .s1 .section { height:283px }
#demo .s1 .left h1 { color:#666666; font-size:36px; text-transform:uppercase }
#demo .s1 .left p { color:#333333; font-size:17px }
#demo .s1 .left { padding-top:47px; padding-left:27px; height:236px; width:443px }
#demo .s1 .right { text-align:center }
#demo .s1 .right .tip { margin-top:-20px; margin-left:65px }
#demo .s1 .right .tip h3, #demo .s1 .right .tip p { margin-left:-9999px} 
#demo .s2 { background:url(/i/banner2.png) }
#demo .refe2 {
	background-image: url(../i/refe1.png);
}

#demo .s2 .section { height:333px }
#demo .s2 .left dl, #demo .s2 .right dl { top:50px }
#demo .s2 .left dl {
	left:150px
}
#demo .s2 .right dl { left:95px }
#demo .s3 { background:url(/i/banner3.png) }
#demo .s3 .section { height:379px }
#demo .s3 .left dl, #demo .s3 .right dl { top:170px }
#demo .s3 .left dl { left:70px }
#demo .s3 .right dl { left:95px }
#demo dl { position:absolute }
#demo dl dt { color:#339900; font-size:24px; margin-bottom:22px }
#demo dl dd { color:#666666; line-height:20px; margin-top:20px }
#demo dl dd:first-child { margin-top:0px }
#demo dl dd, #demo dl dd a { font-size:13px }

/* references */
.staff .s2 { background:url(/i/banner6.png) !important }

/* references */
.references .s2 { background:url(/i/banner4.png) !important }
.references .s2 .section {  height:335px !important }
.references .s3 { background:url(/i/banner5.png) !important }
.references .s3 .section { height:367px !important }

/* banners */
#pattern-bakery .logo { position:relative; bottom:16px }
#relaxbirth { padding-left:57px; margin-bottom:19px !important }
#cleanmarinoy { margin-top:24px }

/* footer */
#footer { height:65px; color:#999; font-size:11px; text-align:center; width:100% }
#footer span { position:relative; top:0px }
#footer a { position:relative; top:10px; margin-left:20px }

#sidebar { position:fixed; margin-left:-147px; margin-top:33px }
#sidebar h3 { color:#333333; font-size:14px; text-transform:none }
#sidebar  ul { list-style:none; margin-bottom:23px }
#sidebar a, #sidebar h3 { line-height:24px }

/* ===[ Comment Styling ]=== */
.comments {
	margin:30px 55px 0;
    background: #fafafa;
	width: 620px;    
    border-top: none;
    padding: 35px;
}
#comments h3 {
    font-weight: 300;
   	font-size: 24px;
   	line-height: 30px;
	color:#333;
	text-transform:none
}
h3#comments {
	padding: 0 0 20px 0;
   	margin: 0 0 25px 0 !important;
   	border-bottom: solid 1px #eee;
}
#respond {
    margin: 0 0 15px 0;
    padding: 0px 20px 20px 0;
}
.comment #respond { margin-top: 0px }
#respond h3 {
    background:url(images/divider03.png) repeat-x 0 100%;
    padding: 0 0 10px 0;
    font-size: 24px;
    margin-bottom: 0px;
    margin-top: 25px;
}
#respond label {
    font-weight: bold;
    font-size: 10px;
    margin: 5px 0 0 15px;
    color: #aaa;
}
#respond p { margin-bottom: 15px }
#respond input[type="text"], #respond textarea {
    color: #777;
    border: none;
    border: solid 1px #eee;
    border-bottom: solid 1px #ddd;
    background: #fff;
    width: 50%;
    padding: 10px;
    font-size: 13px;
}
#respond input:focus, #respond textarea:focus {
    outline: none;
}
#respond textarea {
    line-height: 22px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#respond .respond-submit {
	background: #555;
	color:#fff;
	font-size: 13px;
	padding:10px 20px;
	border: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
}
#respond .respond-submit:hover {
	background: #666;
	cursor: pointer;
}
#respond #commentform p {
}
.comment #respond #commentform p {
	
}
#respond #commentform .form-author {
	background: #fff url(images/form-name.png) no-repeat right center;
}
#respond #commentform .form-email {
	background: #fff url(images/form-email.png) no-repeat right center;
}
#respond #commentform .form-website {
	background: #fff url(images/form-website.png) no-repeat right center;
}
.allowed {
	font-size: 11px;
	color: #888;
	width: 500px;
	float: left;
	margin: 0 0 15px 0;
}
.commentlist {
	list-style-type: none !important;
}
.commentlist li {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    position: relative;
    list-style-type: none !important;
}
.commentlist li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.commentlist li:before, .commentlist ol .num {
	float: left;
	margin: 0 0 0 0 !important;
	content: none !important;
	counter-increment: none !important;
}
.children {
	margin-bottom: 0px !important;
	margin-top: 25px !important;
}
.children li { 
	margin: 0 0 0 0;
	padding-left: 40px;
 }
.children li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.comment p {
    line-height: 20px !important;
    font-size: 12px !important;
   
}
.comment-block {
    padding: 0;
}
.comment-text {
	background: #fff;
	border: solid 1px #eee;
	padding: 10px;
}
.comment-text:before {
	width: 0;
	height: 0;
}
.reply {
    margin: 0px !important;
    font-size: 12px;
}
.comments .children .reply { text-align: left }
.reply a:hover {
    text-decoration: none;
}
.reply a:hover:after {
	content: "\2192";
}
#cancel-comment-reply {
    margin: 0 0 15px 0;
    float: right;
}
.comments .logged-in {
	float: left;
	font-size: 14px !important;
}
.comment-awaiting-moderation {
    color: #555;
    font-weight: bold;
    font-size: 11px;
}
.vcard {
    margin: 0 0 0 0;
    padding: 0 85px 0 0;
    float: left;
}
.vcard img {
    float: left;
    background: #fff;
    border: solid 1px #eee;
    padding: 3px;
}
.fn {
    float: left;
    font-style: normal;
    font-size: 18px;
    font-weight: 200;
    line-height: 20px;
    margin-top: 0;
}
.fn a { color: #666 }
.comment-info {
	margin-bottom: 10px;
	position: relative;
}
.comment-meta {
    float: left;
    margin: 2px 0 0 12px;
}
.comment-time {
    font-size: 11px;
    color: #999;
}
.comment-edit-link {
	font-size: 11px;
}