*{
	margin: 0;
	padding: 0;
	border: 0;
}
body{
	background: url("diagonal-noise.png") repeat;
}

img{
	margin: 0;
	padding: 0;
	border: 0;
}

a:link{
	text-decoration: none;
}

a:visited{
	text-decoration: none;
	color: #444444;
}

.gohowdy:hover, .gowork:hover, .goabout:hover, .gocontact:hover, .closeproject:hover {
	color: #FF5000;
}

a:active {
    background: none;
}

p:first-line {
	text-align:justify;
	text-justify: distribute-all-lines;
}

div.crop_viewport{
    position: fixed;
    padding: 0;
    margin: 0;
	top: 0;
    width: 100%;
    height: 100%;
    background: none;
	overflow: hidden;
}

div.square_wizard {
	position: relative;
	width: 100vmin;
	height: 100vmin;
    top: 0;
    margin: 0 auto 0 auto;
	background: none;
}

div.square_wizard_project {
	position: relative;
	width: 100vmin;
	height: 100%;
    top: 0;
    margin: 0 auto 0 auto;
	background: #cccccc;
	overflow: visible;
}

div.square_wizard_project_white {
	position: relative;
	width: 92vmin;
	height: 100%;
    top: 0;
    margin: 0 auto 0 auto;
	padding-bottom: 50px;
	outline: 1px solid #B0B0B0;
	background: #FFFFFF;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	z-index: 505;
	overflow: visible;
}

div.project_credits_driveland {
	display: none;
	position: fixed;
	width: 50vmin;
    top: 50%;
    margin-left: 25vmin;
	transform: translateY(-50%);
	outline: 1px solid #B0B0B0;
	background: #FFFFFF;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	z-index: 990;
}

div.project_credits_close {
	position: fixed;
	width: 50vmin;
    top: 50%;
    margin-left: 25vmin;
	transform: translateY(-50%);
	outline: 1px solid #B0B0B0;
	background: #FFFFFF;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	z-index: 995;
}

div.project_credits_tint{
	display: none;
    position: fixed;
    padding: 0;
    margin: 0;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
	z-index: 989;
}

div.topstripe{
	position:fixed;
	top: 0px;
	width: 100%;
	height: .4vmin;
	background: #FF5000;
	z-index: 1000;
}

div.header{
	position: fixed;
	top: 0vmin;
	left: 0vmin;
	height: 7vmin;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
	z-index: 498;
}

div.projectheader{
	position: fixed;
	top: 0vmin;
	left: 0vmin;
	height: 7vmin;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
	z-index: 999;
}

div.logoplacer{
	position: absolute;
	height: 7vmin;
	width: 28vmin;
	margin-top: 0vmin;
	left: 0vmin;
	text-align: center;
	z-index:499;
}


div.logoplacerproject{
	position: absolute;
	height: 7vmin;
	width: 28vmin;
	margin-top: 0vmin;
	left: 0vmin;
	text-align: center;
	text-align: center;
}

div.navlinks{
	position: absolute;
	right: 4vmin;
	width: 10vmin;
	height: 7vmin;
	padding: 0;
}

div.howdycontainer{
	position: absolute;
	height: 7vmin;
	margin-top: 0vmin;
	right: 23.75vmin;
	text-align: center;
}

div.workcontainer{
	position: absolute;
	height: 7vmin;
	margin-top: 0vmin;
	right: 13.75vmin;
	text-align: center;
}


div.contactcontainer{
	position: absolute;
	height: 7vmin;
	margin-top: 0vmin;
	right: 0vmin;
}

div.closeprojectcontainer{
	position: absolute;
	margin-top: 0vmin;
	height: 7vmin;
	right: 4vmin;
}

.gohowdy {
	font-family: 'Titillium Web', sans-serif;
	font-size: 2vmin;
	font-weight: 600;
	letter-spacing: .04vmin;
    color: #FFFFFF;
	text-decoration: none;
}

