/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
:focus {
  outline: 0; }
/* end reset */

html { height:100%; background-color: #fff; }
body { font-family: "Helvetica, Arial, sans-serif", Verdana, sans-serif; font-size: 12px; line-height:12px; text-align: center; min-width: 970px; color:#686765; }
#container { width: 970px; margin: auto; text-align: left; background-color:#fff; }
body#shop #container { background: url(../images/img_shop.png) no-repeat; }
#content { clear:both; overflow:hidden; padding:8px 0 0 0; margin:0; width: 970px; }
* + html #content { clear:none; } 
body#shop #content { position:relative; }
#footer { overflow:hidden; }

.clear { width:100%; overflow:hidden; }
.clear-both { clear:both; }
.clear-none { clear:none; }
.hide { text-indent:-9999px; display:block; }
img.preload { display: none; }
.hidden { width: 0; height: 0; overflow:hidden; }

/* text */
h1 { font-size: 15px; line-height:15px; font-weight: bold; padding:0; margin:0; }
h2 { font-size: 14px; line-height:14px; font-weight: bold; color:#ff6600; margin:0 0 5px 0; }
h3 { font-size: 12px; line-height:12px; font-weight: normal; color:#ff6600; margin:8px 0 5px 0;  }
p, li { font-size: 12px; line-height:18px; padding-bottom:8px; }
a, a:link, a:visited { color: #0033ff; text-decoration:none; padding:0; margin:0;  }
a:hover { text-decoration:underline; }
.strong { font-weight:bold; }
.small { font-size: 10px; line-height:10px; padding-bottom:6px; }
.big { font-size: 14px; line-height:14px; padding-bottom:8px; }
.extra-big  { font-size: 16px; line-height:14px; padding-bottom:8px; }
.orange, a.orange { color:#ff9600; }

/* header */
#header { display:block; padding:15px 0 0 27px; margin:0;  }
#header ul#nav { display:block; float: left; margin:0; padding:0; }
#header li { height:32px; list-style: none; float: left; display:inline; padding:0; }

a.logo { display:block; width:480px; height:16px; background: url(../images/sprite.png) no-repeat scroll -3px -5px; margin:0 0 24px 13px; }

#nav { z-index:0; }
#nav a { display:block; width:197px; height:25px; background:transparent url(../images/sprite.png) no-repeat scroll 0 -26px; margin-top:3px; position: relative; }

#nav a.home { background-position: 0 -26px; position: relative; z-index:5; }
#nav a.home_on, #nav a.home:hover { height:31px; background-position: 0 -51px; margin-top:0; position: relative; z-index:6; }
#nav a.home:hover { z-index:10; }

#nav a.works { background-position: 0 -82px; margin-left:-19px; position: relative; z-index:4; }
#nav a.works_on, #nav a.works:hover { height:31px; margin-left:-19px; background-position: 0 -107px; margin-top:0; position: relative; z-index:6; }
#shop #nav a.works:hover { z-index:8; }

#nav a.shop { background-position: 0 -138px; margin-left:-19px; position: relative; z-index:3; }
#nav a.shop_on, #nav a.shop:hover { height:31px; margin-left:-19px; background-position: 0 -163px; margin-top:0; position: relative; z-index:6; }
#nav a.shop:hover { z-index:9; }

#nav a.blog { background-position: 0 -194px; margin-left:-19px; position: relative; z-index:2; }
#nav a.blog_on, #nav a.blog:hover { height:31px; margin-left:-19px; background-position: 0 -219px; margin-top:0; position: relative; z-index:6; }
#news #nav a.blog:hover { z-index:12; }

#nav a.news { background-position: 0 -250px; margin-left:-19px; position: relative; z-index:1; }
#nav a.news_on, #nav a.news:hover { height:31px; margin-left:-19px; background-position: 0 -275px; margin-top:0; position: relative; z-index:6; }
#nav a.news_on { z-index:11; }

/* footer */
#footer { width:970px; clear:both; display:block; margin-top:20px; padding-bottom:20px; }
#footer .lines { width:970px; height:1px; margin:1px 0 18px 0; clear:both; display:block; border-top:1px solid #25e4eb; border-bottom:1px solid #ff0000; }
#footer .footer-text { margin-left:23px; }
#footer p { font-size:12px; }
#footer p.links {width:400px;float:left; font-size:14px; color:#000; }
#footer p.links a { font-size:14px; color:#767373; }
#footer .footer-addthis {float:right;width:300px;clear:right;}
#footer #copyright {clear:both;}

/* shop */
#comingsoon { width:380px; top:150px; left:350px; position:absolute; text-align:right; line-height:18px; }

/* photo gallery*/
#wrapper { width:970px; margin:21px 0 0 40px; }
#img { width: 666px; height: 490px; margin-left:226px; }
#gallery { height: 450px; width:226px; }
#wrapper, #img, #gallery li { }
#gallery li { float: left; background: transparent url(../i/ajax-loader-small.gif) 50% 50% no-repeat; cursor: pointer; margin:0 9px 9px 0; padding:0; }
.caption { display: block; color:#888; clear:both; text-align:right; }
.galleria_wrapper img { float:right; margin-bottom:13px; }

/* news/about page */
#news #content { width:900px; margin:0px 33px 20px 37px; padding-top:30px; }
#news #newsDiv { float:left; width:420px; padding-right:20px; }
#new #about { margin-left:430px;}
#news .scrollDiv { padding-right:5px; height:530px; overflow-y:auto;}

/* styled scrollbars */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #e2dfde; }
.jScrollPaneDrag { position: absolute; background: #ff9900; width:11px !important; margin-left:2px; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; width:11px; height:5px; background: #e2dfde url(../images/sprite.png) no-repeat scroll -19px -310px; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; width:11px; height:5px; background: #e2dfde url(../images/sprite.png) no-repeat scroll -19px -315px; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; width:15px; height:4px; background: transparent url(../images/sprite.png) no-repeat scroll 0 -310px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; width:15px; height:4px; background: transparent url(../images/sprite.png) no-repeat scroll 0 -315px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }