/*
-----	Overrides
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 21, 2011 */
@font-face {
    font-family: 'CambriaRegular';
    src: url('http://www.pekkafinland.fi/css/fonts/webfontkit-20110221-084108/cambria-webfont.eot?') format('eot'),
         url('http://www.pekkafinland.fi/css/fonts/webfontkit-20110221-084108/cambria-webfont.woff') format('woff'),
         url('http://www.pekkafinland.fi/css/fonts/webfontkit-20110221-084108/cambria-webfont.ttf') format('truetype'),
         url('http://www.pekkafinland.fi/css/fonts/webfontkit-20110221-084108/cambria-webfont.svg#webfonte6QBVepQ') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CambriaBold';
    src: url('http://www.pekkafinland.fi/css/fonts/webfontkit-20110221-084108/cambriab-webfont.eot?') format('eot'),
         url('http://www.pekkafinland.fi/css/fonts/webfontkit-20110221-084108/cambriab-webfont.woff') format('woff'),
         url('http://www.pekkafinland.fi/css/fonts/webfontkit-20110221-084108/cambriab-webfont.ttf') format('truetype'),
         url('http://www.pekkafinland.fi/css/fonts/webfontkit-20110221-084108/cambriab-webfont.svg#webfontZRhmD6Nc') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	/*height: 100.05%;
	overflow: -moz-scrollbars-vertical;*/
	overflow-y: scroll !important;
}

body {
	/*background-color: #fafafa;*/
	background-color: #f8f8f8;
	color: #1d1d1b;
	font-family: Cambria, Georgia, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.572em;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	min-width: 1190px;
	
}
html.win body {
	/*font-family: Cambria, Georgia, Tahoma, Helvetica, Arial, sans-serif;*/
	font-size: 12px;
	line-height: 1.9em;
}
html.win.ie9 body, html.win.ff4 body {
	/*font-family: Cambria, Georgia, Tahoma, Helvetica, Arial, sans-serif;*/
	font-size: 14px;
	line-height: 1.6em;
}
html.mac body {
	font-family: Cambria, CambriaRegular, Georgia, Tahoma, Helvetica, Arial, sans-serif;
}
html.mac body strong, html.mac body b {
	font-family: CambriaBold, Georgia, Tahoma, Helvetica, Arial, sans-serif;
	font-weight: normal;
}
/*
html.mac.wf-cambriaweb-n4-active body {
	font-family: CambriaWeb, Cambria, Georgia, Tahoma, Helvetica, Arial, sans-serif;
}
html.mac.wf-active body {
	font-family: "Droid Serif Pro", Cambria, Helvetica, Arial, sans-serif;
	font-size: 12px;
}
input {
	font-family: inherit;
}
*/


a, a:link, a:active, a:visited, a:focus, a .title {
	color: #1d1d1b;
	text-decoration: none;
	outline: none;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-o-transition:color .35s ease;
-ms-transition:color .35s ease;
transition:color .35s ease;
}
a:hover, a:hover .title {
	color: #5e92d8 !important;
	text-decoration: none;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-o-transition:color .35s ease;
-ms-transition:color .35s ease;
transition:color .35s ease;
}
a.unlink:link, a.unlink:active, a.unlink:visited, a.unlink:hover {
	text-decoration: none !important;
	color: #111;
}
h1.unlink a:link, h1.unlink a:active, h1.unlink a:visited,
h2.unlink a:link, h2.unlink a:active, h2.unlink a:visited,
h3.unlink a:link, h3.unlink a:active, h3.unlink a:visited,
a.unlink:link h1, a.unlink:active h1, a.unlink:visited h1,
a.unlink:link h2, a.unlink:active h2, a.unlink:visited h2,
a.unlink:link h3, a.unlink:active h3, a.unlink:visited h3  {
	text-decoration: none;
	color: #111;
}
h1.unlink a:hover,
h2.unlink a:hover,
h3.unlink a:hover,
a.unlink:hover h1,
a.unlink:hover h2,
a.unlink:hover h3 {
	color: #5e92d8 !important;
}

input[type="text"] {
	font-family: inherit;
}
input[type=text], input[type=button], input.button, input.button:hover,
a.button, a.button:hover, 
input.item_addtocart, input.item_addtocart:hover, 
input.jcart-button, input.jcart-button:hover,
input.submit, input.submit:hover,
a.unlink h1, a.unlink h2, a.unlink h3,
article .item:hover, article .item:hover a {
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out; 
-o-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
/*transition: all 0.15s ease-in-out;*/
}
.bulletin a, .bulletin a:hover {
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-o-transition:color .35s ease;
-ms-transition:color .35s ease;
transition:color .35s ease;
}
body#latest-work ul#grid li a:link, body#latest-work ul#grid li a:visited, body#latest-work ul#grid li a:hover {
-webkit-transition:background-color .15s ease !important;
-moz-transition:background-color .15s ease;
-o-transition:background-color .15s ease;
-ms-transition:background-color .15s ease;
transition:background-color .15s ease;
}
body#latest-work ul#grid li a .title {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
body#home .minimart, body#home .lightbox {
-webkit-transition:opacity .35s ease;
-moz-transition:opacity .35s ease;
-o-transition:opacity .35s ease;
-ms-transition:opacity .35s ease;
transition:opacity .35s ease;
}

