/* CSS Document */

@charset "UTF-8";

body{
	width: 100%;
	margin: 0;
	padding: 0;
}


/*MENU*/ 

#shopnow{
	position: fixed;
	right: 3%;
	bottom: 3%;
	width: 100px;
	z-index: 99999;
}

#menu {
	position: fixed;
	width: 200px; 
	top: 5%;
	right: -150px;
	z-index:99999;
}

#menuimg {
	width: 10%;
}
	
a {
	text-decoration: none;
} 

li.menu {
	list-style-type: none;
	font-family: "Arial", sans-serif;
	color: #FFF;
	font-size: 5;
	background-color: #FFC09A;
	padding: 3% 5% 3% 10%;	
}

li.menu:hover {
	background-color: #F09;
}


/*THIS IS INTRO FLYING LETTERS*/

#intro {
	position: relative;
	width: 400px;
	height: 200px;
	margin: 0 auto 0 auto;
	top: 250px;
}

#k {
	position: absolute;
	top:0;
	left: 0;
}

#ate {
	position:absolute;
	top: 0;
	left: 188px;
}

#l {
	position: absolute;
	top: 170px;
	left: 0;
}

#o {
	position: absolute;
	top: 170px;
	left: 36px;
}

#s {
	position: absolute;
	top: 170px;
	left: 72px;
}

#a {
	position: absolute;
	top: 170px;
	left: 124px;
}

#n {
	position: absolute;
	top: 170px;
	left: 163px;
}

#g {
	position: absolute;
	top: 170px;
	left: 199px;
}

#e {
	position: absolute;
	top: 170px;
	left: 235px;
}

#ls {
	position: absolute;
	top: 170px;
	left: 271px;
}

#e2 {
	position: absolute;
	top: 170px;
	left: 307px;
}

#s2 {
	position: absolute;
	top: 170px;
	left: 343px;
}


#leah {
	z-index: 100;
	position: relative;
	width: 100%;
	margin: 0 auto 0 auto;
	top: 400px;
}


/*ABOUT US*/

#about_us {
	background-image: url(../images/roses.png); 
	background-repeat: repeat;
	width: 100%;
	height: 800px;
	position: relative;
	top: 196px;
}

#fun {
	position: absolute;
	width: 19%;
	top: 10%;
	left: 70px;
	
}

#ampersand {
	position: absolute;
	width: 8%;
	top: 10%;
	left: 320px; 
}

#fabulous {
	position:absolute;
	width: 45%;
	top: 25%;
	left: 70px;
}

#clothes {
	position:absolute;
	width: 39.5%;
	top: 40%;
	left: 70px;
}

#usa {
	position: absolute;
	width: 40%;
	top: 55%;
	left: 70px;
}

#about_us_txt {
	position: absolute;
	width: 550px;
	top: 60%; 
	left: 70px;
}

#a_u_t {
	font-family: "Ariel", sans-serif;
	color: #333;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0.5 em;
}

#horsey {
	position:absolute;
	width: 40%;
	top: 10%;
	left: 55%;
}


/* LOOKBOOK */
#lookbook {
	position: relative;
	width: 100%;
	max-height: 100%;
	top: 180px;
	overflow: scroll;
	white-space: nowrap;
}

#prev {
	position: absolute;
	top:45%;
	left: 5%;
	opacity: 0.7;
	z-index: 9999;
}

#next {
	position: absolute;
	top:45%;
	left: 95%;
	opacity: 0.7;
	z-index: 9999;
}

#prev:hover {
	opacity: 0.9;
}

#next:hover {
	opacity: 0.9;
}

.slide {
	width: 100%;
	z-index: 1;
}


/* LOCATION */ 
#location {
	position:relative;
	top: 180px;
	width: 100%;
	z-index: 99;
	overflow: hidden;	
}

#gmaps {
	width: 100%;
	min-height: 600px;
	
}

#loctxt {
	background-image: url(../images/back.jpg);
	font-family: "Arial", sans-serif;
	position: absolute;
	width: 30%;
	top: 20%;
	z-index: 9999;
	left: 60%;
	border-radius: 10px;
}

#txt {
	font-family: Arial;
	color: #000;
	font-size: 120%;
	font-weight: 700;
	margin: 15px;
}

#iphone {
	position: absolute;
	width: 20%;
	left: 40%;
	top: 13%;
	z-index: 9999;
}
	
/*PUBLICITY*/	
#publicity {
	position: relative;
	top: 160px;
	width: 100%;
	height: 700px; 
	z-index: 1;
	margin: 0 auto 0 auto;
}


#publicity_parallax {
	position: relative;
	width: 100%;
	height: 700px; 
	z-index: 1;
	margin: 0 auto 0 auto;
	overflow: hidden;
	white-space: nowrap;
}

/*CONTACTUS*/

#contactus {
	background-image: url(../images/roses.png); 
	background-repeat: repeat;
	position: relative;
	top: 140px;
	width: 100%;
	height: 300px;
	padding-top: 30px;
	white-space: nowrap;
	z-index: 9999;
}

/*SOCIAL*/ 

#buttons {
	width: 520px;
	display: block;
	margin: 20px auto 0 auto;
	}

   
a#facebook {/*facebook button*/
	background-image: url(../images/social.png);
    text-indent: -9999px;
    display: inline-block;
    width: 100px;
	height: 100px;
    background-position: 0px 0px;
}

	
a#facebook:hover {
    background-position: 0px -100px;
}
	
	
	
a#instagram {/* instagram button*/
    background-image: url(../images/social.png);
    text-indent: -9999px;
    display: inline-block;
	 width: 100px;
	height: 100px;
    background-position: 400px 0px;
}
	
a#instagram:hover {
    background-position: 400px -100px;
}
	
	
a#tumblr {/* tumblr button*/
    background-image: url(../images/social.png);
    text-indent: -9999px;
    display: inline-block;
    width: 100px;
	height: 100px;
    background-position: 300px 0px;
}
    
a#tumblr:hover {
    background-position: 300px -100px;
}
	
a#twitter {/* twitter button*/
    background-image: url(../images/social.png);
    text-indent: -9999px;
    display: inline-block;
    width: 100px;
	height: 100px;
    background-position: 200px 0px;
}

a#twitter:hover {
    background-position: 200px -100px;
}
	
a#pinterest {/* pinterest button*/
    background-image: url(../images/social.png);
    text-indent: -9999px;
    display: inline-block;
    width: 100px;
	height: 100px;
    background-position: 100px 0px;
}
a#pinterest:hover {
    background-position: 100px -100px;
}


	
#mc_embed_signup { /* MAILCHIMP Subscribe*/
	display: block;
	text-align: center;
	font-family: 20px "Arial";
	letter-spacing: 5m;
	width: 400px;
	margin: auto;
}

#email {
	width: 300px;
	height: 40px;
	border-radius: 5px;
	font: 20px Arial;
}

	
#button{
	width: 120px;
	height: 45px;
	font: 20px Arial;
	color: #FFF;
	background-color: #E1B6D4;
	border-radius: 5px;
	
}

#button:hover {
	background-color: #DA098A;
	
}

h3 {
	text-align: center;
	font: 18px Arial;
	color: #333;
}

#sub {
	font: 18px Arial Black;
	letter-spacing: 0.2em;
	color: #333;
}

#cover {
	position: fixed;
	height: 100%;
	width: 100%; 
	top:0;
	left: 0; 
	background: #FFF; 
	z-index:9999;
	font-size: 60px;
	text-align: center; 
	padding-top: 200px;
}