html, body, ul, li, p { margin:0; padding:0; }
ul, li { list-style: none; }
body {
	font-family: 'Open Sans', sans-serif;
	font-style:italic;
	font-weight:normal;
	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;
}

body.no-min-width { min-width:0; min-height:0; }

p, a { font-size:100%; }
a {color:#00F; }

.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 */
.blog .left { float:left; }
.blog .right { float:right; }
.blog .center { margin:0 auto; }


/* MICRO CLEAR FIX */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }

.clear { clear:both; }


.cc-carousel {
	position:absolute;
	top:50%;
	left:50%;
	width:1152px;
	height:720px;
	margin:-575px;
	height:-360px; }

.cc-slideshow {
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}

.close {
	position:absolute;
	right:0;
	top:0;
	width:21px;
	height:25px;
	overflow:hidden;
	cursor: pointer;
}
.close img {
	position:absolute;
	left:0;
	width:100%;
}
.cc-slideshow.white .close img {
	top:auto;
	bottom:0;
}

.cc-slideshow-content {
	height:100%;
	position:absolute;
}

.cc-slide {
	height:100%;
	width:100%;
	overflow:hidden;
	float:left;
	position:relative;
}

.cc-slide img {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
}

.cc-slide img.play-btn {
	width:61px;
	height:150px;
	display:block;
	top:50%;
	margin-top:-75px;
	left:50%;
	margin-left:-30px;
	cursor: pointer;
}

.cc-slide .img-blocker { position:absolute; top:0; left:0; width:100%; height:100%; }
.cc-arrow {
	top:0;
	height:100%;
	position:absolute;
	cursor:pointer;
}
.cc-arrow.disabled { display:none; }

.cc-arrow img {
	display:block;
	position:relative;
	top:50%;
	margin-top:-16px;
	width:32px;
	height:71px;
}
.cc-arrow.prev { left:0; margin-left:-56px; }
.cc-arrow.next { right:0; margin-right:-56px; }

.skewed {
	-webkit-transform: skew(15deg, 0);
       -moz-transform: skew(15deg, 0);
        -ms-transform: skew(15deg, 0);
         -o-transform: skew(15deg, 0);
            transform: skew(15deg, 0);
}

.top { padding-bottom:3px; }
.top, .bottom { position:absolute; width:100%; font-size: 1.5em; letter-spacing: 1px; }
.top, .top > * { bottom:100%; }
.top .title { right:0; }
.top .nav > *, .top li { float:left; }
.top li { margin-right:18px; cursor:pointer; }

.top .nav { overflow: hidden; }
.top .nav ul { position:relative; right:100%; }
#work { position:relative; z-index:25; background:#fff; padding-right:18px; }

.bottom { top:100%; padding-top:3px; }

.nav,.title,.cc-paging {
	position: absolute;
}

.nav { z-index:1; }

#work span, #home, #hit-the-bell{
	cursor: pointer;
}


.bottom .title {
	text-align: center;
	width:100%;

}

.cc-paging {
	right:0;
	letter-spacing: 1px;
}

.cc-paging-seperator { position:relative; bottom:.15em; }



.cc-video-container {
	position:absolute;
	top:50%;
	left:50%;
	width:640px;
	height:360px;
	margin:-180px 0 0 -320px;
	overflow:hidden;
}
.cc-video-container .poster-img { z-index:4; display:none; margin:0; top:0; left:0; }


.cc-video { position:absolute; bottom:100%; }
.cc-video.playing { bottom:0; z-index:5; }


.portfolio-wrapper{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:30;
}

.portfolio-wrapper .cc-slideshow {
	position:absolute;
	top:50%;
	left:50%;
	width:576px;
	height:360px;
	margin:-180px 0 0 -288px;
	background:#fff;
	display:none;
}

.about-text { width:50%; float:right; position: relative; }
.about-text p { padding-left:7px; line-height: 1.2em; }

@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) {
	.cc-video-container { 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) {
	.cc-video-container { width:600px; height:338px; margin-top:-169px; margin-left:-300px; }
}

@media only screen and (min-width:1824px) {
	.cc-video-container { width:1280px; height:720px; margin-top:-360px; margin-left:-640px; }
	.portfolio-wrapper .cc-slideshow { width:1152px; height:720px; margin:-360px 0 0 -576px; }
	.close { width:42px; height:50px; }
	body { min-height:930px; }
}