@font-face {
    font-family: 'DidotLTStdItalic';
    src: url('../fonts/didotltstd-italic.eot');
    src: url('../fonts/didotltstd-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/didotltstd-italic.woff') format('woff'),
         url('../fonts/didotltstd-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html, body { margin:0; padding:0; }
body {
	font-style:normal;
	font-weight:normal;
	font-family: DidotLTStdItalic, "Lucida Console", Monaco, monospace;
	font-size:62.5%;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0; 
	left:0;
	min-width:960px;
	min-height:540px;
	-webkit-text-size-adjust: none;
	background:#FAF5FF;
}

body.no-min-width { min-width:0; min-height:0; }

p, a { font-size:100%; }
a {color:#00F; }

.background { position:absolute; width:100%; height:100%; overflow:hidden; }
.background img { display:none; position:absolute; }

/* based on 2048 */
/*.my { top:50%; left:0; margin-top:-241px; }
.let { top:0; left:50%; margin-left:-365px; }
.go { top:50%; right:-1px; margin-top:-242px; }
.your { bottom:0; left:50%; margin-left:-493px; }
.hoo-ha { position:absolute; top:90px; right:90px; display:none; }
.hit-the-bell { cursor:pointer; position:absolute; left:50%; margin-left:-210px; top:50%; margin-top:-210px; display:none; }*/

/* based on 1024 */
.my { top:50%; left:0; margin-top:-133px; }
.let { top:0; left:50%; margin-left:-201px; }
.go { top:50%; right:-1px; margin-top:-134px; }
.your { bottom:0; left:50%; margin-left:-270px; }
.hoo-ha { position:absolute; top:45px; right:45px; display:none; }
.hit-the-bell { cursor:pointer; position:absolute; left:50%; margin-left:-105px; top:50%; margin-top:-105px; display:none; }
/******/

.video-wrap { width:5px; height:100%; margin:0 auto; position:relative; }

.video {
	
	/*width:640px;
	height:360px;*/
	
	width:688px;
	height:387px;
	position:absolute;
	overflow:hidden;
	left:50%;
	top:50%;
	margin-top:-194px;
	margin-left:-344px;
}

.video video, #flash-video { position:absolute; top:100%; }

/* HOO HA BLOG */

body.blog { min-width:960px !important; }

.back-btn, .top-btn { position:fixed; top:20px; }
.back-btn { left:50%; margin-left:-474px; padding-left:5px; }
.top-btn { right:50%; margin-right:-454px; }

.content { width:685px; margin:0 auto; padding:20px 0 0 0; }
.content a { color:#000; }
.content p, .header .header-copy { margin:0; font-size:3.4em; line-height:38px; }
.numeral { font-size:.91em; } /* 31px */
.header { padding:0 0 60px 0; width:685px; position:relative; }
.header .email { }
.header a.phone-number { color:#000; text-decoration:none; }
.header .back-btn, .header .top-btn { font-size:3.6em; line-height:38px; }
.post { padding:0 0 60px 0; }
.post a { }
.media-container { max-width:684px; margin:0 0 20px 0; }
.media-container img { display:block; }
.media-container img.pad-top { padding-top:12px; }
.media-container img.pad-bottom { padding-bottom:12px; }
.media-container .blog-video { position:relative; width:684px; height:385px; }

/* BLOG IMAGES AND VIDEO STYLING */
.left { float:left; }
.right { float:right; }
.center { margin:0 auto; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px),
only screen and (-webkit-device-pixel-ratio:1.5) and (min-device-width:320px) {
	.video { width:256px; height:144px; margin-top:-72px; margin-left:-128px; }
	body { min-width:inherit; min-height:inherit; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body { min-width:inherit;	min-height:inherit; }	
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
	.video { width:600px; height:338px; margin-top:-169px; margin-left:-300px; }
}

@media only screen
and (min-width : 1824px) {
	.video { width:1280px; height:720px; margin-top:-360px; margin-left:-640px; }
	body { min-height:930px; }
}



/* MICRO CLEAR FIX */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }

.clear { clear:both; }