.text a, .text a:link, .text a:visited, .text a:active,
.text p a, .text p a:link, .text p a:visited, .text p a:active  {
	color: #5e92d8;
	text-decoration: none;
}
.text a:hover {
	text-decoration: none;
	color: #1a1a1a !important;
	
}
.text p {
	margin-right: 0;
	margin-bottom: 10px;
}

a img, .img a {
	border: 0px !important;
	display: block;
}
.img {
	background-color: #fff;
}
.hide, .print-only {
	display: none !important;
}
.quiet {
	color: #828a8f;
} 
.ajax-loader {
	margin-top: -55px;
}
.small {
	font-size: 10px;
}
.title, 
.wf-franklincondenseditcpro-n4-active .title, 
.button.title, input.title {
	/*font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-CondensedBold", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif !important;
	font-weight:600;
	font-stretch:condensed;*/
	font-family: "TradeGothicW02-BoldCn20 675505", "Arial Narrow", "Arial", sans-serif !important;
 	font-style: normal;
 	font-weight: normal;
 	font-size: 15px;
	text-transform: uppercase;
	/*letter-spacing: 0.07em;*/
	letter-spacing: 1.4px;
}
html.webkit .button.title, html.webkit input.title {
	padding-top: 6px;
	padding-bottom: 6px;
}
.title2 
/*.wf-franklincondenseditcpro-n4-active .title2 */ {
	/*font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-CondensedBold", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif !important;
	font-weight:600;
	font-stretch:condensed;*/
	font-family: "TradeGothicW02-BoldCn20 675505", "Arial Narrow", "Arial", sans-serif;
 	font-style: normal;
 	font-weight: bold;
 	font-size: 15px !important;
	text-transform: none;
	/*letter-spacing: 0.1em;*/
	/*letter-spacing: .6px;*/
}
/*
.wf-loading .title, 
.wf-loading .title2 {
	font-size: 12px;
}
html.no-js.wf-loading .title,
html.no-js.wf-loading .title2 {
  visibility: visible;
}
html.ff4.wf-loading .title, html.ff4.wf-loading .title2,
.wf-loading input.title {
  visibility: hidden;
}
.wf-franklincondenseditcpro-n4-inactive .title, wf-franklincondenseditcpro-n4-inactive .title2 {
	font-size: 14px !important;
}
.wf-franklincondenseditcpro-n4-loading .title, wf-franklincondenseditcpro-n4-loading .title2,
.wf-franklincondenseditcpro-n4-active .title, wf-franklincondenseditcpro-n4-active .title2 {
	font-size: 16px !important;
}
html.mac.wf-loading body,
html.mac.wf-inactive body {
	font-family: Cambria, Georgia, Tahoma, Helvetica, Arial, sans-serif;
}
*/
/*
html.mac.wf-active body {
	font-family: CambriaWeb, Cambria, Georgia, Tahoma, Helvetica, Arial, sans-serif;
}
*/
.vcard .title {
	font-weight: normal;
	font-size: 12px;
}
.vcard .title {
	font-family: inherit !important;
	font-weight: normal !important;
	font-size: inherit !important;
	text-transform: none;
	line-height: inherit;
	letter-spacing: inherit;
}

html.js #js-warning {
	display:  none;
}
.title3,
body#shop #content h2 {
	font-family: "Century Schoolbook W02", Georgia, Times, serif;
	font-size: 22px;
	line-height: 27px;
}
h3.title.border-bot {
	margin: -6px 0 10px 0;
	padding-bottom: 11px;
}
body#shop h3.title.border-bot {
	margin-top: -3px;
}

table td.span-2 {
	padding-right: 0;
}
table td p {
	padding-right: 50px;
}

/* alt paragraphs */
body#company table td p,
body#contact-us .text p {
	margin-bottom: 21px;
}

p.em, .em {
	font-style: italic;
}
p.em a:link, p.em a:visited, p.em a:active {
	color: inherit;
	background: none !important;
}
p.em a:hover {
	color: #5E92D8 !important;
	background: none !important;
}

#header .lightbox, .lightbox a,
html.ie7 #content a.lightbox-add {
	display: none;
}
html.local-storage #header .lightbox, html.local-storage .lightbox a {
	display: inline;
}

#featured, #featured *, .slider-nav, .slider-nav *, #scroller-nav, #scroller-nav *, .imagecontainer, .imagecontainer *  {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
	user-select: none;
}


/*
-----	Basic layout
*/

.border-bot {
	border-bottom: 1px solid #1d1d1d;
}
.border-top {
	border-top: 1px solid #1d1d1d;
}

header, footer, nav, section, aside, article, figure, figcaption {
	display: block !important;
	position: relative;
}

div#header {
	height: 132px;
	overflow: hidden;
	margin-top: 7px;
	z-index: 100;
}
#header .bulletin {
	position: absolute;
	z-index: 1;
	margin: 0;
	top: 3px;
/*	background: url(../images/layout/bulletin.gif) no-repeat;*/
	height: 28px;
}
html.ie7 #header .bulletin {
	margin-left: -225px;
}
#header .bulletin a {
	display: block;
	overflow: hidden;
	height: 28px;
}
#header .bulletin a:link, #header .bulletin a:visited, #header .bulletin a:active {
	color: #828a8f;
}
#header .bulletin a:hover  {
	color: #828a8f;
}
#header .bulletin a span {
	color: #1d1d1d;
}
#header .bulletin a:hover span {
	color: #1d1d1d;
}
div#header header {
	margin: 28px 0 0 0;
	border-top: 1px solid #1d1d1d;
	border-bottom: 1px solid #1d1d1d;
	overflow: visible;
	height: 100px;
}
div#header header h1 {
	height: 45px;
	margin: 11px 0 0 0;
	display: block;
	background: url(http://www.pekkafinland.fi/images/layout/pekka-logo.gif) 0 0 no-repeat;
	width: 122px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}