.gowork {
	font-family: 'Titillium Web', sans-serif;
	font-size: 2vmin;
	font-weight: 600;
	letter-spacing: .04vmin;
    color: #FFFFFF;
	text-decoration: none;
}

.gocontact {
	font-family: 'Titillium Web', sans-serif;
	font-size: 2vmin;
	font-weight: 600;
	letter-spacing: .04vmin;
    color: #FFFFFF;
	text-decoration: none;
}

.closeproject {
	font-family: 'Titillium Web', sans-serif;
	font-size: 2vmin;
	font-weight: 600;
	letter-spacing: .04vmin;
    color: #FFFFFF;
	text-decoration: none;
}

/*
----------------
-----STATIC-----
----------------
*/

div.static_howdy{

	position: absolute;
	height: 100%;
	width: 100%;
	margin-top: 0px;
	background: url("static3.gif") repeat;
	background-size: 250px;
	opacity: .08; /*.04*/
	z-index: 1;
}

div.static_work{

	position: absolute;
	height: 100%;
	width: 100%;
	margin-top: 0px;
	background: url("static3.gif") repeat;
	background-size: 250px;
	opacity: .07; /*.04*/
	z-index: 1;
}

div.static_contact{

	position: absolute;
	height: 100%;
	width: 100%;
	margin-top: 0px;
	background: url("static3.gif") repeat;
	background-size: 250px;
	opacity: .07; /*.04*/
	z-index: 1;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

	div.static_howdy{
		background-size: 150px;
		opacity: .05;
	}		
	
	div.static_work{
		display: none;
	}
	
	div.static_contact{
		display: none;
	}	
}




/*
---------------
-----HOWDY-----
---------------
*/

.howdy {
	position: absolute;
	width: 224vmin;
	height: 112vmin;
	top: -5.5vmin;
	margin-left: -62vmin;
	background: url("all_rooms_jpg_mini_v05ja.jpg") no-repeat;
	background-position: center top;
	background-size: 100%;
	z-index: 0;
}

div.howdytypecontainer{
	position: absolute;
	margin-top: 37.45vmin;
	margin-left: 92.5vmin;
	width: 70vmin;
	height: 23vmin;
	z-index: 10;
}

div.howdytypeheadline{
	position: absolute;
	margin-top: 0;
	margin-left: 0;
	width: 100%;
	height: 10vmin;
	padding: 0;
	background: rgba(128,128,128,0);
	font-family: 'Titillium Web', sans-serif;
	font-size: 6.35vmin;
	font-weight: 700;
	letter-spacing: .25vmin;
    color: #DDDDDD;
	text-decoration: none;
}

div.howdytypebody1{
	position: absolute;
	margin-top: 8.75vmin;
	margin-left: .5vmin;
	width: 100%;
	height: 11vmin;
	padding: 0;
	background: rgba(200,128,128,0);
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.55vmin;
	font-weight: 500;
	letter-spacing: .07vmin;
    color: #BBBBBB;
	text-decoration: none;
	text-align: justify;
}

div.howdytypebody2{
	position: absolute;
	margin-top: 11.0vmin;
	margin-left: .5vmin;
	width: 100%;
	height: 11vmin;
	padding: 0;
	background: rgba(200,128,128,0);
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.55vmin;
	font-weight: 500;
	letter-spacing: .07vmin;
    color: #BBBBBB;
	text-decoration: none;
	text-align: justify;
}

div.howdytypebody3{
	position: absolute;
	margin-top: 13vmin;
	margin-left: .5vmin;
	width: 100%;
	height: 11vmin;
	padding: 0;
	background: rgba(200,128,128,0);
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.55vmin;
	font-weight: 500;
	letter-spacing: .06vmin;
    color: #BBBBBB;
	text-decoration: none;
	text-align: justify;
}

div.howdytypetagline{
	position: absolute;
	margin-top: 15.8vmin;
	margin-left: .35vmin;
	width: 100%;
	height: 4vmin;
	padding: 0;
	background: rgba(200,128,128,0);
	font-family: 'Titillium Web', sans-serif;
	font-size: 2.2vmin;
	font-weight: 600;
	letter-spacing: .08vmin;
    color: #FF5000;
	text-decoration: none;
	text-align: justify;
}

