.page_center {
	width:400px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-32px;
	margin-left:-171px;
}
#header {
	width: 910px;
	height: 60px;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #CCC;
	position: fixed;
	background-color:transparent;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
	z-index: 2;	
}
h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;	
	
}
#header h1 {
	float: left;
	margin-left: 14px;
	margin-top: 21px;
	width:400px;
}
#navi ul {
	float: right;
	width: 496px;
	margin-top: 25px;
}
#navi ul li {
	list-style: none;
	float: left;
	margin-left:50px;
	font-size:18px;
	}
#footer {
	bottom:0;
	clear: both;
	padding: 20px 0 10px;
	letter-spacing:2px;
	text-align:center;
}
#magazine-footer {
	bottom:0;
	clear: both;
	padding-top: 50px;
	letter-spacing:2px;
	text-align:center;
}
#profile-footer {
	position:absolute;
	bottom:0;
	clear: both;
	padding-bottom: 10px;
	height: 34px;
	width:100%;
	letter-spacing:2px;
	text-align:center;
}
.profile {
	clear:both;
  	margin: 0 auto;
  	overflow: hidden;
	width:370px;
	text-align:left;
	font-size:18px;
	line-height: 1.4;
}
.profile p {
	margin:20px 0;
}
#biography {
	font-size:18px;
	margin-bottom:30px;
  	overflow: hidden;
}
#biography h2,#biography h3,.profile h3 {
	font-weight:normal;
}
.bio_ja {
	font-size:18px;
	width:700px;
}
.bio_ja table tr {
}
.bio_ja table th {
	width:80px;
	vertical-align:top;
	text-align:left;
	padding-bottom: 10px;
}
.bio_ja table td {
	padding-bottom: 10px;
}
.clients {
	width:250px;
	float:left;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:center;
}










/* NOTICE : This CSS file is the core CSS for kojiichikawa.com website. Please keep space between each parameters and before opening tag! */