div#header header h1 a {
	display: block;
	background: transparent;
	width: 122px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}
div#header header h2 {
	position: absolute;
	top: -26px;
	/*letter-spacing: -0.002em !important;*/
	/*letter-spacing: 0.08em !important;*/
	width: 300px;
	font-size: inherit;
}
html.ie7 div#header header h2.quiet {
	font-size: 12px;
}
div#header header .last {
	margin-top: 5px;
	height: 109px;
}
html.win div#header header .last {
	margin-top: 6px;
	height: 108px;
	float: left;
	margin: 0px;
}
html.win div#header header .last p.quiet {
	line-height: 21.25px !important;
	margin: 0px !important;
}
nav {
	position: relative;
	top: -109px;
	margin-left: 225px;
	width: 960px;
}
html.webkit
/*html.ff3 nav,*/
html.ie7 nav {
	top: -96px;
}
nav .span-1 {
	margin-top: 13px;
	margin-right: 0;
	border-right: 10px solid #f8f8f8;
	height: 100px;
}

nav .span-1.first {
	border-left: 10px solid #f8f8f8;
}
nav h2, #header h2.small {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #828a8f;
	margin: 0;
	padding-top: 1px;
	line-height: 21px;
}
html.mac nav h2, html.mac nav h2.small {
	font-family: CambriaBold, Cambria, Georgia, serif !important;
	font-weight: normal;
}
html.win nav h2, html.win #header h2.small {
	font-size: 10px;
}
html.win nav h2, html.win #header h2.small {
	margin-bottom: -3px;
}
html.ie8 nav h2, html.ie8 #header h2.small,
html.ie9 nav h2, html.ie9 #header h2.small {
	padding-bottom: 3px;
}
nav ul, nav ul li {
	margin: 0;
	padding: 0;
}
nav ul li a,
footer ul li a {
	display: block;
}
nav ul li a:hover span:not(.qty)
/*, 
footer ul li a:hover span */ {
	color: #1d1d1b;
}
nav ul li a span:not(.qty),
footer ul li a span,
a.anchor span,
p.more a span {
	padding-left: 0;
-webkit-transition:padding .15s ease;
-moz-transition:padding .15s ease;
-o-transition:padding .15s ease;
-ms-transition:padding .15s ease;
transition:padding .15s ease;
}
nav ul li a:hover span:not(.qty),
footer ul li a:hover span,
a.anchor:hover span,
p.more a:hover span {
	padding-left: 3px;
-webkit-transition:padding .15s ease;
-moz-transition:padding .15s ease;
-o-transition:padding .15s ease;
-ms-transition:padding .15s ease;
transition:padding .15s ease;
}
.title .anchor span {
	font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-CondensedBold", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif !important;
	font-size: 16px;
	margin-left: -2px;
}


div#section, section {
	position: relative;
	z-index: 99;
}
section#feed {
	/*margin-top: -9px;*/
	display: block;
}
body.list section#feed {
	padding-top: 11px;
	display: block;
}

div#content {
	min-height: 300px;
	border-top: 0px;
}
body.page div#content {
	border-top: 11px solid transparent;
}
/*
body#contact-us div#content {
	margin-bottom: -20px;
}
*/
/*
section h1 {
	margin: 0 0 27px 0;
	z-index: 100;
	position: absolute;
	width: 225px;
	top: -50px;
}
*/
section h1 {
	margin: 0 0 27px 0;
	z-index: 100;
	position: absolute;
	width: 225px;
	top: -40px;
}
html.ie7 section {
	padding-top: 11px;
}
html.ie7 body.page section {
	padding-top: 0;
}
html.ie9 section {
	padding-top: 22px;
}
html.ie9 body.page section {
	padding-top: 0;
}
section article h1 {
	position: relative;
	width: auto;
	top: 0;
}
h1.title.top {
	margin: 0 0 -4px 0;
	z-index: 100;
	position: relative;
	width: 225px;
	top: -29px;
}

section ul, section li,
footer ul, footer li {
	list-style: none;
	list-style-type: none;
}
ul.listing {
	width: 1180px;
	display: block;
	/*height: auto !important;*/
}
ul.listing li a img {
	margin-bottom: 4px;
}
ul.listing li {
	margin-bottom: 0;
	height: 198px;
}
ul.listing li.box {
	width: 460px;
	background: #e8e8e8;
	float: right;
	min-height: 370px;
	margin-right: 15px;
	margin-bottom: 26px;
}