/*
--------------
-----WORK-----
--------------
*/

.work {
	display: none;
	position: absolute;
	width: 224vmin;
	height: 112vmin;
	top: -5.5vmin;
	margin-left: -62vmin;
	background: url("all_rooms_jpg_mini_v05ja.jpg") no-repeat;
	background-position: center center;
	background-size: 100%;
	z-index: 0;
}

.contact {
	display: none;
	position: absolute;
	width: 224vmin;
	height: 112vmin;
	top: -5.5vmin;
	margin-left: -62vmin;
	background: url("all_rooms_jpg_mini_v05ja.jpg") no-repeat;
	background-position: center bottom;
	background-size: 100%;
	z-index: 0;
}

div.availability{
	position: absolute;
	margin-top: 19.6vmin;
	margin-left: 74vmin;
	width: 76vmin;
	height: 5vmin;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 3vmin;
	font-weight: 700;
	letter-spacing: .3vmin;
	text-align: center;
    color: #333333;
	text-decoration: none;
	z-index: 3;
}

div.email_address{
	position: absolute;
	margin-top: 25vmin;
	margin-left: 74vmin;
	width: 76vmin;
	height: 5;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 3vmin;
	font-weight: 700;
	letter-spacing: .3vmin;
	text-align: center;
    color: #333333;
	text-decoration: none;
	z-index: 3;
}

div.phone_number{
	position: absolute;
	margin-top: 30.4vmin;
	margin-left: 74vmin;
	width: 76vmin;
	height: 5vmin;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 3vmin;
	font-weight: 700;
	letter-spacing: .3vmin;
	text-align: center;
    color: #333333;
	text-decoration: none;
	z-index: 3;
}

div.rogue_mailbox{
	position: absolute;
	width: 224vmin;
	height: 112vmin;
	bottom: 0vmin;
	left: 0vmin;
	background: url("mailbox_diffusion.gif") no-repeat;
	background-size: 90.8%;
	background-position: bottom left;
	z-index: 2;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

	div.rogue_mailbox{
		position: absolute;
		width: 224vmin;
		height: 112vmin;
		bottom: 0vmin;
		left: 0vmin;
		background: url("mailbox_diffusion_faster.gif") no-repeat;
		background-size: 90.8%;
		background-position: bottom left;
		z-index: 2;
	}		

}

.project_frame_driveland{
	display: none;
    padding: 0;
    margin: 0;
	top: 0;
    width: 100%;
    height: 100%;
	z-index: 500;
	overflow-x: hidden;
	overflow-y: scroll;
}

.project_frame_ctc{
	display: none;
    padding: 0;
    margin: 0;
	top: 0;
    width: 100%;
    height: 100%;
	z-index: 500;
	overflow-x: hidden;
	overflow-y: scroll;
}

.project_frame_ambassador{
	display: none;
    padding: 0;
    margin: 0;
	top: 0;
    width: 100%;
    height: 100%;
	z-index: 500;
	overflow-x: hidden;
	overflow-y: scroll;
}

.project_frame_oedipus{
	display: none;
    padding: 0;
    margin: 0;
	top: 0;
    width: 100%;
    height: 100%;
	z-index: 500;
	overflow-x: hidden;
	overflow-y: scroll;
}

.project_frame_portrait{
	display: none;
    padding: 0;
    margin: 0;
	top: 0;
    width: 100%;
    height: 100%;
	z-index: 500;
	overflow-x: hidden;
	overflow-y: scroll;
}

.project_frame_product{
	display: none;
    padding: 0;
    margin: 0;
	top: 0;
    width: 100%;
    height: 100%;
	z-index: 500;
	overflow-x: hidden;
	overflow-y: scroll;
}

