/* ------- FONTS --------- */

@font-face {
	font-family: 'Conv_neutratext_demialt';
	src: url('../fonts/neutratext_demialt/neutratext_demialt.eot');
	src: local('☺'), 
		url('../fonts/neutratext_demialt/neutratext_demialt.woff') format('woff'), 
		url('../fonts/neutratext_demialt/neutratext_demialt.ttf') format('truetype'), 
		url('../fonts/neutratext_demialt/neutratext_demialt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_neutratexttf_boldalt';
	src: url('../fonts/neutratexttf_boldalt/neutratexttf_boldalt.eot');
	src: local('☺'), url('../fonts/neutratexttf_boldalt/neutratexttf_boldalt.woff') format('woff'), 
		url('../fonts/neutratexttf_boldalt/neutratexttf_boldalt.ttf') format('truetype'), 
		url('../fonts/neutratexttf_boldalt/neutratexttf_boldalt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_neutratexttf_demialt';
	src: url('fonts/neutratexttf_demialt.eot');
	src: local('☺'), url('fonts/neutratexttf_demialt.woff') format('woff'), url('fonts/neutratexttf_demialt.ttf') format('truetype'), url('fonts/neutratexttf_demialt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


::selection {
    background: #EB2929; /* Safari */
    }
::-moz-selection {
    background: #EB2929; /* Firefox */
}


/* ------------------------------- RESET CSS ------------------------------- */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, img, b, i, ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
}

/* Always force a scrollbar in non-IE */
html { 
	overflow-y: scroll; 
}

/* bicubic resizing for non-native sized IMG */
.ie7 img { -ms-interpolation-mode: bicubic; }




/* ------------------------------- BASE CSS ------------------------------- */

a, a:active, a:visited { 
	color: #607890;
}

a:hover { 
	color: #036;
}

/* iphone/ipad color when a link is 'tapped' */
a:link { -webkit-tap-highlight-color: #c4edff; }

body {
	background: url(../img/texture.jpg) repeat;
	color:#fff;
	min-width:995px;
	font-family: 'ProximaNovaRegular', Helvetica, Arial;
	font-size: 14px;
	line-height: 24px;
}


/* ------------------------------- PRIMARY CSS ------------------------------- */



/* --------- HEADER ----------*/


#header {
	position:relative;
	height:150px;
	margin-top:-35px;
	border-bottom: 5px solid #333;
	/*background: #202020;*/
	/*background: rgba(0, 0, 0, 0.1);*/
}
#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:255px;
	height:150px;
}
.logo {
	position:absolute;
	top:0px;
	left:0px;
	width:255px;
	height:150px;
	background: url('../img/logo.png') no-repeat 40px 53px;
}

.logo_bg {
	position:absolute;
	top:0px;
	left:0px;
	width:255px;
	height:150px;
	background: url('../img/nav_bg0.png') repeat-y 0px -40px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
#logo:hover .logo_bg {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration:none;
}

#nav {
	position:absolute;
	right: 25px;
	top: 35px;
}
.nav_item {
	width:210px;
	height:110px;
	float:left;
	overflow: hidden;
}
.nav_blog {
	width:225px;
}
.nav_item a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration:none;
	color: #fff;
}
.nav_bg {
	width:210px;
	height:150px;
	position:absolute;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.nav_item:hover .nav_bg {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
.nav_item:hover .nav_content h2 {
	filter:alpha(opacity=100);
	-moz-opacity:.1;
	-khtml-opacity: 1;
	opacity: 1;
}
.nav_item:hover .nav_content .nav_line {
	background: #231F20; /* fallback */
	background: #231F20;
}
.nav_item:hover .nav_icon .color {
	top:40px;
}
.nav_item:hover .nav_icon .white {
	top:-100px;
}

.nav_bg_lookbook {
	background: url('../img/nav_bg1.png') repeat 0px -20px;
}
.nav_bg_shop {
	background: url('../img/nav_bg2.png') repeat 0px -20px;
}
.nav_bg_blog {
	background: url('../img/nav_bg3.png') repeat 0px -20px;
	width:225px;
}
.nav_icon {
	position:absolute;
}
.nav_icon img {
	position:relative;
	top:40px;
	left:21px;
}
.nav_icon .white {
	position:relative;
	top:40px;
	left:-42px;
	width:50px;
	height:75px;
	left:-34px;
}
.nav_icon .color {
	position:relative;
	width:50px;
	height:75px;
	top:-100px;
	
}
.nav_content {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	font-size: 10px;
	text-transform: uppercase;
	text-align:center;
	line-height: 14px;
	width:110px;
	height:70px;
	position:relative;
	left:90px;
	top:40px;
	color:#231f20;
}
.nav_content h1 {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	font-size: 13px;
	letter-spacing: 0.3em;
}
.nav_content .nav_line {
	width: 110pxpx;
	height: 1px;
	margin-top:9px;
	margin-bottom:7px;
	background: #231F20; /* fallback */
	background: #231F20;
}
.nav_content h2 {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}



/* --------- INTRODUCTION ----------*/


#introduction_wrapper {
	position:relative;
	height:590px;
}
#introduction {
	width:313px;
	position:absolute;
/*	background: url('../img/intro_wood.png') repeat -20px -20px;*/
	padding:60px 60px;
	bottom:150px;
}