div#footer {
	width: 100%;
	background: #1d1d1b !important;
	padding: 25px 0 25px 0;
	margin-top: 30px;
	border-top: 12px solid transparent;
}
html.webkit div#footer {
	border-top: 14px solid transparent;
}
div#footer * {
	color: #fff;
}
div#footer a:hover {
	color: #3f83c2;
}
div#footer .border-bot {
	border-bottom: 1px solid #fff;
}
div#footer .copyright {
	clear: left;
	font-size: 0.84em;
	line-height: 145%;
	margin: 14px 0 5px 0;
}
html.win div#footer .copyright {
	font-size: 10px;
}
div#footer h2.title {
	height: 29px;
}
.toggler .arrow {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	margin-top: -40px;
	background: url(http://www.pekkafinland.fi/images/layout/arrow-small2.png) 0 0 no-repeat;
}
.toggler-on .arrow {
	background: url(http://www.pekkafinland.fi/images/layout/arrow-small2.png) 0 -94px no-repeat;
}
.toggler-off .arrow, 
html.webkit .toggler-on .arrow  {
	background: url(http://www.pekkafinland.fi/images/layout/arrow-small2.png) 0 0 no-repeat;
}

html.webkit .toggler-on .arrow {
-moz-transform: rotate(90deg);  /* FF3.5+ */
-o-transform: rotate(90deg);  /* Opera 10.5  */
-webkit-transform: rotate(90deg);  /* Saf3.1+, Chrome  */
-ms-transform: rotate(90deg);  /* IE9  */
transform: rotate(90deg); 
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out; 
-o-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
html.webkit .toggler-off .arrow {
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out; 
-o-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
html.no-csstransforms {
-moz-transform: rotate(90deg);  /* FF3.5+ */
-o-transform: rotate(90deg);  /* Opera 10.5  */
-webkit-transform: rotate(90deg);  /* Saf3.1+, Chrome  */
-ms-transform: rotate(90deg);  /* IE9  */
transform: rotate(90deg); 
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out; 
-o-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}

#login {
	overflow: hidden;
}
#login label {
	display: none;
}

hr {
	display: block;
	width: 1024px;
	margin: 35px auto 0 auto;
	color: #1d1d1b;
	border-color: #1d1d1b;
	clear: left;
}
a.button:link, a.button:active, a.button:visited {
	border: none;
	/*font-size: 10px;*/
	/*font-weight: bold;*/
	text-transform: uppercase;
	color: #fff !important;
	background: #1a1a1a; 
	padding: 3px 9px 3px 11px;
	font-size: 14px;
}
a.button:hover, a.button:focus,
input.submit:hover, input.submit:active, input.submit:focus {
	background: #4487CC !important; 
}

input.text, input.text:focus, input.item_addtocart, input.jcart-button {
	border: none;
	color: #666;
	border-bottom: 1px solid #ccc;
/*	font-weight: bold;*/
	background-color: transparent;
	padding: 5px 8px 8px 0px;
	font-family: inherit;
	font-size: 14px;
}
input.submit {
	color: #fff !important;
	background: #1a1a1a; 
	border-bottom: none;
	padding: 3px 9px 3px 11px;
}
input.text:focus {
	color: #fff;
	background-color: #262626;
	outline: 0 !important;
	padding-left: 4px;
}
form#freeform input.text:focus {
	background: #dadada;
	color: inherit;
}
#login input.text {
	width: 220px;
	border-bottom: 1px solid #454545;
}
input.button, input.button:focus {
	border: none;
	/*font-size: 10px;*/
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	background: #ccc; 
	padding: 3px 9px 3px 11px;
	font-size: 14px;
}
#login input.button {
	margin-top: 6px;
}
#login input.button, input.button:focus {
	font-size: 14px;
	background-color: #333;
	color: #a6a6a6;
}
input.button:hover {
	background-color: #1a1a1a;
	color: #b7b7b7;
	cursor: pointer !important;
}
#login input.button:hover {
	font-size: 14px;
	background-color: #4891dc;
	color: #fff;
}

/*
-----	Page specific styles
*/

#featured { 
	width: 1165px;
	/*height: 546px;*/
	/*height: 348px;*/
	height: 396px;
	background: #fff url('/images/layout/ajax-loader2.gif') no-repeat center center;
	overflow: hidden;  
}
#featured img,  
#featured div { display: none; }
/*
html.ie7 .timer { display: none !important; }
	html.ie7 div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
*/

body#home section {
	margin-top: 0;
	margin-bottom: 48px;
}
body#home #sections {
	margin-bottom: 46px;
}
body#home #sections .minimart {
	background: #e8e8e8 url(http://www.pekkafinland.fi/images/layout/home-minimart-new.gif) no-repeat;
	height: 348px;
	overflow: hidden;
}
body#home #sections .minimart h3 {
	margin: 188px 60px 0 60px;
	height: 160px;
	text-align: center;
}
body#home #sections .minimart a {
	display: block;
	text-align: center;
	margin: -310px 40px 0 40px;
	padding-top: 105px;
	color: #fff;
}
body#home #sections .minimart a:hover {
	cursor: pointer !important;
	color: #f2ee8d !important;
}
body#home #sections .lightbox {
	background: #e8e8e8 url(http://www.pekkafinland.fi/images/layout/home-lightbox-new.jpg) no-repeat;
	height: 348px;
	overflow: hidden;
}
body#home #sections .lightbox h3 {
	padding: 188px 40px 0 40px;
	margin-bottom: 0;
	text-align: center;
}
body#home #sections .lightbox a {
	text-align: center;
	display: block;
	padding: 24px 40px 30px;
}
body#home #sections .lightbox a:hover {
	cursor: pointer !important;
	color: #02606f !important;
}
body#home #sections .news {
	height: 348px;
	overflow: hidden;
}
body#home #sections .news #rss {
	top: -16px;
	margin-bottom: 0;
	margin-left: 150px;
}
/*
body#home #sections .news #rss a {
	color: #828A8F;
}
*/
body#home #sections .news h2 {
	padding: 0;
	line-height: 36px;
}
body#home #sections .news h3 {
	margin-bottom: 14px;
} 
body#home #sections .news .pad {
	padding: 20px 14px 100px 14px;
	background-color: #e8e8e8;
	margin-top: 2px;
}