::-webkit-scrollbar {
  background-color: #e5e4e2;
  -webkit-border-radius: 8px;
  width: 10px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {

  background: rgba(54,54,54,0.8);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover{background: rgba(54,54,54,1);}



/* Development area */
.devalert { position: absolute; left:23%; top:35%; color: white; font-size: 25px; background-color: red; z-index: 1000;}
.footer-project { float: left; font-size: 15px; padding-top: 3px; margin-top: 16px; line-height: 20px; text-align: center; width: 860px; font-variant: small-caps; margin-top: 50px; position: relative; z-index: 99;}
.wrapper { float: left;}
#preload { position:absolute;top:0;left:3000px; display: none;}

/* The basics */
html, body { height: 100%}
body {
	font-family: "Times New Roman", Times, serif;
	color: #666666;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
	unicode-bidi: embed;
	overflow: hidden;
	overflow-x: auto;
	overflow-y: auto
}
:focus { outline: none;}
a { color: rgb(134, 134, 134); text-decoration: none;}
a:hover { color: #000}
ul, ol, li { margin: 0; padding: 0; list-style-type: none;}
img { border: 0;}
#ajax {position: relative; overflow: hidden;overflow-y: auto; clear: left; height:100%;}
.container, .heavy, .magazine-heavy, .profile-heavy { clear: left; width: 910px; margin: 0 auto; position: relative;}
.container2 {
  clear: left;
  width: 910px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding-top: 90px;
  padding-left: 15px;
  height:850px;
}
.heavy {border-left:#ccc solid 1px;border-right:#ccc solid 1px; }
.magazine-heavy, .profile-heavy { height:100%;}
.distance { position: relative; width: 1px; float: left; }
.ajaxbuffer { display: none;}
.left {float: left;}
.right {float: right;}
.last, #last { margin-right: 0 !important;}
.clearer {clear: both;}
.footer { float: left; line-height: 14px; text-align: left; width: 910px; position: absolute; bottom: 0; }
.footer .footer-title { font-weight: bold; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }
.footer table { width: 910px; text-align: center;}
.footer table td { margin: 0; padding: 0; z-index: 100; position: relative; float: left; white-space: nowrap;}
.footer table td a { font-size: 11px}
.footer table td.left { text-align: left;}
.footer table td.last { text-align: right;}
.footer .social { background: url(../css_imgs/social.jpg) no-repeat; width: 15px; height: 15px; display: inline-block; margin-right: 10px; text-indent: -999em;}
.footer .social.last { margin-right: 0;}
.footer .social.fb { background-position: 0 0;}
.footer .social.tw { background-position: -20px 0;}
.footer .social.lk { background-position: -39px 0;}
#footer a.active.address { font-weight: bold;}
#footer .tooltip { position: absolute; bottom: 0px; z-index: 100; display: none; padding-bottom: 9px;}
#footer .tooltip .content { background: black; color: #fff; padding: 5px 10px 5px 10px; margin-bottom: 18px;}
#footer .tooltip a { color: #fff;}
#footer .tooltip strong { font-size: 15px;}
#footer .tooltip .arrow { background: url('../css_imgs/arrow.png'); width: 14px; height: 10px; display: block; position: absolute; bottom: 18px; left: 10px;}

/* Elements using jQuery */
#ajaxcontainer li, #bigimg, #preload, .index .container, .index .container img, .index .container a, .home .container, .presentation .container { opacity: 0; filter: alpha(opacity=1); zoom: 1; }

#album { position: relative; padding-bottom: 40px;}
#album.hd { position: inherit;}
#imgs-container { overflow: hidden;}
#pages { float: left;}


/* Everything about logo parameters is here */
.world { background: url(../css_imgs/world.png) center center no-repeat; height: 530px; width: 910px;}
.big-logo { background-position: -742px top; width: 750px; height: 267px; margin-left: 12px}
.logo { background-position: -413px top; width: 300px; height: 91px; margin-left: 240px; margin-bottom: 14px;}
.home .logo, .presentation .logo, .credits .logo, .mentions .logo { margin-top: 25px;}


/* Navigation */
.title { font-size: 30px; letter-spacing: 8px; color: #454545; width: 910px; padding-bottom: 10px; margin: 0; font-weight: normal}
.title.artistName { width: 560px; float: left; letter-spacing: 2px;}
.title.menuArtist { text-align: right; padding-right: 0; width: 340px; float: right;}
.title.menuArtist a { position: relative; left: 8px; font-size: 20px;}
.menu-container {float: left; width:910px; height: 30px; margin-bottom: 5px; background: #000;}
.menu-wrapper { padding: 0; margin: 0 0 0 22px; float: left; height: 30px; position: relative; z-index: 1000; white-space: nowrap;}
.layer { background: rgba(255,255,255,0.9); width: 3000px; height: 630px; float: left; position: absolute; z-index: 100; top: 83px; display: none;}
.menu-wrapper .center { float: left; margin: auto;}
.menu-wrapper .left { text-align: left;}
.menu-wrapper ol, .menu-wrapper ul { font-size: 14px; text-align: left; width: auto; padding: 0; float: left; color: #454545; list-style-type: none; position: relative; z-index: 200;}
.menu-wrapper ol { margin-right: 42px;}
.menu-wrapper ol li { cursor: default; font-weight: 500;  }
.menu-wrapper ol.photos li a.level0 { color: #ddd;}
.menu-wrapper ol li a.level0 { color: #f2f2f2; line-height: 30px; text-shadow: 0 0 1px #eee; display: block; font-size: 12px; text-transform: uppercase;}
.menu-wrapper ol li.on a.level0 { font-weight: bold;}
.menu-wrapper ol li a.level0:hover { color: #fff;}
.menu-wrapper ol li.over a.level0, .menu-wrapper ol li.on a.level0 { color: #fff !important; text-shadow: 0 0 3px #fff}
.menu-wrapper ol.on { color: #000 !important; font-weight: 700 !important; }
.menu-wrapper ol.right { margin-right: 0;}
.menu-wrapper ol ul { position: absolute; left: -9999px; z-index: 100; padding: 10px 20px 20px 20px; background: url(../images/pic.png)}
.menu-wrapper ol li.over ul { position: absolute; left: -20px;}
.menu-wrapper ol ul li { white-space: nowrap; margin-bottom: 7px; height: 18px; line-height: 18px;}
.menu-wrapper ol li ul li a { font-size: 14px; }
.menu-wrapper ol li ul li.on a, .menu-wrapper ol ul li a:hover { font-size: 16px;}
.menu-wrapper ol li ul li.on a { font-weight: bold;}

.submenu { background: #fff; width: 450px; float:right; height: 20px; margin-bottom: 9px; padding-left: 0px; list-style-type: none; position: relative; padding-top: 4px; top: 0px}
.submenu li { float: right; margin-right: 20px; line-height: 26px; padding: 0; }
.submenu li a { color:#838383; text-transform: uppercase; font-weight: bold; float: left;}
.submenu li.on a.level0 { color: #000; font-weight: bold;}
.submenu li #pager { float: left; line-height: 18px; margin-top: 2px;}
.submenu li #pager a { margin-right: 5px; padding: 2px 5px;  }
.submenu li #pager a:hover { background: #ddd; }
.submenu li #pager .activeSlide, .submenu li #pager .activeSlide:hover {  color: #000; }
.submenu li a:hover { color: #000}
.submenu li.artist, .title.album { background: #fff; color: #454545; font-size: 26px; position: relative; padding: 1px 10px 0 0; position: relative; top: 1px; float: left; text-align: left;}
.title.album { font-size: 18px; letter-spacing: normal; width: 450px; padding-right: 10px; float: left; line-height: 36px; white-space: nowrap;}
.title.album .client { text-transform:none ;}
.title.album.hd { float: left; padding: 5px 10px 0px 0; position: fixed; width: 100%; background: rgba(255,255,255,0.9) !important; line-height: 25px; height: 55px;}
.title.album.hd .back { float: left; background: #000; height: 60px; margin-right: 10px; color: #fff; line-height: 60px; padding-right: 10px; position: absolute; left: 0; top: 0;}
.title.album.hd h1 { float: left; margin-top: 0px; margin-left: 90px}
.title.album.hd h2 { position: absolute; right: 40px; top: 14px;}
.title.album.hd span { font-size: 18px; font-weight: normal; line-height: 18px; padding: 0; margin: 0;}
#titleContainer { position: fixed; width: 100%; height: 80px; z-index: 100;}

.go { width: 860px; margin: auto; clear: both; position: relative; top: 635px; margin-bottom: -15px; height: 15px; text-align: center; direction: ltr; z-index: 100;}
.go-project { width: 40px; margin: auto; clear: both; position: absolute; top: 647px; margin-bottom: -15px;  height: 15px;}
.accueil { margin: auto; }


/* Navigation tools */
.arrow { float: left; width: 28px; height: 16px; text-indent: -9999px; position: absolute; cursor: pointer;}
.arrow.left { background-position: left top; left: 0; top: 220px; display: none;}
.arrow.left:hover { background-position: left -28px;}
.arrow.right { background-position: -40px top; right: 0; top: 220px; display: none;}
.arrow.right:hover { background-position: -40px -28px;}
.arrow.top, .arrow.bottom { text-indent: 0; width: 140px; text-align: center; position: absolute; text-transform: uppercase; font-size: 13px; left: 323px; }
.arrow.top { background-position: -85px -85px; padding-top: 24px; top: -19px;}
.arrow.top:hover { background-position: -187px -85px;}
.arrow.bottom { background-position: -85px 20px; padding-bottom: 20px; top: 430px}
.arrow.bottom:hover { background-position: -187px 20px;}
.arrow.back { background-position: left -56px; left: 0; width: 29px; height: 16px; display: none;}
.arrow.back:hover { background-position: left -84px;}
.arrow.album { top: 428px;}
.arrow.right.show, .arrow.left.show { display: block;}


/* Specific parameters for page : INDEX */
.index .go { top: 17px;}
.index a { font-size: 14px; margin-top: 27px; margin-right: 33px}
.index a.fr { margin-left: 33px;}
.index .distance { margin-bottom: -160px;}
.col2-layout .col { float: left;}
.col2-layout .col-left { width: 315px; text-transform: uppercase; font-size: 14px;}
.col2-layout .col-right { width: 314px; height: 412px; background-position: -1585px top; float: right;}
.col2-layout .col-left span { float: left; clear: both; width: 314px; text-align: right; font-size: 12px;}
.col2-layout .col-left span.first-line { margin-bottom: 10px; font-size: 13px; letter-spacing: 1.1px}
.col2-layout .col-left span.first-line strong { font-size: 17px;}
.col2-layout .col-left span.second-line { margin-bottom: 4px; letter-spacing: 1.4px}
.col2-layout .col-left span.third-line { margin-top: 8px; font-size: 13px; letter-spacing: 1.1px}
.col2-layout .col-left span.third-line strong { font-size: 17px;}
.col2-layout .col-left span.signature { text-transform: capitalize; font-style: italic; font-size: 16px; margin-top: 10px;}
.col2-layout .col-left p { font-size: 12px; text-align: justify; float: left; padding: 0; margin: 0; line-height: 20px; letter-spacing: 0.2px; #line-height: 18px}
.col2-layout .col-left p strong, .col2-layout .col-left span strong { font-size: 16px; width: inherit; font-weight: 100;}


/* Slideshow parameters */
.line.album li { margin-right: 14px;  }
.line.album li .pic { position: absolute; display: block; width: 100%; height: 100%; z-index: 1; }
#ajaxcontainer { float:left; text-align: center; width: 910px; margin: auto; position: relative;}
#ajaxcontainer ul { list-style-type: none;}
#ajaxcontainer li { float: left; text-align: center;}
#ajaxcontainer ul.dynamic { width: 840px; margin: auto; position: relative;}
#ajaxcontainer img { margin: 0 20px 0 0;}
#ajaxcontainer .coupures img { margin: 0 ;}
#ajaxcontainer .dynname2 img { margin: 0 15px;}
#ajaxcontainer .dynname { width:180px; margin: auto; color:#484848; font-size: 15px;}
#ajaxcontainer .dynname2 { width:250px; margin: auto; position:relative; color:#484848; font-size: 15px;}
#ajaxcontainer .dynname3 { margin: auto; position: relative; color: #484848; font-size: 19px; margin-top: 15px;}
.container {  padding-top:90px; padding-left:15px;}
.container .coming { width: 910px; float: left; height: 50px; font-size: 30px; text-align: center; margin-top: 190px; font-weight: normal;}
/* Specific parameters for page : HOME */
#album { width: 910px !important; float: left; margin-top: 7px; overflow: visible !important; height: 615px; }
#album .element { margin: 0 auto; width: 910px; text-align: center;}
/* Specific parameters for page : ARTIST BIOGRAPHY */
.biography { text-align: left; width: 830px; padding: 25px 40px 0; font-size: 14px; float: left; position: relative; margin-top: 7px; }
.biography .img-container { float: right; height: 450px; margin: 0 30px 5px 30px !important;}
.biography .text-container { text-align: justify; float: left;}
.biography .text-container .real { width: 100%; height: 50px; float: left; clear: both;}
.biography .flou, .blog .flou { position: absolute; bottom: 27px; width: 873px; height: 119px; background: url(../css_imgs/bio.png) no-repeat;}
#bio { float: left; width: 100%; height: 450px; padding-bottom: 20px;	overflow: auto; }
#bio p { height: 100%; padding: 0; padding-right: 20px; margin: 0; }

#menuPage{ padding: 22px;}
#menuPage h2 { text-align: left;}
#menuPage ul { padding: 30px 20px 30px 0px; float: left; width: 268px;}
#menuPage ul li { margin-bottom: 12px;}
#menuPage ul li a { font-size: 20px; color: #454545;}


/* Specific parameters for page : GALLERY VIEW */
.gallery { width: 910px; margin: 0 0 0px 0; float: left; }
.gallery li { width: 219px; height: 145px; float: left; margin: 2px 2px 0 0; color: #fff; position: relative; font-size: 14px; text-align: center; overflow: hidden;}
.gallery li a { color: #fff; width: 219px; height: 145px; position: absolute; left: 0; top: 0;}
.gallery li .layer { width: 219px; height: 145px; position: absolute; background: #000; opacity: 0.4; filter: alpha(opacity=40); z-index: 1; display: none; top: 0; left: 0; text-align: center; }
.gallery li .client, .gallery li .date { position: relative; z-index: 2; float: left; clear: both; width: 219px;}
.gallery li .client { margin-top: 30%;  }

/* Specific parameters for page : PHOTOS */
.photos .title {ﾂcolor: #eee}


/* Specific parameters for page : HD ALBUM */
.hd-album { height: 100%; white-space: nowrap}
.hd-album img { margin-right: 15px; max-height: 100%; width: auto}
.picHD { width: 100%; height: 100%; position: fixed;}


/* Specific parameters for page : CONTACT */
.contacts { font-family: Arial; border: 0 !important; width: 170px; height: 430px; margin-top: 2px; float: left; margin: 20px 0 0 20px; float: left;}
.contacts tr td { border: 0 !important; vertical-align: top; width: 28% }
.contacts tr td strong { width: 100%; float: left}
.contacts tr.city td { font-size: 26px; padding-bottom: 10px}
.contacts tr.address td { font-size: 15px; padding-bottom: 8px; line-height: 15px}
.contacts tr.phones td { font-size: 15px; padding-bottom: 25px; line-height: 15px}
.contacts tr.names td { font-size: 15px; line-height: 19px; padding-bottom: 15px;}
.contacts tr.names td strong { font-size: 13px}
.contacts tr td a { background: url(../css_imgs/mail.png) left 3px no-repeat; padding-left: 20px;}
.about { float: right; width: 598px; padding: 0px 20px; margin: 30px 20px; font-size: 13px; height: 430px; overflow: hidden; overflow-y: auto; text-align: justify;}
.history { display: block; padding: 0 20px; margin: 10px 0 0 0; text-align: right; clear: both;}
.history a { font-size: 15px; background: #000; color: #fff; padding: 5px 15px; border-radius: 2px;}
.history a span { position: relative; top: -2px;}

/* Specific parameters for page : BLOG */
.widget_search { margin-bottom: 10px; float: left}
#searchform #s { float: left; width: 150px}
#searchsubmit { background: url(../css_imgs/search.png) no-repeat; width: 16px; height: 16px; border: none; text-indent: -9999px; float: left; margin: 3px 0 0 4px; }

/* AJOUT PREZ */
.prev-container, .next-container, a#prev, a#next { background: url(../css_imgs/arrows.png) no-repeat; height: 11px; width: 19px; float: left; text-indent: -9999px;}
.prev-container { background-position: left top;  margin: 7px 0 0 10px;}
.next-container { background-position: right top;  margin: 7px 0 0 0px; position: relative; left: -4px;}
a#prev {float: left; margin-left:10px;cursor: pointer; background-position: left bottom; margin: 0 !important; display: none;}
a#next {float: left; margin-left:5px; cursor: pointer; background-position: right bottom; margin: 0 !important; display: none;}
.good { background: red}

#goLeft, #goRight {height: 100%; width: 118px; float: left; position: fixed; right: 0%; z-index: 2; text-indent: -9999px;}
#goLeft {left: 0%; }
#goRight {  }

.window {float:left; }



.space {overflow: hidden; position: relative;  }
.space ul { white-space: nowrap;  }
.space li { display: inline-block; position: relative; width: auto}

.collection {float: left;}
.conteneur { float: left;}

.videodiv { position: relative; z-index: 1}
.player { position: relative; z-index: 1}

.playButtonContainer { position: absolute; width: 100%; float: left; top: 164px;}
.playButton { background: url(../css_imgs/playButton.png) left top no-repeat; width: 70px; height: 64px; text-indent: -9999px; cursor: pointer; margin: 0 auto}


.sliderContainer { width: 910px; height: 12px;  position: absolute; padding: 0 1px; top: 475px; clear: both; margin: 0 auto; /* -moz-box-shadow: 0 0 10px #838383 inset; -webkit-box-shadow: 0 0 10px #838383 inset; -moz-border-radius: 8px; -webkit-border-radius: 8px; */}
.slider { width: 460px; height: 12px; position: relative; z-index: 2; margin: 0 auto;}
.sliderContainer span.btn-left { float: left; width: 12px; height: 12px; cursor: pointer; }
.sliderContainer span.btn-right { float: right; width: 12px; height: 12px; cursor: pointer; left: 8px; }
.ui-slider-handle { width: 40px; height: 10px; position: absolute; top: 1px; background: url(../css_imgs/sliderHandle.png); /* border-radius: 8px; -moz-border-radius: 8px; */ cursor: move; margin: 0 -20px; z-index: 1000; z-index: 20}

/* Vertical version */
.sliderContainerV { width: 12px; height: 448px;  position: absolute; right: 0; top: 0; padding: 1px 0px; clear: both; margin: 0 auto; /* -moz-box-shadow: 0 0 10px #838383 inset; -webkit-box-shadow: 0 0 10px #838383 inset; -moz-border-radius: 8px; -webkit-border-radius: 8px; */ background: url(../css_imgs/sliderContainerV.png) no-repeat;}
.sliderContainerV .bioslider { width: 12px; height: 408px; position: relative; z-index: 2; margin: 0 auto;}
/*
.sliderContainerV span.btn-left { position: relative; top: 0; width: 12px; height: 12px; cursor: pointer; }
.sliderContainerV span.btn-right { position: relative; bottom: 0; width: 12px; height: 12px; cursor: pointer; }
*/
.sliderContainerV .ui-slider-handle { width: 10px; height: 40px; position: absolute; left: 1px; background: #454545; border-radius: 8px; -moz-border-radius: 8px; cursor: move; margin: 0px -0px; z-index: 1000; z-index: 20;}

.sliderContainer .viewHD { width: 13px; height: 13px; white-space: nowrap; float: left; padding-left: 18px; background: url(../css_imgs/viewHD.png) left top no-repeat; position: absolute; right: 163px; top: 1px; font-size: 10px;}
.sliderContainer .back { width: 40px;  height: 25px; float: left; padding-left: 0px; text-transform: uppercase;  position: absolute; left: 0px; top: 2px; font-size: 10px; display: block;}
.sliderContainer .next { width: 40px;  height: 25px; float: right; padding-left: 0px; text-transform: uppercase; position: absolute; right: 10px; top: 2px; font-size: 10px; display: block;}


/* ScrollPane  */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;

}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 42px;
    height: 16px;
    z-index: 1000
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    position: relative;
    background: url(../images/white.png) no-repeat;
    width: 12px; height: 450px;
}



.jspDrag
{
    width: 10px; height: 40px; position: absolute; left: 1px; background: #454545; border-radius: 0px; -moz-border-radius: 0px;
    position: relative;
    top: 0;
    left: 1px;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
    display: none
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
    display: none
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

.jspHorizontalBar .jspCap
{
    width: 35px;
    height: 100%;
    display: block;
}


/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}

#album .jspContainer { overflow: visible !important; width: 100%; height: 615px !important}
#album .jspTrack { width: 850px !important; height: 3px !important; top: 1px; float: left }
#album .jspHorizontalBar { width: 850px !important; height: 12px !important;}


@media screen and (max-width: 979px) {
#navi ul li {
  font-size: 22px;
}

}