/* LAYOUTS
============================================================ */

@media screen and (max-device-width: 1280px), screen and (max-width: 1280px) {

	.chc_container {
		height: 528px;
	}

	.chc_animArea {
		left: 80px;
	}
	
	.chc_animArea, #chc_animation_container, #chc_canvas, #chc_dom_overlay_container {
		width: 520px !important;
		height: 468px !important;
	}
	
	.chc_textBlock {
		left: 600px;
		height: 468px;
		padding-right: 80px;
	}
	
	.chc_textVerticalAlign {
		height: 468px;
	}
	
	.chc_navBar {
		top: 468px;
	}
	
	.chc_navArrow {
		width: 80px;
		height: 468px;
	}
	
	.chc_navArrow a {
		top: 210px;
		left: 16px;
	}
	
	.chc_ctaScreen {
		max-width: 1280px;
		height: 468px;
		padding-top: 50px;
	}
	
	.chc_ctaScreen ul li {
		width: 176px;
		margin-left: 20px;
	}
	
	.chc_ctaScreen .chc_ctaLinkImage img {
		width: 176px;
		height: 99px;
	}
	
	.chc_ctaScreen h2 {
		font-size: 20px;
	}
	
	.chc_ctaContent {
		width: 960px;
	}
	
	.chc_videoLightbox {
		height: 528px;
	}
	
	.chc_videoPlayer {
		width: 720px;
		height: 405px;
	}
	
}


@media screen and (max-device-width: 1024px), screen and (max-width: 1024px) {

	.chc_container {
		height: 438px;
		font-size: 20px;
	}

	.chc_animArea {
		left: 60px;
	}
	
	.chc_animArea, #chc_animation_container, #chc_canvas, #chc_dom_overlay_container {
		width: 420px !important;
		height: 378px !important;
	}
	
	.chc_container h1 {
		font-size: 32px;
	}

	.chc_textBlock {
		left: 480px;
		height: 378px;
		padding-right: 60px;
	}
	
	.chc_textVerticalAlign {
		height: 378px;
		padding: 20px;
	}

	.chc_navBar {
		top: 378px;
		font-size: 16px;
	}

	a.chc_navBarButton {
		padding-top: 22px;
	}

	a.chc_navBarButtonLeft {
		padding-left: 34px;
	}
	
	a.chc_navBarButtonRight {
		padding-right: 34px;
	}
	
	a.chc_navBarButtonLeft img {
		left: 14px;
	}

	a.chc_navBarButtonRight img {
		right: 14px;
	}
	
	.chc_sceneDotArray {
		width: 384px;
	}
	
	a.chc_sceneDotButton {
		width: 48px;
	}

	.chc_sceneDot {
		left: 17px;
	}

	.chc_navArrow {
		width: 60px;
	}
	
	.chc_navArrow a {
		top: 210px;
		left: 6px;
	}
	
	.chc_ctaScreen {
		max-width: 1024px;
		height: 378px;
		padding-top: 20px;
	}
	
	.chc_ctaScreen ul li {
		width: 124px;
	}
	
	.chc_ctaScreen .chc_ctaLinkImage img {
		width: 124px;
		height: 70px;
	}

	.chc_ctaScreen h2 {
		font-size: 18px;
	}
	
	.chc_ctaScreen p {
		font-family: "CiscoSansTTRegular";
		font-size: 14px;
	}
	
	.chc_ctaContent {
		width: 700px;
	}
	
	.chc_thumbnailArray {
		margin-top: 20px;
	}
	
	.chc_videoLightbox {
		height: 438px;
	}
	
	.chc_videoPlayer {
		width: 600px;
		height: 338px;
		margin-top: 20px;
	}
	
}