body#home #sections .news p.more {
	padding-top: 5px;
}
.imagecontainer {
	overflow: hidden;
	width: 1165px;
	height: 549px;
	position: relative;
	z-index: 100;
	margin-bottom: 6px;
}
ul#scroller {
	list-style: none;
	list-style-type: none;
	width: 99999px;
	height: 600px;
}
ul#scroller li {
	list-style: none;
	list-style-type: none;
	display: block;
	float: left;
    vertical-align: middle;
   /* border-right: 3px solid transparent;*/
   /*
   line-height: 546px;
   vertical-align: middle;
   */
}
ul#scroller li video {
	background-color: transparent;
	z-index: 80;
}

ul#scroller li.inactive img, ul#scroller li.inactive div.swf, ul#scroller li.inactive video {
	z-index: 100;
opacity:.10;
filter:alpha(opacity=10);
filter: “alpha(opacity=10)”;
-webkit-transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out; 
-o-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
-ms-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
ul#scroller li.inactive div.swf {
	padding-top: 600px;
}
ul#scroller li.active div.swf {
	padding-top: 0px;
}
ul#scroller li.active img, ul#scroller li.active div.swf, ul#scroller li.active video  {
	z-index: 100;
opacity:1;
filter:alpha(opacity=100);
filter: “alpha(opacity=100)”;
-webkit-transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out !important; 
-o-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
-ms-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
/*
ul#scroller li.active .video-js-box div.vjs-big-play-button,
div.vjs-spinner
div.vjs-styles-check
div.vjs-controls {
	display: block !important;
	z-index: 910 !important;
opacity:1;
filter:alpha(opacity=100);
filter: “alpha(opacity=100)”;
-webkit-transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out !important; 
-o-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
-ms-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
*/

ul#scroller li span {
	display: block;
}
ul#scroller li.first * {
	opacity:1;
}
ul#scroller li.inactive .img {
	background: rgba(255,255,255,1);
}

html.opera .imagecontainer *  {
	display: block !important;
}

/*
ul#scroller li img {
	border-right: 3px solid transparent;
}
*/
#scoller-nav {
	position: absolute;
	display: block;
	z-index: 200;
	width: 1165px;
	height: 1px;
}
/*
html.ie #imagegecontainer, html.ie #imagegecontainer ul li, html.ie #imagegecontainer ul li * {
	position: relative;
	z-index: 100;
}
html.ie #scroller-nav * {
	position: relative;
	z-index: 900;
}
*/
#scroller-nav a,
#scroller-nav div {
	display: block;
	position: relative;
	width: 225px;
	height: 480px;
	z-index: 900;
	/*background-color: rgba(25,45,56,0.3);*/
	margin-top: -555px;
}
#scroller-nav div.enabled {
	cursor: normal !important;
}
#scroller-nav div.enabled:hover {
	cursor: pointer !important;
}
#scroller-nav div.disabled, #scroller-nav div.disabled:hover {
	cursor: normal !important;
}
#scroller-nav div.prev {
	/*background: transparent url(../images/layout/arrow-box-trans.png) 0 -1000px no-repeat;*/
	float: left;
	/*opacity: 0;*/
}
#scroller-nav div.next {	
	/*background: transparent url(../images/layout/arrow-box-trans.png) 404px -1000px no-repeat;*/
	float: right;
	width: 695px !important;
	height: 500px;
}
#scroller-nav div.next1, #scroller-nav div.next2, #scroller-nav div.next3  {	
	/*background: transparent url(../images/layout/arrow-box-trans.png) 404px -1000px no-repeat;*/
	float: left;
	width: 235px !important;
	height: 500px;
}
#scroller-nav div.next1 {
	margin-left: 470px;
}
#scroller-nav div.next2 {
	margin-left: 705px;
}
#scroller-nav div.next3 {
	margin-left: 940px;
	width: 225px !important;
	height:470px;
}
#scroller-actions {
	margin-top: -5px;
}
body#animation #scroller-actions {
	margin-top: -37px;
}
html.ie7 body#animation #scroller-actions {
	margin-top: -19px;
}


.tip {
    display:none; /*--Hides by default--*/
    padding:10px;
    position:absolute;    
    z-index:1000;
    opacity: 1 !important;
}
.tip_info {
    color: #fff;
    background:#1d1d1d;
    padding:10px;
    position:absolute;    
    z-index:1999;
    max-width: 225px;
    padding: 12px 15px 15px 15px;
    line-height: 1.2em;
}
ul#scroller .work-info {
	position: absolute;
	top: 0;
/*	margin-top: -556px;*/
	z-index: 909;
	
    background: #1d1d1d;
    background: rgba(23,23,23,0.98);
    height: 546px;
    width: 1165px;
/*    width: inherit; */
    font-size: 16px;
	
	opacity: 0;
filter:alpha(opacity=0);
filter: “alpha(opacity=0)”;
}

html.ie ul#scroller .work-info {
opacity:.0;
filter: alpha(opacity=00);
}