.project_frame_more{
	display: none;
    padding: 0;
    margin: 0;
	top: 0;
    width: 100%;
    height: 100%;
	z-index: 500;
	overflow-x: hidden;
	overflow-y: scroll;
}

div.backstop {
	position: absolute;
	width: 224vmin;
	height: 112vmin;
	top: -5.5vmin;
	margin-left: -62vmin;
	background: #808080;
	z-index: -100;
}

div.ground_refl_container{
	position: relative;
	top: 51vmin;
	margin-right: auto;
	margin-left: auto;
	width: 94vmin;
	height: 25vmin;
	background: none;
	z-index: 3;
}

div.ground_refl_screen_01{
	position: absolute;
	top: 12vmin;
	left: .5vmin;
	width: 28vmin;
	height: 10vmin;
	background: none;

	-webkit-filter: blur(22px);
	-moz-filter: blur(22px);
	-o-filter: blur(22px);
	-ms-filter: blur(22px);
	filter: blur(22px);
	
	opacity: .2;
}

div.ground_refl_screen_01 img{
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";	
}

div.ground_refl_screen_02{
	position: absolute;
	top: 12vmin;
	left: 33vmin;
	width: 28vmin;
	height: 10vmin;
	background: none;
	
	-webkit-filter: blur(25px);
	-moz-filter: blur(25px);
	-o-filter: blur(25px);
	-ms-filter: blur(25px);
	filter: blur(25px);
	opacity: .15;
}

div.ground_refl_screen_02 img{
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";	
}
		
div.ground_refl_screen_03{
	position: absolute;
	top: 12vmin;
	right: 1vmin;
	width: 29vmin;
	height: 15vmin;
	background: none;

	-webkit-filter: blur(25px);
	-moz-filter: blur(25px);
	-o-filter: blur(25px);
	-ms-filter: blur(25px);
	filter: blur(25px);
	opacity: .2;
}	

div.ground_refl_screen_03 img{
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";	
}
	
div.ground_refl_screen_04{
	position: absolute;
	top: .5vmin;
	left: 0vmin;
	width: 28vmin;
	height: 12vmin;
	background: none;

	-webkit-filter: blur(20px);
	-moz-filter: blur(20px);
	-o-filter: blur(20px);
	-ms-filter: blur(20px);
	filter: blur(20px);
	
	opacity: .3;
}

div.ground_refl_screen_04 img{
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";	
}

div.ground_refl_screen_05{
	position: absolute;
	top: 0;
	left: 33vmin;
	width: 28vmin;
	height: 12vmin;
	background: none;

	
	-webkit-filter: blur(20px);
	-moz-filter: blur(20px);
	-o-filter: blur(20px);
	-ms-filter: blur(20px);
	filter: blur(20px);
	opacity: .2;
}

div.ground_refl_screen_05 img{
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";	
}

div.ground_refl_screen_06{
	position: absolute;
	top: .65vmin;
	right: .25vmin;
	width: 28vmin;
	height: 12vmin;
	background: none;
	
	-webkit-filter: blur(20px);
	-moz-filter: blur(20px);
	-o-filter: blur(20px);
	-ms-filter: blur(20px);
	filter: blur(20px);
	opacity: .2;
}

div.ground_refl_screen_06 img{
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";	
}

div.ground_refl_screen_07{
	position: absolute;
	top: 82vmin;
	left: 149.4vmin;
	width: 8.5vmin;
	height: 4vmin;
	background: none;
	z-index: 4;
	
	-webkit-filter: blur(8px);
	-moz-filter: blur(8px);
	-o-filter: blur(8px);
	-ms-filter: blur(8px);
	filter: blur(8px);
	opacity: .2;
}

div.ground_refl_screen_07 img{
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";	
}

div.screen_container{
	position: relative;
	top: 29.7vmin;
	margin-right: auto;
	margin-left: auto;
	width: 91vmin;
	height: 35.3vmin;
	background: none;
	z-index: 10;
}

div.screen_01{
	position: absolute;
	top: 0;
	left: 0.12vmin;
	width: 26.7vmin;
	height: 15.3vmin;
	background: none;
}

