a {
   outline: 0;
}
body{background-color:#e5e5e5}
#navlist{list-style:none;position:absolute;margin-top:160px;margin-left:10px;opacity:.8}
#navlist li{padding-top:10px }
#nav_header3{position:absolute;margin-left:470px;margin-top:-90px;z-index:100}
#nav_millinery{position:absolute;margin-top:13px;margin-left:-13px}
img{border:none}
#nav_costume{position:absolute;margin-top:83px;margin-left:0}
#nav_film{position:absolute;margin-top: 87px;margin-left:1px}
#nav_clients{position:absolute;margin-top:154px;margin-left:0px}
#nav_press{position:absolute;margin-top:223px;margin-left:3px}
#nav_contact{position:absolute;margin-top:290px;margin-left:0px}
#container{position: fixed;margin:-80px 0 0 -75px;z-index:-1000;opacity:.5; height:113%; width:113%}

.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}

#nav_header {position: absolute; margin-left: 60px; margin-top: 85px;}


#nav_millinery  {
	width: 400px;
	height: 43px;
	line-height: 0px;
color: #2a2a2a;
	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;
	font-size: 50px;
	margin-left: 5px;
	letter-spacing: 13px;
margin-top: 45px;



}

#nav_millinery:hover{position: absolute; width: 400px;
	height: 43px;}



#nav_millinery:hover a{
font-family: 'koushiki_sansl';
background-color: rgba(255,255,255,0.4);
	opacity: 1;
}


#nav_millinery a{

	opacity: 0;
	color: #fff;


}

#navlist a {font-family: 'koushiki_sansl'; color: #2a2a2a;
font-size: 50px; letter-spacing: 13px;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;}

#navlist a:hover {background-color: rgba(255,255,255,0.4); padding: none;
-webkit-transition: all 0.03s ease;
	-moz-transition: all 0.03s ease;
	-o-transition: all 0.03s ease;
font-size: 50px;}

	#navlist img{background: none;}



#nav_millinery p{margin-left: 426px;margin-top: -34px; ; 
}

#arc a{ padding-left: 4px;  margin-top: 22px;}

#arc a:hover{color: #cccccc; background-color: #fff; opacity: .6;	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;}

#aw a{ margin-left: 0px; margin-top: -330px;padding-top: 5px; }



#aw a:hover{color: #cccccc; background-color: #fff; opacity: .6;	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;}



#nav_millinery:hover {
	
	color: #575858;
	font-size: 50px;
	
width:;
padding: none;

}

#nav_millinery p{line-height: 32px;}


 
#nav_millinery img{
	float: left;
	margin: 0 15px;
	opacity: 1;
}



a:link {
color: #999999;
text-decoration: none;
border:none
}
a:visited {
text-decoration: none;
color: #999999;
border:none
}
a:hover {
text-decoration: none;
color: #666666;
border:none
}
a:active {
text-decoration: none;
color: #999999;
border:none

}

html {overflow-x:hidden;}
body {margin:0;padding:0;}

video, object {
 left:0;
 position:absolute;
 top:0;
 width: 100%;
}

/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}

/* 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.header {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
}
 
.fade-in.one {
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
animation-delay: 1.0s;
}
 
.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;
}


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