ul#scroller .work-info h2 {
	color: #fff;
	margin: 75px 75px 35px 75px;
	width: auto;
}
ul#scroller .work-info p {
	margin-left: 75px;
	margin-right: 75px;
	color: #fff;
}
ul#scroller .work-info .close  {
	display: block;
	height: 40px;
	position: absolute;
	top: 25px;
	left: 1108px;
	/*width: 225px;*/
	width: 32px;
	height: 32px;
	background: url(http://www.pekkafinland.fi/images/layout/ikonit-trans.png) -200px 0 no-repeat;
	text-indent: -300px;
	overflow: hidden;
	z-index: 910 !important;
}

.tip.tip_prev {
	padding: 13px 15px;
	background: url(http://www.pekkafinland.fi/images/layout/ikonit-trans.png) 0 0 no-repeat;
}
.tip.tip_prev.focus {
	background: url(http://www.pekkafinland.fi/images/layout/ikonit-trans.png) 0 -100px no-repeat;
}
.tip.tip_next {
	padding: 13px 15px;
	background: url(http://www.pekkafinland.fi/images/layout/ikonit-trans.png) -100px 0 no-repeat;
}
.tip.tip_next.focus {
	background: url(http://www.pekkafinland.fi/images/layout/ikonit-trans.png) -100px -100px no-repeat;
}
.tip.zoom {
	padding: 13px 15px;
	background: url(http://www.pekkafinland.fi/images/layout/ikonit-trans.png) -300px 0 no-repeat;
}
.tip.zoom.focus {
	background: url(http://www.pekkafinland.fi/images/layout/ikonit-trans.png) -300px -100px no-repeat;
}
.tip.close {
	padding: 13px 15px;
	background: url(http://www.pekkafinland.fi/images/layout/ikonit-trans.png) -200px 0 no-repeat;
}
.tip.close.focus {
	background: url(http://www.pekkafinland.fi/images/layout/ikonit-trans.png) -200px -100px no-repeat;
}

.prev.enabled:hover, .next.enabled:hover, a.active:hover {
	color: #4891dc;
	cursor: pointer;
}
.prev.disabled, .next.disabled, 
.prev.disabled:hover, .next.disabled:hover {
	color: #828A8F !important;
}
.separator {
	color: #8996a0;
	margin-right: -1px;
}
.tabs a:link, .tabs a:visited, .tabs a:active {
	color: #1D1D1B;
	margin-right: -1px;
}
.tabs a.active:link, .tabs a.active:visited, .tabs a.active:active, .tabs a.active:hover {
	color: #8996a0 !important;
	padding-bottom: 0px;
	border-bottom: 1px solid #8996A0;
	border-bottom: 1px solid rgba(137,150,160,0.5);
}
.tabs {
	margin-bottom: 18px;
}
#thumbnails {
	margin-bottom: 7px;
}
#thumbnails ul, #thumbnails ul li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#thumbnails ul {
	width: 1170px;
	margin-top: -7px;
	display: block;
}
#thumbnails li {
	display: block;
	width: 143px;
	height: 99px;
	overflow: hidden;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	float: left;
}
#thumbnails a {
	display: block;
	width: 143px;
	height: 99px;
	overflow: hidden;
}
#thumbnails a img {
	margin: 0 auto;
}
#biography article .text {
	margin-top: -10px;
}
#biography article .text p {
	margin-right: 40px;
}
#biography #clients, #biography #extra {
	margin-top: -34px;
}
#biography #photo {
	margin-top: -36px;
}
#biography #extra .text p {
	margin-right: 40px;
}
#biography #clients .title  {
	margin-top: -6px;
	margin-bottom: 8px;
}
#biography #extra .title {
	margin-top: -6px;
	margin-bottom: 10px;
}
#biography #extra a.url {
	display: block;
	margin-bottom: 18px;
}

.facebook-like {
	margin-top: -21px;
	height: 21px;
	overflow: visible;
	float: right;
}
body#animation .facebook-like {
	margin-top: -3px;
}

.facebook-like iframe {
	float: left;
}
.twitter-share-button {
	float: right;
	display: block;
}
body#news article, body#shop article {
	margin-bottom: 10px;
}
body#news article .image-matrix img:last-child {
	margin-bottom: -27px;
}
body#news article h1, .work-info h2 {
	font-family: "Century Schoolbook W02", Georgia, Times, serif;
	font-size: 22px;
	line-height: 27px;
	font-weight: normal;
	margin-bottom: 15px;
}
body#news article .last,
body#shop article .last {
	background: #fff;
}
ul.listing li .pad, 
body#news article .text.pad,
body#shop article .text.pad,
body#shop form#checkout .pad {
	padding: 23px 30px 15px 30px;
	/* min-height: 586px; */
}
body#shop form#checkout .pad {
	padding-bottom: 15px;
}
body#news article p.date {
	display: inline !important;
	margin: 0 5px 0 0;
}
body#news article .last p:nth-child(3) {
	display: inline;
}
body#news article .last p:nth-child(4) {
	padding-top: 9px;
}
.pagination {
	height: 25px;
	margin-bottom: 0;
	position: relative;
	z-index: 50;
	margin-top: -3px;
}
div#rss {
	margin-top: -25px;
	text-align: right;
	position: relative;
	z-index: 49;
}
div#rss a {
	padding-right: 21px;
	background: url(http://www.pekkafinland.fi/images/layout/rss-trans.png) top right no-repeat;
}
ul.pagination {
	list-style: none;
	list-style-type: none;
	display: block;
	width: 705px;
}
ul.pagination li {
	list-style: none;
	list-style-type: none;
	display: block;
	width: 225px;
	margin-right: 10px;
	float: left;
}
ul.pagination li.here {
	display: none;
}
ul.pagination li.next {
	float: right;
}

