html {
    width:100%;
    min-height: 100%;
    margin: 0 auto;
}
body {
    color: #666;
    font: 17px Arial, sans-serif;
    background-color: transparent;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
h1 {
    color: #1293cf;
    font:700 32px Arial, sans-serif;
    letter-spacing: -0.05em;
}
h2 {
    color: #1293cd;
    font:700 27px Arial, sans-serif;
}
h3 {
    color: #000;
    font: 20px Arial, sans-serif;
}
h4 {
    color: #666;
    font: 20px Arial, sans-serif;
}
h5 {
    color: #808285;
    font:700 12px Arial, sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding-top:3px;
}
h6 {
    color: #000;
    font: 12px Arial, sans-serif;
}
p, table {
    color: #666;
    font: 17px/1.5 Arial, sans-serif;
}
a {
    color: #1492cc;
    -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
         -o-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
}
a:hover, a:visited, a:focus {
    color: red;
}
:focus, a:focus {
    outline:none;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;	
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	min-height: 1px;
}
* img {
	max-width: 100%;
	display: block;
}
/*////////////////////////////////////////////////*/

#logo {
	padding: 4% 0;
}

#video-wrap {
	width:100%;
	max-width: 1000px;
	margin-bottom:0px;
	border: 10px solid #8bc53d;
	background: #fff;
	position: relative;
	z-index: 10;
}
	#video-container {
		width:100%;
		position:relative;
		margin: 0 auto;
		z-index: 10;
		border-width: 5px 6px 0px 6px;
		border-color:#fff;
		border-style:solid;
	}

		#media, #media2 {
			width:100%;
			padding:0px;
			margin: 0 auto;
		}

			/*/////VIDEO/////*/

			#video-controls {
				top: 0;
				left: 0px;
				right: 0px;
				margin: 0 auto;
				position: absolute;
				width: 100%;
				height:100%;
				opacity: 1.0;
				background:none;
			}
			#video-controls button {
				background: none;
				border: 0;
				color: #EEE;
			}

			#video-controls button:hover {
				cursor: pointer;
			}
			#video-controls button.hide-me {
				background: rgba(0,0,0,.3);
				opacity: 0;
			}
			#video-controls button[id*='play-pause'] {
				width:100%;
				min-height:99%;
				position:absolute;
				left: 0px;
				right: 0px;
				margin: 0 auto;
				-webkit-transition: opacity 1s;
				-moz-transition: opacity 1s;
				-o-transition: opacity 1s;
				-ms-transition: opacity 1s;
				transition: opacity 1s;
			}
				#video-controls button[id*='play-pause'] img {
					display: inline;
				}

				#video-controls button[id*='play-pause']:hover {
					opacity:0.7
				}

			@media only screen and (max-device-width:480px) {
				
			}

/*//////////////CONDITIONALS/////////////////////*/
#biz-content,
#res-video,
#biz-video {
	display: none;
}
#version-control {
	position: absolute;
	top: 3%;
	left: 2%;
	z-index: 12;
}
/*//////////////ELEMENTS/////////////////////*/
header, 
main {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.knick-knacks {
	position: absolute;
	margin: 0 auto;
}
	#present {
		width: 20%;
		top: -18%;
		right: -18%;
	}
	#spruce {
		width: 15%;
		bottom: -23%;
		right: -15%;
	}
#eggnog {
	width: 40%;
	bottom: -35%;
	left: -8%;
}
@media screen and (max-width:1024px) {
	.knick-knacks {
		display: none;
	}
	#eggnog {
		position: relative;
		display: block;
		width: 90%;
		left: 0px;
		right: 0px;
		margin-top: 10px;
	}
}
/*//////////////EMAILS/////////////////////*/
@media screen and (max-width: 640px) {
	.full-table { max-width: 320px !important; width:90% !important; }
	.full { width: 100% !important; height: auto !important; }
	.full-img { width: auto; max-width: 100% !important; height: auto !important; }
	.inside { width: 90% !important; margin: 0 auto; height: auto !important; }
	.inside-no-float { width: 90% !important; margin: 0 auto; height: auto !important; float: none; }
	.present { width: 100% !important; height: auto !important; }
		.present td { padding-right:10px !important; }
		.present img { width: 26% !important; max-width: 80px !important; }
	.mobile-only { display: block !important; max-height: none !important; }
	.align-center { text-align: center !important; }
	.desktop-padding { padding-right: 0px !important; padding-left: 0px !important;}
	.no-padding-top { padding-top: 0px !important;}
	.hide-mobile { display: none !important; }
	a[href^=tel], a[href^=sms] { text-decoration: none; color: #0079c1; cursor: default; }
}