/* FONTS */
@font-face {
	font-family: 'GillSans';
	src: local('GillSans'),
		 local('Gill Sans Regular'),
		 local('Gill Sans Std Regular'),
		 url(../fonts/GillSans.otf)
}




body { background: #202020 url(../images/template/body-bg.jpg) repeat scroll top left; }
#wrapper { font-family: 'GillSans', "Trebuchet MS", Arial, sans-serif; min-height: 766px; min-width: 1200px; position: absolute; width: 100%; }


header { position: absolute; top: 540px; z-index: 10; width: 347px; height: 231px; background: url(../images/template/menu-separator.jpg) no-repeat scroll top right; }
header a { margin: 97px 0px 0px 64px; width: 218px; height: 37px; display: block; text-indent: -9999px; background: url(../images/template/logo.png) no-repeat scroll top left;}



menu { background: url(../images/template/menu-bg.png) repeat-x scroll top left; width: 100%; padding: 5px 0px 0px 0px; position: absolute; top: 535px; left: 0px; height: 231px; z-index: 1; }
menu ul { position: relative; letter-spacing: 2px; text-transform: uppercase; margin: 0px 0px 0px 347px; padding: 28px 0px 0px 28px; background: url(../images/template/menu-separator.jpg) no-repeat scroll top right; width: 160px; height: 203px; display: block; font-size: 10px; letter-spacing: -0.005em; }
menu ul ul { display: none; margin: 0px; position: absolute; top: 0; left: 188px; width: 150px; }
menu ul ul ul { display: none; left: 178px; }
menu li h3 { color: #b6b6b6; font-weight: normal; font-style: italic; margin-bottom: 16px; }
menu li a { text-decoration: none; color: #fff; display: block; height: 26px;font-size:12px }
menu li a:hover { font-size: 12px; color: #e0decf; }
menu li li a { margin-bottom: 16px; height: auto; }
menu li li a:hover { margin-bottom: 13px; }
menu li.selected ul { display: block; }
menu li.selected ul ul { display: none; }
menu li.selected li.selected ul { display: block; }
menu li.selected a { font-size: 12px; color: #e0decf; }
menu li.selected li a { font-size: 10px; color: #fff; margin-bottom: 16px; }
menu li.selected li a:hover { font-size: 12px; color: #e0decf; margin-bottom: 14px; }
menu li.selected li.selected a { font-size: 12px; color: #e0decf; margin-bottom: 14px; }
menu li.selected li.selected li a { font-size: 10px; color: #fff; margin-bottom: 16px; }
menu li.selected li.selected li a:hover { font-size: 12px; color: #e0decf; margin-bottom: 14px; }
menu li.selected li.selected li.selected a { font-size: 12px; color: #e0decf; margin-bottom: 14px; }



nav { width: 284px; height: 203px; padding: 28px 0px 0px 28px; position: absolute; top: 540px; left: 888px; z-index: 10; color: #d7d7d7; font-size: 11px; }
nav h4 { font-weight: normal; margin: 18px 0px 0px 0px; }
nav a { color: #c5c5c5; text-decoration: none; text-transform: uppercase; }
nav a:hover, nav a.selected { color: #e0decf; font-size: 12px; }
nav ul { margin: 15px 0px; }
nav li { padding: 0px 0px 0px 18px; height: 24px; display: block; }
nav li#facebook { background: url(../images/template/facebook.gif) no-repeat scroll top left; }
nav li#twitter { background: url(../images/template/twitter.gif) no-repeat scroll top left; }
nav li a { font-size: 9px; }
nav input#email { width: 137px; height: 19px; background: url(../images/template/textfield.jpg) no-repeat scroll top left; border: none; margin: 4px 0px 0px 0px; padding: 0px 3px; }
nav input#submit { width: 23px; height: 19px; text-indent: -9999px; border: none; background: url(../images/template/submit.jpg) no-repeat scroll top left; margin: 4px 0px 0px 2px; padding: 0px; }



section { background: #fff url(../images/template/section-bg.jpg) repeat-x scroll top left; display: block; height: 540px; min-width: 100%; width: 100%; overflow: hidden; z-index: 0; position: absolute; top: 0px; left: 0px; }
section article { padding: 42px 44px; color: #262626; font-size: 12px; width: 340px; height: 416px; display: block; background-color: #eaeae7; }
section article h1 { color: #646362; font-size: 35px; line-height: 45px; letter-spacing:15px;border: 1px solid #bcbcb9; border-left: none; border-right: none; margin: 0px 0px 40px 0px; text-transform: uppercase; float: left; padding: 0px 0px 2px 0px; }
section article h2 { font-size: 14px; text-transform: uppercase; margin-bottom: 8px; clear: both; }
section article p { margin: 0px 0px 35px 0px; line-height: 18px; clear: both; color: #646362; }
section article a { color: #646362; border-bottom: 1px dotted #757574; text-decoration: none; }
section article a:hover { color: #101010; border-color: #101010; }

section #scroll { display: block; width: 100%; position: absolute; top: 500px; height: 40px; background: url(../images/template/scroll-bg.png) repeat-x scroll top left; }
section #scroll ol { margin: 13px 0px 0px 50px; width: 100%; display: block; z-index: 10; position: relative; }
section #scroll li { display: block; float: left; }
section #scroll li a { font-size: 11px; color: #272727; padding: 0px 3px; float: left; display: block; text-decoration: none; }
section #scroll li a:hover { border-bottom: 2px solid #766868; }
section #scroll #scrubber { display: block; position: absolute; top: -2px; left: 36px; z-index: 0; background: url(../images/template/scrubber.png) no-repeat scroll top left; width: 32px; height: 37px; }
section #scroll #scrubber.draggeable { cursor: move; }
section #scroll #scrubber.ui-draggable-disabled { cursor: auto; }
section #scroll #clipping { display: block; position: absolute; top: 10px; left: 36px; z-index: 0; background-color: #c9c7bc; min-width: 32px; height: 15px;
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/* using css3pie */
}
section #scroll #progress { 
	display: block; 
	position: absolute; 
	top: 10px; 
	left: 36px; 
	z-index: 0; 
	background-color: #cecdbf; 
	min-width: 18px; 
	height: 15px;
	
	-moz-border-radius: 4px 0 0 4px; 
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
section #scroll #track { display: block; position: absolute; top: 10px; left: 36px; z-index: 0; background-color: #e2e0d1; min-width: 1128px; height: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
section #thumbnail { position: fixed; display: none; top: 0px; left: 0px; z-index: 20; padding: 4px 4px 9px 4px; width: 82px; height: 120px; background: url("../images/template/thumbnail.png") no-repeat scroll top left; }

section #content .gallery { display: block; width: 400px; height: 500px; position: relative; float: left; overflow: hidden; }
section #content .gallery img { position: absolute; }
section #content .gallery #actions { display: none; }
section #content .gallery a#details, section #content .gallery a#close { text-indent: -9999px; position: absolute; bottom: 30px; right: 60px; width: 52px; height: 25px; }
section #content .gallery a#close { display: none; }
section #content .gallery a#slideshow {  position: absolute; bottom: 30px; left: 36px; text-indent: -9999px; background: url(../images/template/pause.png) no-repeat scroll top left; width: 26px; height: 25px; }
section #content .gallery a#slideshow.paused { background: url(../images/template/play.png) no-repeat scroll top left; }
section #content .gallery a#slideshow:hover { background-position: bottom left; }
section #content .gallery:hover #actions { display: block; }
section #content .gallery.selected { z-index: 11; }
section #content .gallery.selected a#close, section #content.gallery.selected a#share { display: block; }
section #content .gallery.selected a#details, section #content .gallery.selected:hover a#details { display: none; }
body.fr section #content .gallery a#details { background: url(../images/template/btn-details-fr.png) no-repeat scroll top left; }
body.en section #content .gallery a#details { background: url(../images/template/btn-details-en.png) no-repeat scroll top left; }
body.fr section #content .gallery a#close { background: url(../images/template/btn-close-fr.png) no-repeat scroll top left; }
body.en section #content .gallery a#close { background: url(../images/template/btn-close-en.png) no-repeat scroll top left; }
body.fr section #content .gallery a#details:hover, body.fr section #content .gallery a#close:hover, 
body.en section #content .gallery a#details:hover, body.en section #content .gallery a#close:hover { background-position: bottom left; }

section #content #sharing { position: absolute; bottom: 30px; right: 30px; }
section #content #sharing a#share { text-indent: -9999px; width: 52px; height: 25px; position: absolute; bottom: 0px; right: 0px; }
body.fr section #content #sharing a#share { background: url(../images/template/btn-share-fr.png) no-repeat scroll top left; }
body.en section #content #sharing a#share { background: url(../images/template/btn-share-en.png) no-repeat scroll top left; }
body.fr section #content #sharing a#share:hover, body.fr section #content #sharing a#share.hover, 
body.en section #content #sharing a#share:hover, body.en section #content #sharing a#share.hover { background-position: bottom left; }

section #content #sharing ul { padding: 6px 0px 0px 8px; display: none; z-index: 20; width: 87px; height: 26px; background: url(../images/template/sharing.png) no-repeat scroll top left; position: absolute; bottom: 25px; right: -21px; }
section #content #sharing ul li { display: block; float: left; margin: 0px 5px 0px 0px; width: 16px; height: 16px; }
section #content #sharing ul li a { display: block; text-indent: -9999px; text-decoration: none; width: 16px; height: 16px; }
section #content #sharing ul li a#twitter { background: url(../images/template/sharing-twitter.jpg) no-repeat scroll top left; }
section #content #sharing ul li a#facebook { background: url(../images/template/sharing-facebook.jpg) no-repeat scroll top left; }
section #content #sharing ul li a#google { background: url(../images/template/sharing-google.jpg) no-repeat scroll top left; }
section #content #sharing ul li a#mail { background: url(../images/template/sharing-mail.jpg) no-repeat scroll top left; }

section #galleryOverlay { display: none; z-index: 10; position: absolute; top: 0px; left: 0px; width: 100%; height: 500px; background: url(../images/template/overlay.png) repeat scroll top left; }
section #galleryOverlay.visible { display: block; }

section #detailsContent { color: #fff; font-size: 13px; z-index: 11; position: absolute; top: 0px; left: 0px; display: none; padding: 130px 15px 0px 0px; width: 385px; height: 370px; text-align: right; word-wrap: break-word; }
section #detailsContent.visible { display: block; }
section #detailsContent h1 { font-size: 45px; margin-bottom: 25px; text-transform: uppercase; }
section #detailsContent h2 { font-size: 14px; font-style: italic; font-weight: normal; margin: 35px 0px 10px 0px; }
section #detailsContent img { margin-bottom: 25px; }
section #detailsContent ul#colors { list-style-type: none; float: right; }
section #detailsContent ul#colors li { list-style-type: none; display: block; float: left; width: 24px; height: 24px; margin-left: 12px;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	/* using css3pie */
}
section #detailsContent  ul#colors li span { display: none; }


section a#next { z-index: 3; width: 36px; height: 69px; position: absolute; top: 215px; right: 30px; text-indent: -9999px; background: url(../images/template/arrow-next.png) no-repeat scroll top right; -webkit-transition:right 0.1s ease-out; -o-transition:right 0.1s ease-out; -moz-transition:right 0.1s ease-out; }
section a#next:hover { right: 25px; padding-left: 5px; }
section a#previous { z-index: 3; width: 36px; height: 69px; position: absolute; top: 215px; left: 30px; text-indent: -9999px; background: url(../images/template/arrow-previous.png) no-repeat scroll top left; -webkit-transition:left 0.1s ease-out; -o-transition:left 0.1s ease-out; -moz-transition:right 0.1s ease-out; }
section a#previous:hover { left: 25px; padding-right: 5px; }
section a#next.hidden, section a#previous.hidden { display: none; }









#overlay { position: fixed; }
.prettyPopin { overflow: visible; }
.prettyPopin a#b_close { position: absolute; top: -12px; right: -12px; width: 30px; height: 30px; background: url(../images/prettyPopin/fancy_close.png) no-repeat scroll top left; }
.prettyPopin .prettyContent .prettyContent-container { padding: 24px 30px; font-family: 'GillSans', Trebuchet, Verdana, sans-serif; color: #797979; }
.prettyPopin .prettyContent .prettyContent-container h1 { margin: 0px 0px 10px 0px; padding: 5px 0px 0px 0px; text-transform: uppercase; font-weight: normal; border: 1px solid #797979; border-left: none; border-right: none; float: left; }
.prettyPopin .prettyContent .prettyContent-container p { font-size: 11px; line-height: 28px; clear: left; }
.prettyPopin .prettyContent .prettyContent-container p a { font-weight: bold; color: #797979; font-size: 11px; }
.prettyPopin .prettyContent .prettyContent-container p a:hover { color: #898989; }





#preloader { position: absolute; top: 270px; left: 50%; z-index: 999; display: none; margin: 0px 0px 0px -12px; width: 24px; height: 24px; background: url(../images/template/preloader.gif) no-repeat scroll top left; }
footer { width: 284px; padding: 0px 0px 15px 28px; position: absolute; z-index: 10; top: 740px; left: 888px; color: #b6b3b5; font-size: 9px; text-transform: uppercase; }
footer a#credits { color: #b6b3b5; text-decoration: none; margin-bottom: 2px; }
footer a#credits:hover { color: #e0decf; }
#sharing{display:none}