body{background-color:#e5e5e5;width:1100px;margin:0 auto}
#contactlistbg{opacity:.6; margin:-235px 0 0 -174px; z-index:-1000}
#contactlistbg2{opacity:.6; margin:-235px 0 0 -174px; z-index:-1000; position: fixed;}
#abouttext{font-family: 'koushiki_sansl';font-size:15px;color:#727272;margin:-235px 0 0 338px;text-align:justify;width:425px;height:40px;z-index:1000;padding-top:-50px;border-top:6px #FFF solid}

#contacttext{font-family: 'koushiki_sansr';font-size:15px;color:#727272;margin:155px 0 0 338px;text-align:justify;width:425px;height:40px;z-index:1000;padding-top:-50px;}
#abouttext a{position:absolute;font-size:17px;color:#727272;margin-top: -40px;}
#abouttext a:hover{position:absolute;font-size:17px;color:#000000;}
#websitedesign{font-family: 'koushiki_sansl';position:absolute;font-size:12px;color:#727272;margin:250px 0 0 338px;text-align:justify;width:425px;height:40px;z-index:1000;padding-top:-50px;border-top:6px #FFF solid}
#websitedesign a{position:absolute;font-size:12px;color:#727272;}
#websitedesign a:hover{position:absolute;font-size:12px;color:#000000;}
#jewelbg{margin-left: -70px; opacity: .4;}
#presslist{margin-top: 24px; left: 10px; font-family: 'koushiki_sansl'; letter-spacing: 2px;position:fixed;color:#FFF;z-index:100;font-size:13px; text-align: left;}
#credits{color:#FFF;font-size:17px; font-family: 'koushiki_sansl'; text-align: center;}
#emails{margin:120px 0 0 340px;border-bottom:6px #FFF solid;width:425px;padding-bottom:20px}
#or{margin: 10px 0 0 340px;font-size:15px;color:#727272;text-align:justify;width:425px}
#twit{position:absolute;margin:150px 0 0 515px; z-index: 1000;}
#fb{position:absolute;margin:150px 0 0 550px; z-index: 1000;}

#navlist{list-style:none;position:absolute;margin:110px 0 0 -150px;opacity:.8}

#navlist2 {margin-top: 0px; width: 2000px; padding-left: 200px; margin-left: -220px;background-color: #e5e5e5;position: fixed; z-index:2000; opacity: 1; border-bottom: 2px solid white;}
#navlist2 li{ display: inline;list-style-type: none; display: inline; color: #fff;  z-index:2000;background-color: #e5e5e5; display: block; float: left; padding-left: 86px; padding-right: 86px; padding-top: 3px; padding-bottom: 3px;margin:0; margin: 0px;list-style:none; }
#navlist2 li:hover{opacity: 0.6;}
#navlist2 a{ color: #fff;; font-family: 'koushiki_sansr'; font-size: 12px; letter-spacing: 2px;}

#nav_header2{margin:50px 0 0 52px;z-index:100; position: absolute;}
a {
   outline: 0;

}

#videos{margin-left: 22px; margin-top: 160px;}
#nav_about2{margin:10px 0 0 -71px;width:300px}
#nav_millinery2{margin:10px 0 0 63px}
#nav_costume2{margin:10px 0 0 260px}
#nav_film2{margin:10px 0 0 432px}
#nav_clients2{margin:10px 0 0 543px}
#nav_press2{margin:10px 0 0 712px}
#nav_contact2{margin:10px 0 0 841px}
img{border:none}
#container{margin:50px 0 0 0;z-index:-100;opacity:.2}
#wrapper{width:100%;height:auto;float:left}
#wrapper #header{width:100%;height:55px}
#wrapper #header #navigation{width:100%;margin-left:auto;margin-right:auto;padding-top:11px;overflow:hidden}
#wrapper #content{width:1040px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;margin-top:-27px;padding-top:20px}
#wrapper #content #about{width:924px;height:650px;background-repeat:no-repeat}
#wrapper #content #about .about-text{width:400px;padding:50px 0 0 462px}
#wrapper #content #clients .clients-text{width:800px;padding:20px 0 0 75px}
.aboutImage{position:absolute;z-index:-1}
#vid1{margin-top:0 0 0 20px}
.viddesc{margin-left:20px;text-align:justify;padding-bottom:20px}
#clientslist{position:absolute;margin-left:245px}
#clientslistbg{position:absolute;z-index:-100;margin:-25px 0 0 270px;padding-bottom:50px}
a{color:#ddd;text-decoration:none}
.clr{clear:both}
.ib-main-wrapper{position:fixed;width:100%;height:100%;overflow:hidden;outline:none;margin-top:161px;left:0;right:0;z-index:-100}
.ib-main{margin-left:1px;position:relative;width:2000px;height:3250px}
.ib-main a{float:left;width:250px;height:375px;position:relative;overflow:hidden;cursor:move}
.ib-main1{position:relative;padding-top:-70px;height:100%}
.ib-main1 a{float:left;width:240px;height:327px;position:relative;cursor:move}
.ib-main a.ib-loading,.ib-main a.ib-loading:hover{background:#fff url(../images/ajax-loader.gif) no-repeat center center;background-size:31px 31px}
.ib-main > a.ib-loading > span,.ib-main a.ib-loading > span{display:none}
.ib-main a img{opacity:0.8;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.ib-main > a > span{display:block;position:absolute;width:100%;height:0;line-height:22px;text-align:justify;font-size:10px;color:#E6E6E6;top:-18px;left:10px;-webkit-transition:all .9s ease-out;-moz-transition:all .9s ease-out;-o-transition:all .9s ease-out;-ms-transition:all .9s ease-out;transition:all .9s ease-out}
.ib-main a:hover > span{top:0}
.ib-img-preview{width:100%}
.ib-main a:hover{background-size:100% 100%}
.ib-content{background:#f9f9f9}
.ib-preview{height:50%;overflow:hidden;position:absolute;top:40px;display:none;width:50%}
.ib-content .ib-teaser{text-align:center;background:#333;width:50%;height:50%;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.ib-teaser h2{color:#fff;font-size:26px;line-height:26px;padding-top:40%}
.ib-teaser h2 span{text-transform:none;font-size:16px;font-family:Georgia, serif;font-style:italic;display:block}
.ib-content .ib-teaser:hover{background:#000}
.ib-content-preview{position:absolute;top:44px;left:0;background:#000;width:30%;height:230px;display:none}
.ib-content-preview .ib-teaser h2{font-size:50px;padding:10px}
.ib-content-preview .ib-teaser span{font-size:22px;width:50%;padding:20px 0 0 5px}
.ib-content-full{font-family:Oswald;text-transform:none;line-height:26px;width:30px;font-size:16px;margin:20px 40px;padding:20px 0}
.ib-content-full p{width:50%;padding:5px 0}
.ib-preview-descr{position:absolute;bottom:30px;left:10px;z-index:999;font-size:50px}
.ib-preview img{position:absolute;width:300px;margin:10px}
.ib-nav span{width:53px;height:87px;position:absolute;top:50%;margin-top:-43px;cursor:pointer;text-indent:-9000px;opacity:0.6;z-index:699;background:transparent url(../images/nav.png) no-repeat top right;right:10px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}
.ib-nav span.ib-nav-prev{background-position:top left;left:10px;right:auto}
.ib-close{top:7px;right:7px;background:transparent url(../images/close.png) no-repeat center center;position:absolute;width:24px;height:24px;cursor:pointer;opacity:0.2;z-index:999;text-indent:-9000px}
.ib-nav span:hover,.ib-close:hover{opacity:1}
#nav_clients,#nav_contact{margin-top:20px;margin-left:1px}
.rollover1 .Out,.rollover1:hover .Over,.rollover2 .Out,.rollover2:hover .Over,.rollover3 .Out,.rollover3:hover .Over,.rollover4 .Out,.rollover4:hover .Over,.rollover5 .Out,.rollover5:hover .Over,.rollover6 .Out,.rollover6:hover .Over{display:inline;visibility:visible}
.rollover1 .Over,.rollover1:hover .Out,.rollover2 .Over,.rollover2:hover .Out,.rollover3 .Over,.rollover3:hover .Out,.rollover4 .Over,.rollover4:hover .Out,.rollover5 .Over,.rollover5:hover .Out,.rollover6 .Over,.rollover6:hover .Out{display:none;visibility:hidden}
#vid2,#vid3,#vid4,#vid5,#vid6{margin: 20px 0 0 20px}
.ib-main a.ib-loading img,.ib-main a.ib-loading:hover img,.ib-main a:hover img{opacity:1.0}
@charset "UTF-8";
#wrapper #content #grid-small-left{width:520px;height:347px;left: 0; }
#wrapper #content #grid-small-right{width:520px;height:347px;margin-left: 260px;float: right;}
#wrapper #content #grid-large-left{width:520px;height:780px;left: 0;}
#wrapper #content #grid-large-right{width:520px;height:780px;margin-left: 260px;float: right;}

.image{position:absolute;z-index: 1000; opacity: 1; ;
	-webkit-transition: opacity .2s ease-in-out; 
	-moz-transition: opacity .2s ease-in-out; 
	-o-transition: opacity .2s ease-in-out; 
	transition: opacity .2s ease-in-out;}

.image:hover {opacity: .7;}

.image span{-webkit-transition: opacity .5s ease-in-out; 
	-moz-transition: opacity .5s ease-in-out; 
	-o-transition: opacity .5s ease-in-out; 
	transition: opacity .5s ease-in-out;z-index: 1000; color: white; margin-top: 100px; padding-top: 20px; padding-left: 20px;margin-left: 20px;  height: 325px;width: 400px;opacity: 0; position: absolute;  color: #fff;; font-family: 'koushiki_sansr'; font-size: 22px; letter-spacing: 3px;text-align:left; ; 
}
.image:hover span{	opacity:1;	
	-webkit-transition: opacity .5s ease-in-out; 
	-moz-transition: opacity .5s ease-in-out; 
	-o-transition: opacity .5s ease-in-out; 
	transition: opacity .5s ease-in-out;
}

#grid-small-left:hover #grid-small-right{opacity: 0;}
.image:hover {position:absolute; z-index: 1000; 		-webkit-transition: opacity 1s ease-in-out; 

}
.a{position:absolute;left:0;top:0;z-index:10;border:none;}
.b{position:absolute;left:0;top:0;border:none;}



.slideshow 
{ 
	width: 1224px; 
	height: 627px;

}
.slideshow img 
{padding-bottom: 20px;
}

#gallery-navigationbar
{
	font-family:Arial, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	
	width:1000px;
	height:34px;

}

#gallery-navigationbar .center
{
	width:1000px;
	height:34px;
	float:left;
	text-align: center;
	overflow: hidden;
}

#gallery-navigationbar .center p { padding-top:-10px; 	z-index: -1000; }
#gallery-navigationbar .center a { color: #666666; text-decoration: none; }
#gallery-navigationbar .center a:hover { color: #000; text-decoration: none; }
#gallery-navigationbar .top { color: #333333; }
#gallery-navigationbar .bottom { font-family:Helvetica Neue, Helvetica, Arial, sans-serif; color: #666666; }

p.gallery-nav-left
{
	padding-left: 10px;	
}

p.gallery-nav-right
{
	padding-right: 10px;	
}

p.gallery-nav-center bottom

p.gallery-nav-left a:hover, p.gallery-nav-center a:hover,  p.gallery-nav-right a:hover
{
	color: #000;
}

#gallery{ margin-top: 80px; 
margin-left: 300px;
z-index: -5000;
}

#nav_millinery2  {
	
	

font-size: 11px;
	font-family: "koushiki_sansl", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	  
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	

	 color: #fff;  
	 background-color: #aaaaaa; 
	 display: inline; 
	 padding-left: 50px; 
	 padding-top: 2px; 
	 padding-bottom: 2px;
	 padding-right: 50px;
	 list-style:none; 
	 text-align: center;
	 position: absolute;
}

#nav_millinery2 p{margin-left: 15px;line-height: 0px;
	
}

#nav_millinery2:hover p{ width: 120px;

	margin: 0;
background: #b7b7b7;
padding-left: 5px;
padding-bottom: 3px;
padding-top: 2px;
font-size: 10px;



}

#nav_millinery2:hover a{

	color: #fff;
	opacity: 1;
line-height: 15px;
}



#nav_millinery2 a{

	opacity: 0;
line-height: 0px;
}





 
#nav_millinery2 img{
	float: left;
}



#abouttext p{ font-family: 'koushiki_sansl', Arial, sans-serif; font-size: 13px; margin-top: 400px; border-bottom: 2px solid #fff; padding-bottom: 25px;}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}


 
.fade-in.aboutimg {
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
position: fixed;
}
 
.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2;
animation-delay: 1.2s;
}
 
.fade-in.three {
-webkit-animation-delay: 1.4s;
-moz-animation-delay: 1.4s;
animation-delay: 1.4s;
}

.fade-in.four {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}
 
.fade-in.five {
-webkit-animation-delay: 1.8s;
-moz-animation-delay:1.8s;
animation-delay: 1.8s;
}
 
.fade-in.six {
-webkit-animation-delay: 2.0s;
-moz-animation-delay: 2.0s;
animation-delay: 2.0s;
}

.fade-in.bgimg{
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
animation-delay: 1.0s;
}

.fade-in.press{
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
animation-delay: 1.0s;
margin-top: -200px;
}



 
/*---make a basic box ---*/
.box{
width: 200px;
height: 200px;
position: relative;
margin: 10px;
float: left;
border: 1px solid #333;
background: #999;
 
}

#clientlistof {font-family:'koushiki_sansr', Arial, sans-serif;
text-align: center; margin-top: 200px;}

.fixed { position: fixed; top: -20px; }

#navlist2 ul ul {
	display: none;
}

#navlist2 ul li:hover > ul {
		display: block;
	}