div.screen_02{
	position: absolute;
	top: .1vmin;
	left: 32.3vmin;
	width: 26.7vmin;
	height: 15.2vmin;
	background: none;
}

div.screen_03{
	position: absolute;
	top: .05vmin;
	right: 0vmin;
	width: 26.7vmin;
	height: 15.2vmin;
	background: none;
}

div.screen_04{
	position: absolute;
	bottom: 0.1vmin;
	left: .25vmin;
	width: 26.6vmin;
	height: 15vmin;
	background: none;
}

div.screen_05{
	position: absolute;
	bottom: 0vmin;
	left: 32.4vmin;
	width: 26.45vmin;
	height: 15.1vmin;
	background: none;
}

div.screen_06{
	position: absolute;
	bottom: .05vmin;
	right: .1vmin;
	width: 26.4vmin;
	height: 15.1vmin;
	background: none;
}

div.screen_07{
	position: absolute;
	top: 74.35vmin;
	left: 149.4vmin;
	width: 8.5vmin;
	height: 5.3vmin;
	background: none;
	z-index: 4;
}

div.center_project_bg {
	position: relative;
	width: 100%;
	height: 50vmin;
    top: 0;
    margin: 0 auto 0 auto;
	background: #FF0000;
	z-index: 610;
}

div.background_grid_project{
    position: fixed;
    padding: 0;
    margin: 0;
	top: 0;
    width: 100%;
    height: 100%;
    background: url("diagonal-noise.png") repeat;
	background-position: center center;
	background-attachment: fixed;
	z-index: 99;
}
	
div.project_bg_tint{
    position: fixed;
    padding: 0;
    margin: 0;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
	z-index: 5;
}

div.footer{
	position: fixed;
	top: 96vmin;
	left: 0;
	width: 100%;
	height: 4vmin;
	outline: 1px solid #DDDDDD;
	background: #FFFFFF;
	z-index: 1;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}

div.portfolio_page_footer{
	position: relative;
	bottom: 0vmin;
	width: 92vmin;
	height: 4vmin;
	margin-top: 10vmin;
	margin-right: auto;
	margin-left: auto;
	outline: 1px solid #B0B0B0;
	background: #FFFFFF;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	z-index: 505;
}

div.copyright{
	position: absolute;
	width: 30vmin;
	height: 2vmin;
	top: 1vmin;
	margin-left: 0;
	padding-left: 3.2vmin;
	display: block;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 1.25vmin;
	text-align: left;
	color: #444444;
	background: #FFFFFF;
}

div.contactinfo {
	position: absolute;
	height: 2vmin;
	top: 1vmin;
	right: 3.75vmin;
	display: block;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 1.25vmin;
	text-align: right;
	color: #444444;
	background: #FFFFFF;
}

div.initial_spacer {
	position: relative;
	height: 6.5vmin;
	width: 84vmin;
	margin-left: 4vmin;
}

div.spacer_4vmin {
	position: relative;
	height: 4vmin;
	width: 84vmin;
	margin-left: 4vmin;
}

div.project_title {
	position: relative;
	width: 92vmin;
	height: 10.5vmin;
	margin-bottom: 0vmin;
	margin-left: 0vmin;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	font-size: 4vmin;
	text-align: center;
	vertical-align: middle;
	line-height: 10.5vmin; 
	letter-spacing: .05vmin;
	color: #FFFFFF;
	background: #FF5000;
	z-index: 515;
}

div.project_overview {
	position: relative;
	width: 36vmin;
	padding-top: 1.5vmin;
	padding-right: 1.75vmin;
	padding-bottom: 1.5vmin;
	padding-left: 2.25vmin;
	margin-top: 2vmin;
	margin-left: 4vmin;
	margin-bottom: 2vmin;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 1.35vmin;
	text-align: left;
	letter-spacing: .02vmin;
	line-height: 2.1vmin;
	color: #333333;
	background: #F0F0F0;
	float: left;
	-webkit-border-radius: .5vmin;
	-moz-border-radius: .5vmin;
	border-radius: .5vmin;
	overflow: hidden;
	z-index: 515;
}