body#latest-work #thumbnails {
	clear: left;
}
body#shop section#minimart {
	width: 940px;
}
ul.listing li .pad h2, 
body#shop article h1,
body#latest-work .client,
body#shop #login h2,
body#shop #password {
	font-family: "Century Schoolbook W02", Georgia, Times, serif;
	font-size: 22px;
	line-height: 27px;
	font-weight: normal;
	margin-bottom: 15px;
	top: 0;
}
body#shop article h1.smaller {
	font-size: 18px;
	line-height: 1.3em;
}
#twitter {
	min-height: 130px;
}
#twitter ul {
	list-style: none;
	list-style-type: none;
}
#twitter ul.loading {
	min-height: 80px;
	background: url(http://www.pekkafinland.fi/images/layout/ajax-loader.gif) 100px 20px no-repeat;
}
#twitter li {
	list-style: none;
	list-style-type: none;
	background: #e8e8e8;
	/*border-top: 2px solid #e8e7e2;*/
	border-bottom: 3px solid #F8F8F8;
	word-wrap: break-word;
}
html.ie7 #twitter li * {
	position: relative !important;
}
#twitter li span  {
	display: block;
	overflow-x: hidden;
	margin:  0 15px 0 15px;
	padding-top: 12px;
}
#twitter li a {
	color: #666;
	display: block;
	padding: 0 0 12px 15px;
}
#twitter li span a {
	color: inherit;
	padding: 0;
	display: inline;
	color: #5E92D8;
}
#twitter li span a:hover {
	color: #000 !important;
	cursor: pointer;
}
/*
#twitter li small.sec {
	background: url(http://kaffa.mycashflow.fi/files/kaffa/images/layout/tweet.png) 0 2px no-repeat;
	padding-left: 25px;
}
#twitter li small.sec a {
	color: inherit;
}
#twitter .tweet_avatar {
	display: none;
}
*/

body#news .tweet {
	background: #fff;
	padding: 23px 30px 25px 30px;
}
body#news .tweet span:first-child {
	display: block;
}
body#news .tweet span a {
	display: inline;
}
body#news a.days-ago {
	color: #828A8F;
	font-size: 13px !important;
	background: url(http://www.pekkafinland.fi/images/layout/tweet.png) 0 6px no-repeat;
	padding-left: 25px;
	margin-left: 15px;
}

body#animation #portfolio {
	height: 529px;
	display: block;
}
body#animation .videocontainer {
	margin-bottom: 8px;
}
/*
html.ie body#animation .videocontainer video img {
	display: none !important;
}
*/
body#animation #credits .box {
	background: #E8E8E8;
	padding: 13px 15px 15px 15px;
	min-height: 459px;
}
body#animation #credits h3 {
	margin-top: -16px;
}
body#animation #credits h4 {
	font-size: inherit;
	margin: 0;
}
body#animation #credits a:link, body#animation #credits a:active, body#animation #credits a:visited {
	color: #5e95dd;
}
body#animation #credits a:hover {
	color: #111 !important;
}

section header.box {
	background: #e8e8e8;
	margin-top: 11px;
}
section header.box {
	margin-bottom: 47px;
}
html.ie9 section header.box {
	margin-top: -12px;
}

body#lightbox section header.box {
	height: 348px;
/*	overflow: hidden;*/
}
section header.box h1 {
	padding-top: 1px;
}
section header.box .pad {
	text-align: center;
	padding: 80px 70px 38px 70px;
}
body#lightbox section header.box .pad {
	text-align: center;
	padding: 80px 180px 38px 180px;
	/*margin-top: -348px;*/
}
body#lightbox section header.box .pad h3 {
	margin: 0 150px 24px 150px;
}
section header.box p {
	text-align: center;
}
body#lightbox section header.box p {
	margin-bottom: 24px;
}

section header.box .hr {
	width: 696px;
	margin: 34px auto 0 auto;
	border-top: 1px solid #1d1d1b;
	height: 27px;
}

body#company header.box,
body#contact-us header.box {
	height: 348px;
}
body#company header.box .wrapper,
body#contact-us header.box .wrapper,
body#lightbox header.box .wrapper {
	height: 348px;
	overflow: hidden;
}
body#company header.box h2,
body#contact-us header.box h2 {
	/*margin-top: -320px;*/
	margin-top: 28px;
}
body#company header.box h2 {
	padding: 52px 330px 0;
	text-align: center;
}
body#contact-us header.box h2 {
	padding: 52px 265px 0;
	text-align: center;
	/*color: #fff;*/
}
body#company table td {
	padding-top: 7px;
}
body#company table td:nth-child(2) p:last-child {
	/*margin-top: 4px;*/
}
body#company div.span-1.last p {
	margin-right: 5px;
}

body#company .title.border-bot,
body#contact-us .title.border-bot {
	margin-top: 0px;
}

