html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* start noblesse css*/




.hide{display:none;}


body,html{	width:100%;height:100%;color:#fff;overflow:hidden;background-color: #000;}
.animAll{-moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out;  -ms-transition: all .5s ease-out;  -o-transition: all .5 ease-out;  transition: all .5s ease-out;}
.animSlow{-moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out;  -ms-transition: all 1s ease-out;  -o-transition: all 1 ease-out;  transition: all 1s ease-out;}

.home-logo{position: absolute;z-index:10;right:10%;top:100px;}

#loader{position:absolute;z-index:600;left:40%;top:40%;background: url(../img/loader.png);width:168px;height:110px;display:none;}

.bglayers,.outlayers{width:100%;height:100%;position:absolute;z-index:1;}
.collection_copy_more{display:none;width: 80%;margin: auto auto;}
.collection_bottom{position:absolute;bottom: -53px;z-index:204;background: url(../img/collection/bottom.jpg);width: 100%;}
.collection_bottom img{width: 1150px;left: 50%;margin-left: -596px;position: relative;}
.section{display:none;width:100%;height:100%;position:absolute;top:100%;overflow:hidden;/*background: url(../img/sharedbg.jpg) no-repeat center center fixed;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;background-size: cover; */z-index:2;}
 .activesection{z-index:3;}

.more{margin-bottom:10px;cursor:pointer;}
.gate{z-index:20;top:0;}
.intro-top{width:100%;height:68%;background-color:#262626;position:relative;background: url(../img/gate-texture2.jpg) no-repeat center center fixed;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;background-size: cover;}
.intro-bottom{width:100%;height:32%;background-color:#101010;text-align:center;background-image: url(../img/intro-shadow.png);background-repeat: repeat-x;}


.intro-top .inner{width:400px;position: absolute;bottom: 20px;left: 50%;margin-left: -200px;position:absolute;bottom:20px;text-align: center;}

.intro-bottom .inner{width:503px;margin:auto auto;padding-top: 30px;}
.intro-text{color:#615e5e;font-size:18px;font-family: "mrseavesromanregular";}
.intro-buttons{padding-top:20px;padding-left: 142px;}
.intro-button{width:90px;height:40px;background-color:#000;border:1px solid #2f2f2f;float:left;line-height:38px;margin-left:10px;cursor:pointer;}
.intro-button:hover{background-color:#cfcfcf;color:#000;}
.intro-line{padding-top:10px;padding-bottom:15px;}
.language-chooser{position:fixed;right:20px;top:20px;z-index:10;color:#fff;background-color:#333;border-radius:20px;padding:10px;}

.logo{position: relative;width:400px;height:237px;}
.logo img{position:absolute;top:0;left:0}
.logo-top{z-index:2;}
.logo-bottom{z-index:1;opacity:0;}
.logo-top-crest{opacity:0;z-index:3;}
/* .home,.contact{position:absolute;top:100%;height:100%;width:100%;background-color:#000;} */
.error{position:absolute;top:100%;height:100%;width:100%;background-color:#000;z-index: 290;}
.error-content{color:#fff;font-size:16px;font-family: "mrseavesromanregular";text-align: center;top: 50%;position: absolute;left: 36%;}
.mainmenu{position:fixed;z-index:200;top:-700px;left:75px;width:175px;}
.full-nav{width:100%;position:relative;display:none;}
.full-nav p{text-indent: -9999px;cursor:pointer;}



.nav-logo{width:170px;height:217px;background-image: url(../img/nav/nav.png);cursor:pointer;}


.nav1{width:170px;height:43px;background-image: url(../img/nav/nav.png);background-position: -180px -221px;}
.nav1:hover{background-position: 0 -221px;}
.nav2{width:170px;height:43px;background-image: url(../img/nav/nav.png);background-position: -180px -264px;}
.nav2:hover{background-position: 0 -264px;}
.nav3{width:170px;height:43px;background-image: url(../img/nav/nav.png);background-position: -180px -307px;}
.nav3:hover{background-position: 0 -307px;}
.nav-bottom{width:170px;height:78px;background-image: url(../img/nav/nav.png);background-position: -180px -350px;text-indent: -9999px}
.open{background-position: -360px -350px;cursor:pointer;}
.nav-bottom:hover{background-position: 0 -350px;}

/* .nav-bottom{position:relative;top:-2px;} */

.full{position:relative;}

.left{float:left;}

.home-content{position:absolute;z-index:20;width:826px;height:715px;left: 50%;
margin-left: -418px;
margin-top: -357px;
top: 50%;}
/*
.home-left{float:left;width:443px;position: relative;
top: 120px;}*/



.home-right{width:383px;text-align:center;top: 194px;
position: relative;opacity:0}
.home-about{z-index: 200;
top: 0;
background-color: rgba(0,0,0,0.9);opacity:0;display:none;}
.home-about-btn{margin-top:15px;cursor:pointer;}

.home-about-content{position:absolute;z-index:20;width:988px;height:640px;left: 50%;margin-left: -494px;margin-top: -320px;top: 50%;}
.home-about-inner{position:absolute;z-index:10;width:390px;left:50%;top:210px;margin-left: -210px;font-size:17px;font-family: "mrseavesromanregular";color:#eeebe4;text-align:center;}
.home-about-header{font-size: 24px;
margin-bottom: 20px;}

.outline{border:solid 3px white}

.contact-circle{margin-left: -290px;left: 50%;top: 50%;margin-top: -285px;}
.contact-bottle{left: 65%;top: 50%;margin-top: -304px;opacity:0;}
.submit{text-align: right;cursor:pointer;}
.GPU{-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}

.bg_top{position:absolute;z-index:10;width:100%;height:100%}
.bg_bottom{position:absolute;z-index:9;opacity:0;overflow:hidden;}
.maison_rollovers > .rollover{position:absolute;z-index:9;overflow:hidden;}
.experience_logo{position: absolute;
z-index: 10;
left: 50%;
top: 0;
margin-left: -300px;opacity:0;}

.maison_rollovers{
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
}

.maison_logo{position: absolute;
z-index: 10;
right: 50px;
top: 62px;
opacity:0;
}

.maison-sub-nav,.collection-sub-nav{position: fixed;
top: -25px;
left: 296px;
z-index: 200;
color: #000;font-size:11px;font-family: 'Myriad Pro';letter-spacing:2px}
.spacer{margin-left: 10px;
margin-right: 10px;color:#666;}


.blink{opacity:0;}

.content{position:absolute;z-index:20;width:100%;height:100%;}
.collection_content{left: 50%;width: 600px;top:15px;font-size:16px;font-family: "mrseavesromanregular";color:#000;text-align:center;opacity:0;margin-left: -300px;}
.colleciton_copy{line-height:20px;padding-top:5px;}
.collection_copy_more{text-align:left;line-height:20px;font-size:15px;}
.collection_bottles div{position: absolute;}
.creation{width:308px;height:126px;background-image: url(../img/maison/button_sprite.png);position:absolute;z-index:20;right:80px;top:350px;cursor:pointer;opacity:0;}
.creation:hover{background-position: 0px -140px;}
.collection-btn{cursor:pointer;color:#666;position: relative;}
.label{opacity:0;}
.bottle-top{z-index:300;}

.collection-rose{left:0}
.collection-dor{left: 197px;}
.collection-brut{left: 395px;}

.collection-btn img:nth-child(3){
position: absolute;
z-index: -1;
top: 50%;
left: 0;

}
.collection-btn:hover{
    z-index:500;
}
.collection-btn img:nth-child(2){
position: absolute;
z-index: 200;
top: 0;
left: 0;
opacity:0;
}
.collection-btn img:nth-child(2):hover{

opacity:1;
}

.collection-btn-active{color:#000;}

.pairings{width:100%;height:100%;overflow:hidden;z-index:202;position:absolute;opacity:0;}
.pairings_inner{position:absolute;left:0%;width:20000px;height:100%;}
.pairings_table{position:absolute;bottom:0;left:0;width:100%;height:168px;background-image:url(../img/collection/pairings/glass-table.png);z-index:202;}
.pairing_item{float:left;overflow: hidden;height:100%;}
.pairings_circle{position:absolute;z-index:204;right:180px;top:200px;background-image:url(../img/collection/pairings/circle.png);width:317px;height:317px;text-align:center;color:#000}
.pairings_txt{font-size:29px;font-family: "mrseavesromanregular";margin-top: 100px;padding: 20px;}
.pairings_bottle{position: absolute;z-index:204;left:-400px;height:100%;width: 240px;}
.pairings_bottle img{}
.image_preview{width:140px;height:140px;position:absolute;bottom:130px;right:100px;z-index:210;}
/* .image_preview img{-webkit-border-radius: 50%;border-radius: 50%;width:200%;height:auto;} */



.arrows{position:absolute;right:100px;top:86px;z-index:203;}
.arrow_left{width:48px;height:48px;background-image:url(../img/collection/pairings/arrows.png);background-position: -5px -54px;float:left;margin-right:10px;cursor:pointer;}
.arrow_left:hover{background-position: -5px -5px;}
.arrow_right{width:48px;height:48px;background-image:url(../img/collection/pairings/arrows.png);background-position: -55px -54px;float:left;cursor:pointer;}
.arrow_right:hover{background-position: -55px -5px;}


.pairings_close{width:48px;height:48px;background-image:url(../img/collection/pairings/arrows.png);background-position: -55px -102px;cursor:pointer;position:absolute;right:100px;top:20px;z-index:200;}
.pairings_close:hover{background-position: -5px -102px;}


.heritage{width:308px;height:126px;background-image: url(../img/maison/button_sprite.png);position:absolute;z-index:20;right:200px;top:230px;background-position: -340px 0;cursor:pointer;opacity:0}
.heritage:hover{background-position: -340px -140px;}
/* temp styles */
/*
.maison{background-color:red;}
.collection{background-color:yellow;}
.experience{background-color:green;}
*/

.bubble{position:absolute;z-index:3}
.bubble1{width:30px;height:30px;background-image:url(../img/home/about/bubble1.png);}
.bubble2{width:10px;height:10px;background-image:url(../img/home/about/bubble2.png);}
.bubble3{width:13px;height:13px;background-image:url(../img/home/about/bubble3.png);}
.bubble4{width:15px;height:15px;background-image:url(../img/home/about/bubble4.png);}


#bubble1{position:absolute;z-index:100;top:350px;left:720px;width:100px;height:100px;transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-webkit-transform:rotate(45deg); /* Safari and Chrome */}


#bubble2{position:absolute;z-index:100;top:220px;left:130px;width:100px;height:100px;transform:rotate(230deg);
-ms-transform:rotate(230deg); /* IE 9 */
-webkit-transform:rotate(230deg); /* Safari and Chrome */}

#bubble3{position:absolute;z-index:100;top: -70px;left: 120px;width:100px;height:100px;transform:rotate(230deg);
-ms-transform:rotate(230deg); /* IE 9 */
-webkit-transform:rotate(230deg); /* Safari and Chrome */}

#bubbleDor{position:absolute;z-index:100;top: -70px;left: 120px;width:100px;height:100px;transform: rotate(235deg);
-ms-transform: rotate(235deg); /* IE 9 */
-webkit-transform: rotate(235deg); /* Safari and Chrome */}

#bubbleRose{position:absolute;z-index:100;top: -70px;left: 185px;width:100px;height:100px;transform: rotate(239deg);
-ms-transform: rotate(239deg); /* IE 9 */
-webkit-transform: rotate(239deg); /* Safari and Chrome */}
.about-close{cursor:pointer;}
/* Dustin Styles
============================ */

.heritage-content {
	color: #000;
	font-family: "mrseavesromanregular";
	left: 35%;
	position: absolute;
	top: 135px;
	width: 500px;
	z-index: 500;
	opacity:0;
}

.heritage-content .text-block {
	height: 315px;
	line-height: 19px;
	 overflow: auto;

	/* padding-right: 20px; */
	width: 490px;


}

.creation-content {
	opacity:0;
	color: #000;
	font-family: "mrseavesromanregular";
	left: 30%;
	position: absolute;
	top: 135px;
	width: 500px;
	z-index: 500;
}

.creation-content .text-block {
	height: 315px;
	line-height: 19px;
	overflow: auto;
	padding-right: 20px;
	width: 490px;
}

.text-block h1 {
	font-size: 18px;
	text-transform: uppercase;
	margin-right: 20px;
}

.text-block p {
	font-size: 16px;
	margin: 18px 20px 18px 0;
}

.heritage-photos {
	float: right;
	margin-right: -100px;
	margin-top: 50px;
}

.ornament {
	color: #000;
	font-family: "mrseavesromanregular";
	position: absolute;
	z-index: 200;
	opacity:0;
}

.collection_pink .ornament {
	background: url("../img/collection/pink/ornament.png") no-repeat;
	height: 475px;
	left: 270px;
	bottom: 5%;
	width: 475px;
}

.collection_pink .ornament p {
	margin: 200px 80px 0 150px;
}
.collection_black .ornament {
	background: url("../img/collection/black/ornament.png") no-repeat;
	height: 450px;
	left: 235px;
	top: 60%;
	margin-top:-275px;
	width: 457px;
}

.collection_black .ornament p {
	margin: 200px 110px 0 90px;
}

.collection_gold .ornament {
	background: url("../img/collection/gold/ornament.png") no-repeat;
	height: 455px;
	left: 285px;
	bottom: 10%;
	width: 457px;
}

.collection_gold .ornament p {
	margin: 200px 100px 0 80px;
}

.explore {
	background: url("../img/collection/explore.png") no-repeat;
	display: block;
	height: 35px;
	position: absolute;
	text-indent: -9999px;
	width: 97px;
	z-index: 300;
	cursor: pointer;
}

.collection_black .explore {
	background-position: 0 -35px;
	bottom: 75px;
	left: 245px;
}

.collection_pink .explore {
	background-position: 0 -70px;
	bottom: 100px;
	left: 300px;
}

.collection_gold .explore {
	background-position: 0 0;
	bottom: 70px;
	left: 240px;

}

.petal1 {
	/*
left: 335px;
	top: 145px;
*/
	position: absolute;

	z-index: 80;
	opacity:0;
}

.petal2 {
	/*
left: 140px;
	top: 520px;
*/

	position: absolute;
	opacity:0;
	z-index: 90;
}

.leaf1 {
	 /*
left: 375px;
	  top: -200px;
*/
	position: absolute;
	 opacity:0;
	 	z-index: 80;
}

.leaf2 {
	/*
left: 115px;
		top: 500px;
*/

	position: absolute;
    opacity:0;
	z-index: 90;
}

.bottle {
	z-index: 300;
	opacity:0;
}

.collection_black .bottle {
	position: absolute;
	left:740px;
	top: 50%;
	margin-top: -346px;
}

.collection_pink .bottle {
	position: absolute;
	left:740px;
	top: 50%;
	margin-top: -346px;
}

.collection_gold .bottle {
	position: absolute;
	left:740px;
	top: 50%;
	margin-top: -346px;
}

.contact .ornament {
	background: url("../img/contact/contact-circle.png") no-repeat;
	height: 570px;
	left: 30%;
	top: 50%;
	width: 579px;
	margin-top: -290px;
}

.contact-content {
	left: 110px;
	position: relative;
	top: 170px;
	width: 330px;
}
.mail-error{display:none;text-align:center;}
.mail-success{display:none;text-align:center;}
#contact-form input, #contact-form textarea {
	border: 1px solid #aeaeae;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	display: block;
	margin: 9px 0;
	padding:10px;
	width:310px;
}

:-moz-placeholder {
    color: #aeaeae;
}
::-webkit-input-placeholder {
    color: #aeaeae;
}

#contact-bottle {
	left: 77%;
	position: absolute;
	top: 50%;
	z-index: 400;
	margin-top: -350px;
}

.experience-content {
	opacity:0;
	color: #000;
	left: 50%;
	position: absolute;
	top: 350px;
	width: 750px;
	height: 340px;
	overflow:auto;
	z-index: 11;
	margin-left: -375px;
}

.experience-content .entry {
	margin: 18px 0;
}

.experience-content .thumb {
	float: left;
	width: 185px;
}

.experience-content .text {
	float: left;
	margin-left: 20px;
	width: 500px;
}

.experience-content h1 {
	font-family: 'Conv_BickhamScriptPro-Semibold';
	font-size: 35px;
}

.experience-content h2 {
	font-family: "mrseavesromanregular";
	text-transform: uppercase;
}

.experience-content p {
	font-family: "mrseavesromanregular";
	font-size: 16px;
	line-height: 18px;
	margin: 9px 0;
}

.experience-content a.download {
	color: #ce9927;
	font-family: "mrseavesromanregular";
	font-size: 18px;
	margin: 18px 0;
	text-decoration: none;
}

.experience-content a.download span {
	font-family: 'Conv_BickhamScriptPro-Semibold';
	font-size: 30px;
	margin-right: 3px;
}

.experience-content a.outgoing{
	font-family: "mrseavesromanregular";
	font-size: 16px;
	line-height: 18px;

	color: black;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
		content: " "; /* 1 */
		display: table; /* 2 */
}

.clearfix:after {
		clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
		*zoom: 1;
}


@media (min-height: 849px) and (max-height:9700px) {
	.collection_bottom{display:none;}
}