#introduction h1 {
	font-family: 'Conv_neutratexttf_boldalt', Helvetica, Arial;
	font-size: 12px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	line-height: 24px;
	margin-bottom:35px;
	text-align: center;
	background-color: #231F20;
}
#introduction h2 {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	color: #231f20;
	text-align: justify;
}

.store_banner {
  	position:relative;
	width:300px;
	height:110px;
	padding: 0px;
	bottom:10px;
	left:40px;
}
.store_banner a {
  -webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.store_banner a:hover {
  filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


/* --------- FEATURED ----------*/


#featured {
	height: 505px;
	position:relative;
	background: url('../img/wood.png') repeat -30px -19px; 
}
#featured #title {
	position:relative;
	background: url('../img/featured_line.png') no-repeat center 111px;
	padding: 100px 0px 50px 0px;
	margin: 0px 40px;
	text-align: center;
}
#featured #title h1 {
	display:inline-block;
	width:270px;
	font-family: 'Conv_neutratexttf_boldalt', Helvetica, Arial;
	font-size: 15px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin:0 auto;
}
#featured #items {
	width:850px;
	margin: 0 auto;
	position:relative;
	top:-5px;
}
#featured #items .item {
	display: inline-block;
	position: relative;
	margin-right:16px;
	width:270px;
	height:230px;
}
#featured #items .item a {
	text-decoration:none;
	color: #fff;
}
#featured #items .item3 {
	margin-right:0px;
}
#featured #items .item .description {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	position: absolute;
	bottom: 0px;
	width:210px;
	background: #231f20; /* fallback */
	background: #231f20;
	padding: 10px 40px 10px 20px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
#featured #items .item .description .arrow {
	position: absolute;
	bottom:0px;
	right:20px;
	height: 100%;
	width: 5px;
	background: url('../img/arrow_small.png') repeat-x center 18px;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#featured #items .item .tworows .arrow {
	background: url('../img/arrow_small.png') repeat-x center 30px;
}
#featured #items .item:hover .description {
	background: #bf362f; /* fallback */
	background: #bf362f;
	padding: 10px 40px 20px 20px;
}
#featured #items .item:hover .description .arrow {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	background: url('../img/arrow_small.png') repeat-x center 18px;
}
#featured #items .item:hover .tworows .arrow {
	background: url('../img/arrow_small.png') repeat-x center 30px;
}



/* --------- TOPIMAGE --------*/
#topimage {
	position: absolute;
	top: -85px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height:790px;
	min-width:995px;
	overflow: hidden;
	}
