/* RESET ***************************/
body {margin:0; padding:0; border:none; width:100%; height:100%; overflow:hidden; background-color:#eee; color:#fff; font:11px/19px 'Georgia', times, serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal;}
ul, li {margin:0; padding:0; list-style-type:none;}
a {text-decoration:none; border:none; outline:0 none; color:#999; -webkit-transition:color .1s ease-in; -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; transition:color .1s ease-in;}
a:hover {color:#fff;}
img {border:none; outline:0 none;}


/* TYPOGRAPHY  ************************************************/
h1 { color: #fff; font-style: italic;font-weight: bold; font-size: 16px; text-shadow: 1px 1px 1px rgba(0,0,0,.4); }
h2 { color: white; font-style: italic; font-weight: bold; font-size: 18px; }


/* SPACINGS ***************************************************/
.margBot10 {margin-bottom:10px;}
.margBot20 {margin-bottom:20px;}
.margBot30 {margin-bottom:30px;}


/* LAYERS ***************************************************************/
#wrapper {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
#touchme {z-index:700; position:fixed; top:100px; left:200px; width:50%; height:50%; overflow:hidden; }
#controlsCon {z-index:500; position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden;}


/* ZIP LINE MENU **********************************************/
#loadCon {position:absolute; top:0; left:84px; width:42px; height:100%; overflow:hidden;}
#rightSide {position:absolute; top:0; left:85px; width:42px; height:100%; overflow:hidden;display: none;}
#leftSide {position:absolute; top:0; left:42px; width:42px; height:100%; overflow:hidden;display: none;}


/* LAYOUT THE BLOCKS **************************************/
.navBlock {position:absolute; left:0; width:42px; height:42px; overflow:hidden; cursor:pointer;}
.navBlock.loading {top:50%; margin-top:-19.5px; text-align:center; cursor:default; background-color:#000;}
.navBlock.loading img {margin-top:4px;}
.navBlock.up, .navBlock.xxx {top:84px;}
.navBlock.right, .navBlock.left { bottom:42px; z-index: 1000; }
.navBlock.menu { top:42px; z-index: 1000; }

.counters {font-size:9px; line-height:9px; letter-spacing:0.1em;}
.cur_count {position:absolute; top:8px; left:7px;}
.tot_count {position:absolute; bottom:7px; right:7px;}


/* ICONS FOR ROLLOVER ZAZZ ********************************/
.aBlock {position:absolute; top:0; left:0; width:84px; height:42px; display:block; background:url('../images/lookbook/controls.png') no-repeat; overflow:hidden;}
#menu {background-position:0px -84px;}
#left {background-position:0px 0;}
#right {left:-42px; background-position:0px -42px;}
#xxx {left:-42px; background-position:0px -234px;}


/* LIST VIEW MENU *********************************************/
#vertCon {position:absolute; top:0; left:0; width:0; height:100%; background-color:#000; overflow:hidden;}
#sliderBox {position:absolute; width:215px; height:100%; overflow:hidden;}
#thumbCon {width:213px; position:absolute; top:0; left:0;}
#thumbCon li {width:195px; float:left; margin:10px 0 0 10px;}
#thumbCon li:last-child {margin-bottom:10px;}
#thumbCon .thumbImg {width:192px; height:117px; display:block; position:relative; background-color:#000;}

#thumbCon a, #thumbCon a:hover, .curThumb {color:#fff !important;}
.title {position:absolute; width:192px; height:117px; top:0; left:0; line-height:117px; text-align:center; display:none;}
.thumbImg:hover .title, .curThumb .title {display:block;}
.curThumb:hover {cursor:default !important;}


/* LOGO *************************************************/
#logo {right:0;   overflow:hidden;}
#logoWrap { position:absolute; top:42px; right:42px; width:300px; height:150px; overflow:hidden; cursor:pointer; }
#logoWrap ul li { display:inline; float:left; }
#logoWrap ul li.lb-title { width:300px; } 
#logoWrap ul li.lb-fb { width:150px; }
#logoWrap ul li.lb-twit {width:100px;}
#logoWrap ul li.lb-goog {width:50px;}

#slideCon {position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden; background-color:#222; display: none;}

.eachProj {position:absolute; width:100%; height:100%; left:-100%; left:0; overflow:hidden;}
.activeProj {left:0; z-index:2;}
.nextProj {left:-100%; z-index:1;}
.prevProj {left:100%; z-index:1;}
	
.eachSlideCon {position:absolute; width:100%; height:100%; top:0; left:100%; overflow:hidden; z-index:3;}
.slideImg {position:absolute; width:100%; height:100%; top:0; left:0;}
.activeSlide {left:0; z-index:2;}
.nextSlide {left:100%; z-index:1;}
.prevSlide {left:-100%; z-index:1;}

#ftDescriptions {position:absolute;overflow:hidden;right:42px; bottom: 42px;  z-index:100000;}
.ftDescrip {text-align: right; padding: 3px; display: none; }
.ftDescrip ul li { margin:10px 0 20px; }
.ftDescrip ul li a { background-color: #302d2c; padding:4px 8px; font-family:Arial,sans-serif;
background-image: -webkit-linear-gradient(top,#302d2c,#231f20);
background-image: -moz-linear-gradient(top,#302d2c,#231f20);
background-image: -ms-linear-gradient(top,#302d2c,#231f20);
background-image: -o-linear-gradient(top,#302d2c,#231f20);
background-image: linear-gradient(top,#302d2c,#231f20);
border: 1px solid #000; border-radius:3px;
color: white;font-style: italic; font-size: 12px; margin: 5px 0; }
.ftDescrip ul li a:hover {color: #fff;background:#1AAFA2;}
.local { font-family:arial, sans-serif; font-weight:normal; font-style:normal; }