a {
	color: black;text-decoration:none;
}
a:visited {
	color: black;
}
a:active {
	color: black;
}
a:hover {
	color: #008080;
}
h1 {
	font-size:x-large;position:relative;
}
body {
	margin:0;
	padding:0;
	background-color: rgb(228,228,238,0.97);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
    background-attachment: fixed;
}
.doorsurround {
	perspective: 20em;
}
.landingcontainertop {
	position:absolute;
	overflow: hidden;
	display: flex;
	background-image: url('whitetop.svg');
	background-size:100% auto;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	animation: DoorTopAnimation ease 5s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes DoorTopAnimation {
            0% {
                opacity: 1;
				transform: translateY(0);
				z-index: 201;
            }
			80% {
				opacity: 1;
				transform: translateY(0);
				z-index: 201;
			}
            99% {
                opacity: 1;
				transform: translateY(-30%);
				z-index: 201;
            }
			100% {
				opacity: 0;
				z-index: 0;
			}
}
.landingcontainer {
	position: absolute;
	overflow: hidden;
	display: flex;
	background-image: url('whitedoor.svg');
	background-size:100% auto;
	background-repeat: no-repeat;
	transform-style: preserve-3d;
	transform-origin: 98.7% center;
	width: 100%;
	height: 100%;
	animation: fadeOutAnimation ease-in-out 4s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeOutAnimation {
            0% {
                opacity: 1;
				transform: perspective(250vw) rotateY(0deg) translateZ(0);
				z-index: 202;
            }
			60% {
				opacity: 1;
				transform: perspective(250vw) rotateY(0deg) translateZ(0);
				z-index: 202;
			}
            98% {
                opacity: 1;
				transform: perspective(250vw) rotateY(90deg) translateZ(-10%);
				z-index: 202;
            }
			100% {
				opacity: 0;
				transform: perspective(250vw) rotateY(90deg);
				z-index: 0;
			}
}
.bodydark {
	position:absolute;
	overflow: hidden;
	display: flex;
	background-color: #000;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	animation: DarkFadeAnimation ease 5s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
		}
        @keyframes DarkFadeAnimation {
            0% {
                opacity:0;
				transform: translateY(0%);
				z-index:0;
			}
			20% {
				opacity:1;
				transform: translateY(0%);
				z-index: 198;
			}
			65% {
				opacity:1;
				transform: translateY(0%);
				z-index:198
			}
			99% {
				opacity:0;
				transform: translateY(0%);
				z-index:198
			}
            100% {
				opacity:0;
                transform: translateY(100%);
				z-index:0;
            }			
}
.comeonin {
	color: #879196;
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(13px + 2vw);
	font-weight:bold;
	padding:1% 5% 1% 5%;
	margin-left:1vw;
	text-shadow:1px 1px 3px #000,-1px -1px 1px white,-1px 1px 1px #000,1px -1px 1px #000,3px 3px 15px white;
}
.doorpanel {
	transform-style: preserve-3d;
	margin:0 auto;
	padding-top:25vh;
	text-align:center;
}
.topmenu {
	background-color:rgba(30,30,30,1);
	height:2.3vw;
	min-height: 25px;
	width:100vw;
	padding:10px 0px 5px 0px;
	overflow:visible;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
.contactbutton {
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(13px + 0.7vw);
	font-weight:bold;
	padding:2px 5px 2px 5px;
	margin-left:1vw;
	text-shadow:1px 1px 3px #000,-1px -1px 1px white,-1px 1px 1px #000,1px -1px 1px #000,3px 3px 15px white;
}
.socialiconmenubar{
	border:0;
	font-size:0px;
	padding:0px 5px 0px 5px;
	top:-5px;
	float:right;
}
.spacernew{
	height:0.25vw;
	min-height:30px;
	width:100vw;
}
.mainpage {
	margin-top:3.0vw; margin-bottom:80px;
    position:relative;
    width: 99vw;
    height:auto;
    z-index:1;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: rgb(228,228,238,0.97); 
}
.sectionholder{
	float:left;
	position:relative;
	margin:0 auto;
	padding:2.5vw;
	overflow:hidden;
}
.sectionholder:hover{
	overflow:visible;
}
.sectionhalfm{
	float:left;
	position:relative;
	background:url('tracksidesmall.jpg');
	width:42vw;
	min-width:300px;
	padding:20px;
	border-radius:5vw;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.9);
	overflow:hidden;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	z-index:2;
}
.sectionhalfm:hover{
	/*background-size: cover;*/
	background-position: center;
	background-repeat: no-repeat;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.5);
	z-index:20;
}
div.sectionhalfm {
	position:relative;
}
div.sectionhalfm a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}
.sectionhalfw{
	float:left;
	position:relative;
	background:url('champagne glasses.jpg');
	width:42vw;
	min-width:300px;
	padding:20px;
	border-radius:5vw;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.8);
	overflow:hidden;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	z-index:2;
}
.sectionhalfw:hover{
	background-position: center;
	background-repeat: no-repeat;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.5);
	z-index:20;
}
div.sectionhalfw {
	position:relative;
}
div.sectionhalfw a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}
.sectionwinepic{
	height: 35vw;
	min-height: 200px;
	max-height: 300px;
}
.sectionhalflong{
	height:550px;
}
.sectionwine {
	color: #b2f7f1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(9px + 1vw);
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 3px #000,-1px -1px 1px white,-1px 1px 1px #000,1px -1px 1px #000,3px 3px 15px white;
}
.sectionmotor {
	color: #fff16e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(9px + 1vw);
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 3px #000,-1px -1px 1px white,-1px 1px 1px #000,1px -1px 1px #000,3px 3px 15px white;
}
.sectionheader {
	color: #d3aa5f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(11px + 1.5vw);
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 3px #000,-1px -1px 1px white,-1px 1px 1px #000,1px -1px 1px #000,3px 3px 15px white;
}
.bodytext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(12px + 0.2vw);
	text-align:center;
	color:rgb(50, 53, 68);
}
.bodytextlight {
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(12px + 0.2vw);
	font-weight: bolder;
	text-align:center;
	color:rgb(166, 196, 209);
}
.bodytextdark {
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(12px + 0.2vw);
	font-weight: bolder;
	text-align:center;
	color:rgb(61, 95, 110);
}
.sectiontext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	text-align:justify;
	color:white;
}
.textfit {
	margin:0 auto;
}
.textwine {
	padding:1% 2% 1% 2%;
}
.textmotor {
	padding:1% 2% 1% 2%;
}
.textheader {
	padding:1.1vw 5vw 2vw 0.5vw;
}
.footer {
	float: left;
	height: 2vw;
	margin-top: 2vw;
	width: 99%;
	bottom: 100%;
}