#topimage #image {
	z-index: -1;
	width:100%;
	}

/* --------- LOOKBOOK --------*/
#gallery_load {
	height:700px;
	background: url("../img/loading.gif") no-repeat center center;
}
#gallery {
	display: none;
	width:100%;
	position: relative;
	top: 0px;
	height:700px;
	overflow:hidden;
}
.gallery_item {
	height:700px;
	min-width:995px;
	position:absolute;
	width:100%;
}
.gallery_descirpt {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	position:absolute;
	width:220px;
	margin-bottom: 35px;
	padding: 36px 40px;
	line-height:22px;
	color: #e0cabb;
	font-size: 15px;
}
.topleft { top:40px;left:40px; }
.topright { top:40px;right:40px; }
.bottomleft { bottom:60px;left:40px; }
.bottomright { bottom:40px;right:40px; }

.gallery_descirpt h1 {
	font-family: 'Conv_neutratexttf_boldalt', Helvetica, Arial;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #fff;
	padding-bottom:10px;
}
.gallery_descirpt .button {
	position: absolute;
	bottom:-35px;
	left:0px;
	font-family: 'ProximaNovaBold', Helvetica, Arial;
	text-transform: uppercase;
	font-size: 10px;
	width: 80px;
	height: 28px;
	background: #202020;
	padding-top:7px;
	padding-left:30px;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.gallery_descirpt .button .arrow {
	position: absolute;
	left:0px;
	top:0px;
	width: 35px;
	height: 35px;
	background: url("../img/arrow_small.png") no-repeat 14px 14px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity:0.35;
	opacity:0.35;
}
.gallery_descirpt .button a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration:none;
	color: #fff;
}
.gallery_descirpt .button:hover {
	background: #bf362f;
	padding-left:35px;
}
.gallery_descirpt .button:hover .arrow {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

#gallery #button {
	position:absolute;
	top:300px;
	width: 85px;
	height: 85px;
	z-index:1;
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
	cursor:pointer;
	background: none transparent;
}
#gallery .left {
	left:0px;
}
#gallery .right {
	right:0px;
}


#gallery #button #bg {
	position:absolute;
	width: 85px;
	height: 85px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	-webkit-transition: width .15s ease-out, opacity .25s ease-out, background-position .4s ease;
	-moz-transition: width .15s ease-out, opacity .25s ease-out, background-position .4s ease;
	-o-transition: width .15s ease-out, opacity .25s ease-out, background-position .4s ease;
	transition: width .15s ease-out, opacity .25s ease-out, background-position .4s ease;
}
#gallery .right #bg { background-color: #231F20; }
#gallery .left #bg { background-color: #231F20; }
#gallery .left:hover #bg { background-position: 0px center; }
#gallery .right:hover #bg { background-position: -130px center; }
#gallery #button:hover #bg {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	width:95px;
}

#gallery #arrow {
	position:absolute;
	width: 85px;
	height: 85px;
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
#gallery .left #arrow { background: url(../img/arrow_left.png) no-repeat 29px center; }
#gallery .right #arrow { background: url(../img/arrow_right.png) no-repeat 33px center; }


#gallery #button:hover { width:95px; }
#gallery .left:hover #arrow { background-position: 39px center; }
#gallery #button:active {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.store_banner {
  position:relative;
	width:300px;
	height: 56px;
	padding: 0px;
	z-index: 100000;
}
.store_banner a {
  -webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.store_banner a:hover {
  filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* --------- FOOTER ----------*/


#footer {
	height: 350px;
	width:100%;
	position:relative;
	background-color: #231f20;
	background-image: url(../img/drgnfly.png);
	background-repeat: no-repeat;
	background-position:left 20px;
	overflow:hidden;
	border-top: 5px solid #CCC;
}
#footer_bg {
	position:relative;
	right:720px;
	height:350px;
}