@media screen and (max-device-width: 768px), screen and (max-width: 768px) {
	
	.chc_container {
		height: 660px;
		margin: 0;
		font-size: 18px;
	}
	
	.chc_animArea {
		position: relative;
		left: auto;
		margin: 0 auto;
	}
	
	.chc_animArea, #chc_animation_container, #chc_canvas, #chc_dom_overlay_container {
		width: 480px !important;
		height: 432px !important;
	}
	
	.chc_dividingLine {
		display: block;
	}
	
	.chc_splashTitle {
		text-align: center;
	}

	.chc_splashTitle h1 {
		font-size: 24px;
	}
	
	.chc_splashButton {
		width: 160px;
		margin: 10px auto 0 auto;
		text-align: center;
	}
	
	.chc_buttonStart {
		width: 160px;
		height: 40px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	
	.chc_textBlock {
		top: 432px;
		left: 0;
		max-width: none;
		height: 130px;
		padding: 0 60px;
	}
	
	#chc_textBlockTitle {
		width: 100%;
		padding: 0 20px;
	}
	
	.chc_textVerticalAlign {
		height: 130px;
		padding: 20px;
	}

	#chc_textBlockTitle .chc_textVerticalAlign {
		display: block;
	}

	.chc_navBar {
		top: 612px;
		height: 48px;
	}
	
	a.chc_navBarButton {
		height: 48px;
		padding-top: 15px;
	}
	
	a.chc_navBarButton img {
		top: 14px;
	}
	
	.chc_sceneDotArray {
		position: absolute;
		top: -49px;
		width: 100%;
		height: 50px;
		background-color: #00405C;
		border-top: 1px solid rgba(0,0,0,0.2);
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	
	.chc_sceneDotArray ul {
		width: 384px;
		margin: 0 auto;
	}
	
	a.chc_sceneDotButton {
		height: 48px;
	}
	
	.chc_sceneDot {
		top: 17px;
	}
	
	.chc_navArrow {
		position: relative;
		top: auto;
		height: 60px;
		margin-top: 35px;
	}
	
	.chc_navArrow a {
		top: 10px;
		left: 10px;
		width: 40px;
		height: 40px;
		background-size: 40px 80px;
	}
	
	.chc_navLeft {
		float: left;
	}
	
	.chc_navRight {
		float: right;
	}
	
	.chc_ctaScreen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 612px;
		padding: 32px 24px;
	}
	
	.chc_ctaContent {
		width: 552px;
		margin: 0 auto;
	}
	
	.chc_ctaScreen h1 {
		font-size: 36px;
	}
	
	.chc_ctaScreen ul li {
		width: auto;
		height: auto;
/*		min-height: 84px;*/
		float: none;
		margin-left: 0;
		margin-bottom: 20px;
	}
	
	.chc_ctaScreen ul li:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.chc_ctaLinkImage {
		width: 96px;
		float: left;
		margin-bottom: 0;
	}
	
	.chc_ctaLinkText {
		width: 444px;

		margin-left: 12px;
		float: left;
	}
	
	.chc_ctaScreen .chc_ctaLinkImage img {
		width: 96px;
		height: 54px;
	}

	.chc_ctaScreen h2 {
		font-size: 18px;
	}
	
	.chc_ctaScreen p {
		font-size: 14px;
		margin-top: 2px;
	}
	
	.chc_thumbnailArray {
		margin-top: 24px;
	}
	
	.chc_videoLightbox {
		height: 660px;
	}
	
	.chc_videoPlayer {
		margin-top: 161px;
	}

}


@media screen and (max-device-width: 600px), screen and (max-width: 600px) {

	.chc_container {
		height: 540px;
/*		height: 466px;*/
		font-size: 16px;
	}

	.chc_animArea, #chc_animation_container, #chc_canvas, #chc_dom_overlay_container {
		width: 320px !important;
		height: 288px !important;
	}
	
	.chc_textBlock {
		top: 288px;
	}
	
	.chc_navBar {
		top: 492px;
/*		top: 418px; */
		font-family: "CiscoSansTTRegular";
		font-size: 14px;
	}

	a.chc_navBarButton {
		padding-top: 17px;
	}
	
	.chc_sceneDotArray ul {
		width: 320px;
		margin: 0 auto;
	}
	
	.chc_ctaScreen ul li {
		margin-bottom: 16px;
	}
	
	a.chc_sceneDotButton {
		width: 40px;
	}
	
	.chc_sceneDot {
		top: 18px;
		left: 15px;
		width: 12px;
		height: 12px;
		margin: 0;
		padding: 0;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	
	.chc_ctaScreen {
		height: 492px;
		padding: 14px;
	}
	
	.chc_ctaScreen h1 {
		font-size: 24px;
	}
	
	.chc_ctaContent {
		width: 292px;
	}
	
	.chc_ctaLinkImage {
		display: none;
	}
	
	.chc_ctaScreen .chc_ctaLinkImageAlternate {
		display: block;
		float: left;
		margin: 0;
	}
	
	.chc_ctaScreen .chc_ctaLinkImageAlternate img {
		width: 48px;
		height: 48px;
	}
	
	.chc_ctaLinkText {
		width: 232px;
	}
	
	.chc_ctaScreen p {
		font-size: 12px;
	}
	
	.chc_thumbnailArray {
		margin-top: 18px;
	}
	
	.chc_videoLightbox {
		height: 540px;
	}
	
	.chc_videoPlayer {
		width: 320px;
		height: 180px;
		margin-top: 180px;
	}
	
}