body#contact-us form#freeform {
	background: #e8e8e8;
	padding: 13px 15px 15px 15px;
	min-height: 432px;
}
body#contact-us form#freeform fieldset {
	width: 195px;
	overflow: hidden;
}
body#contact-us form#freeform p {
	margin-bottom: 24px;
}
body#contact-us form#freeform label {
	color: #333;
	margin-bottom: -22px;
}
body#contact-us form#freeform input.text {
	width: 96%;
	border-bottom: 1px solid #999;
	margin-bottom: 14px;
}
body#contact-us form#freeform input.submit {
	margin-top: 14px;
}
body#contact-us p.success {
	font-size: inherit;
}

body#lightbox ul.listing li {
	display: block;
}
body#lightbox ul.listing li a.fancy {
	height: 188px;
}
body#lightbox ul.listing li .close {
	display: block;
	height: 40px;
	position: relative;
	margin-top: -188px;
	/*width: 225px;*/
	width: 40px;
	margin-left: 185px;
	height: 40px;
	background: url(http://www.pekkafinland.fi/images/layout/ikoni-sulje-box.gif) -185px 0 no-repeat;
	text-indent: -300px;
	overflow: hidden;
	opacity:.0;
filter:alpha(opacity=0);
filter: “alpha(opacity=0)”;
}
html.win body#lightbox ul.listing li .close {
	margin-top: -189px;
}
body#lightbox ul.listing li:hover .close {
	opacity:1.0;
filter:alpha(opacity=100);
filter: “alpha(opacity=100)”;
-webkit-transition:opacity .25s ease;
-moz-transition:opacity .25s ease;
-o-transition:opacity .25s ease;
-ms-transition:opacity .25s ease;
transition:opacity .25s ease;
}


body#lightbox ul.listing li .close.active {
	background: url(http://www.pekkafinland.fi/images/layout/ikoni-sulje-box.gif) -411px 0 no-repeat;
}
body#lightbox ul.listing li .close a {
	display: block;
	width: 40px;
	height: 40px;
	margin-left: 0;
	cursor: pointer !important;
}

body#lightbox a.zip-link {
	display: inline;
	margin-bottom: 10px;
}

/* Addthis */

.addthis_default_style {
	padding-top: 28px;
}
.addthis_button_compact {
	background: url(http://www.pekkafinland.fi/images/layout/sm-plus-trans.png) 0 1px no-repeat; 
	padding: 0 0 5px 14px !important;
	margin: 0 0 0 10px;
}
.addthis_button_compact span {
	background: none !important;
}

/* Google Map */

#map { 
	display: block;
	height: 460px;
	z-index: 100;
	margin-bottom: 25px;
	margin-right: 2px;
}
#message .pad {
	padding: 25px 15px 0 40px;
}
#message { 
	position: absolute; 
	color: #ffffff !important;
	width: 250px;
	height: auto;
	background: url(http://www.barfinland.fi/images/map-bg.png) bottom center no-repeat;
	margin: -20px 0 0 28px;
	z-index: 200;
}
html.webkit #message,
html.ff4 #message {
	margin-left: 20px;
}
#message h3.head {
	margin: 0 0 3px 0;
	font: 12px  Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
	text-shadow: #1a1a1a 1px 2px 1px;
	float: none;
}
#message * { 
	color: #ffffff !important;
	z-index: 201 !important;
}
#message a, #message a:visited, #message a:active, #message a:link {
	/*color: #e4e4e4;
		border-bottom: 1px solid #666; */
	color: #ccc !important;
}
#message p { 
	color: #ffffff;
	font-size: 11px;
}
#sidebar #list { 
	width: 215px;
	background: none; 
	list-style: none;  
	padding:0; 
	height: 500px; 
	overflow-y: scroll; 
	margin-top: 103px;
	background: #fff;
}
#list li { 
	border-top: 2px solid #ccc; 
	padding: 15px; 
	background: #ffffff;
}
#list li:hover { 
	background: #ffffff;
	cursor:pointer;
	cursor:hand; 
}
#list li .txt { 
	display: none;
}
#list li h4 {
	margin-bottom: 0;
	text-transform: uppercase;
}
#list li:hover h4 {
	color: #231f20;
}



body#latest-work ul#grid {
	width: 1185px !important;
}
body#latest-work ul#grid li * {
	display: block;
	margin: 0;
	padding: 0;
}
body#latest-work ul#grid li {
	margin-bottom: 10px;
}
body#latest-work ul#grid li a {
	background-color: #E8E8E8;
	padding: 0;
}
body#latest-work ul#grid li a:hover {
	background: #1D1D1B;
	cursor: pointer;
}
body#latest-work ul#grid li a .title {
	height: 15px;
}
body#latest-work ul#grid li a .title span.ul {
	border-bottom: 1px solid transparent;
	display: inline !important;
	padding-left: 2px;
}
body#latest-work ul#grid li a:hover .title {
	color: #5e92d8 !important;
}
body#latest-work ul#grid li a:hover .title span.ul {
	border-bottom: 1px solid #5e92d8;
}

body#latest-work ul#grid li a .em {
	padding-top: 3px;
	color: #111;
}
body#latest-work ul#grid li a .client {
	color: #111;
	font-size: 20px;
}
body#latest-work ul#grid li a:hover .em,
body#latest-work ul#grid li a:hover .client {
	color: #fff;
}
body#latest-work ul#grid li figcaption {
	padding: 20px 20px 60px;
	text-align: center;
}
body#latest-work ul#grid li figcaption span {
	display: block;
}