.img_all {
	height:450px;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
}
.img1{ background: transparent url(../img/img1.png) no-repeat 100% 30px; }
.img2{ background: transparent url(../img/img2.png) no-repeat 100% 30px; }
.img3{ background: transparent url(../img/img3.gif) no-repeat 100% 30px; }
.img4{ background: transparent url(../img/img4.png) no-repeat 100% 30px; }
.img5{ background: transparent url(../img/img5.png) no-repeat 100% 30px; }
.img6{ background: transparent url(../img/img6.png) no-repeat 100% 30px; }
.img7{ background: transparent url(../img/img7.png) no-repeat 50% 20px; }
.img8{ background: transparent url(../img/img7.png) no-repeat 63% 380px; }
.img9{ background: transparent url(../img/img7.png) no-repeat 40% 250px; }

#footer #about {
	position:absolute;
	top:70px;
	right:290px;
	width: 375px;
	height: 320px;
	line-height:22px;
}
#footer #about h1 {
	font-family: 'Conv_neutratexttf_boldalt', Helvetica, Arial;
	font-size: 15px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #fff;
	margin-bottom:4px;
}
#footer #about p {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	font-size: 15px;
	width: 375px;
	margin-bottom: 10px;
	text-align:justify;
	color: #C1C1C1;
}
/*-------CONTACT-------*/

#footer #contact {
	background-color:#231F20; 
	position:relative;
	top:100px;
/*	right:0;*/
	width: 620px;
	height: 50px;
	font-size: 11px;
	line-height:16px;
	margin: 0 auto;
	float:right;
	padding: 50px 14px;
}
#footer #contact #inf{
	float:left;
	width: 170px;
	padding: 0 15px;
}
#footer #contact h1 {
	font-family: 'Conv_neutratexttf_boldalt', Helvetica, Arial;
	font-size: 11px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #fff;
}
#footer #contact h2 {
	color: #575757;
}
#footer #contact p {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	font-size: 13px;
	margin-bottom:18px;
	margin-top:2px;
	color: #C1C1C1;
}
#footer #contact p a {
	font-size: 14px;
	text-decoration:none;
	color: #C1C1C1;
	border-bottom: solid 1px #444;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#footer #contact p a:hover {
	color: #999;
	border-bottom: solid 1px #999;
}
#footer .connect {
	display:inline-block;
	width:20px;
	height:20px;
	margin: 7px 0px 15px 1px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
#footer .connect a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration:none;
}
#footer .facebook { 
	background:#CCC url('../img/button_facebook.png') repeat 0px 0px;
	}
#footer .facebook:hover { 
	background:#6981ad url('../img/button_facebook.png') repeat 0px 20px;
	}
#footer .twitter { 
	background:#CCC url('../img/button_twitter.png') repeat 0px 0px;
	}
#footer .twitter:hover { 
	background:#94c1d0 url('../img/button_twitter.png') repeat 0px 20px;
	}
#footer .vimeo { 
	background:#ff502e url('../img/button_vimeo.png') repeat 0px 0px;
	}
#footer .vimeo:hover { 
	background:#ff7358 url('../img/button_vimeo.png') repeat 0px 20px;
	}
#footer .skype { 
	background:#CCC url('../img/button_skype.png') repeat 0px 0px;
	width:70px;
	}
#footer .skype:hover { 
	background:#a5ce8b url('../img/button_skype.png') repeat 0px 20px;
	}	
#footer #like {
		position:absolute;
		right:0px;
		bottom:-50px;
		width:115px;
		height:50px;
		background: url('../img/like_bg.jpg') no-repeat 0px 0px;
	}
#footer #like iframe {
		position:relative;
		top:15px;
		left:20px;
	}
/*---------Copyright--------*/
#footer #copy {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	font-size: 13px;
	text-align: center;
	line-height: 10px;
	position:relative;
	top: 285px;
	right: -600px;
	width: 100%;
}


/* ------------------------------- MOBILE CSS ------------------------------- */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode go here */
}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode go here */
}

@media screen and (max-device-width: 480px) {
	/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome) */
}