div.arrow {
	position: relative;
	width: 4vmin;
	height: 4vmin;
	
	margin-top: 5vmin;

	background: url('right_arrow.jpg');
	background-size: 100%;
	float: left;
	z-index: 515;
}

div.project_approach {
	position: relative;
	width: 36vmin;
	padding-top: 1.5vmin;
	padding-right: 1.75vmin;
	padding-bottom: 1.5vmin;
	padding-left: 2.25vmin;
	margin-top: 2vmin;
	margin-right: 4vmin;
	margin-bottom: 2vmin;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 1.35vmin;
	text-align: left;
	letter-spacing: .02vmin;
	line-height: 2.1vmin;
	color: #333333;
	background: #F0F0F0;
	float: right;
	-webkit-border-radius: .5vmin;
	-moz-border-radius: .5vmin;
	border-radius: .5vmin;
	overflow: hidden;
	z-index: 515;
}

div.fun_fact {
	position: relative;
	width: 92vmin;
	height: 4vmin;
	margin-top: 0vmin;
	margin-bottom: 4vmin;
	margin-left: 0vmin;
	background: #666666;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 1.35vmin;
	text-align: center;
	vertical-align: middle;
	letter-spacing: .02vmin;
	line-height: 4vmin; 
	color: #FFFFFF;
	clear: both;
	z-index: 515;
}

div.img_container {
	position: relative;
	width: 84vmin;
	margin: 0 auto 50px auto;
	padding: 0px;
	background: #F0F0F0;
	-webkit-border-radius: .5vmin;
	-moz-border-radius: .5vmin;
	border-radius: .5vmin;
	overflow: hidden;
	z-index: 510;
}

div.glass1 {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url('glass_1px.gif');
	background-size: 100%;
	z-index: 2;
}

div.glass2 {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url('glass_1px.gif');
	background-size: 100%;
	z-index: 511;
}

div.text_statement {
	position: relative;
	width: 84vmin;
	margin-left: 4vmin;
	margin-bottom: 4vmin;
	padding-top: 2vmin;
	padding-bottom: 2vmin;
	display: block;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-size: 2.2vmin;
	text-align: center;
	line-height: 2.8vmin;
	color: #FFFFFF;
	background: #666666;
	-webkit-border-radius: .5vmin;
	-moz-border-radius: .5vmin;
	border-radius: .5vmin;
	z-index: 515;
}

div.text_accompany {
	position: relative;
	width: 84vmin;
	margin-top: -5px;
	margin-right: auto;
	margin-left: auto;
	padding-top: .6vmin;
	padding-bottom: 1vmin;
	display: block;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 1.5vmin;
	text-align: center;
	color: #333333;
	background: #EEEEEE;
	z-index: 520;
}

div.credits{
	position: absolute;
	width: 30vmin;
	height: 2vmin;
	top: 1vmin;
	right: 0;
	padding-right: 3.85vmin;
	display: block;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 1.25vmin;
	text-align: right;
	color: #444444;
	background: #FFFFFF;
}

/* Overall video container */

div.vidcontainer {
	position: relative;
	width: 84vmin;
	margin-left: 4vmin;
	margin-bottom: 50px;
	padding: 0px;
	background: #FFFFFF;
	border-radius: .5vmin;
	-moz-border-radius: .5vmin;
    -webkit-border-radius: .5vmin;
	overflow: hidden;
	z-index: 515;
}

.videowrapperstandard {
	position: relative;
	padding-bottom: 56.5%; /* 16:9 */
	padding-top: 0;
	height: 0;
	overflow: hidden;
}


.videowrapperstandard iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 84vmin;
	height: 47.25vmin;
}

.videowrapperctc {
	position: relative;
	padding-bottom: 66%; /* math */
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.videowrapperctc iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 84vmin;
	height: 55.125vmin;
}