body {
	background-color: white;
	padding:0;
	margin:0;
	height:100%;
}

html {
	height:100%;
}

#mk-site-container-outer {
	width: 100%;
	height: 100%;
	text-align:center;
	min-height: 100%;
	margin: 0 auto -80px;
}

#mk-site-container-inner {
	max-width: 1000px;
	width:100%;
	height:100%;
	min-height: 100%;
	margin: 0 auto;
}

#mk-top-bar {
	width: 100%;
	height: 70px;
	position:relative;
	background-color:white;
}

	/* TITLE CONTAINER */
	#mk-title-container {
		position:absolute;
		top:5px;
		left:10px;
		display:inline-block;
		width:250px;
		height:60px;
	}
	
	#mk-title {
		width:100%;
	}

	#mk-subtitle {
		width:100%;
		position: absolute;
    	bottom: 8px;
    	left: -4px;
	}

	/* AWARD CONTAINER */
	.mk-award {
		height:35px;
		padding:0 2px;
		display:inline-block;
	}

	/* NAVIGATION CONTAINER */
	#mk-nav-container {
		position:absolute;
		top:10px;
		right:10px;
		height:55px;
		display:inline-block;
		margin:0;
		padding:0;
	}

	.mk-nav-item {
		display:inline-block;
		height: 45px;
    	line-height: 45px;
    	padding: 5px;
	}

	.mk-nav-item:hover {
		color:red;
	}

	.active {
		color:red;
		cursor: auto;
	}

	/*CONTENT CONTAINER*/
	#mk-content-container {
		width:100%;
		position:relative;
		bottom:0;
		max-width: 1000px;
	}

	.mk-content {
		width:100%;
		/*height:100%;*/
		position:relative;
		top:0;
		left:0;
	}

	.active-section {
		display:block;
	}

	.inactive-section {
		display:none;
	}

	/* BIO SPECIFIC */
	#mk-bio-text {
		text-align: left;
	}

	.mk-bio-column {
		width:48%;
		float:left;
		padding:0 1%;
	}

	/* CREDIT SPECIFIC */
	.mk-poster {
		width: 22%;
		float:left;
		padding-right: 4%;
		text-align:left;
		padding-bottom:10px;
	}

	.mk-last-poster {
		padding-right:0;
	}

	.mk-poster-label {
		text-align: left;
		padding-left:5px;
	}

	.mk-first-poster-label {
		padding-left:0px;
	}

	.mk-job-title, .mk-episodes {
		font-size:10px;
	}

	/* PRESS SPECIFIC */
	.mk-press-column-one, .mk-press-column-two {
		width:48%;
		float:left;
		margin: 0;
	}

	.mk-press-column-one img, .mk-press-column-two img {
		border: thin black solid;
	}

	.mk-press-column-two {
		float:right;
	} 



	/* CONTACT SPECIFIC */
	#mk-contact-image {
		float:left;
		width:40%;
	}

	.contact-list {
		text-decoration: none;
		display:inline-block;
		text-align:left;
	}

	.mk-header-large {
		font-size:20px;
	}

	#mk-contact-text {
		font-size:14px;
		width:80%;
		text-align:left;
		margin:20px auto 0 auto;
	}

	/* FOOTER */
	#mk-bottom-bar {
		width:100%;
		height:70px;
		background-color:white;
		display: inline-block;
		text-align: center
	}

	.mk-social-item {
		width:35px;
		height:35px;
		padding: 5px;
		display:inline-block;
	}

	.mk-header-large {
		font-size:20px;
	}

	.mk-subheader {
		font-size:16px;
	}

	.mk-text {
		font-size:13px;
	}

	.mk-push {
		height:70px;
	}


@media screen and (max-width: 750px) {
	#mk-site-container-outer {
		min-height:600px;
	}

	#mk-site-container-inner {
		min-height:600px;
		position:relative;
	}

	#mk-top-bar {
		height: 130px;
		text-align:center;
	}

	#mk-subtitle {
		text-align:left;
		left: 43px;
	}

	#mk-title-container {
		height:60px;
		left: 0px;
		top: 55px;
		position:relative;
		display:inline-block;
	}

	#mk-nav-container {
		top:5px;
		right:0px;
		width:100%;
	}

	#mk-bottom-bar {
		width:100%;
		height:70px;
		background-color:white;
		max-width: 1030px;
	}

	/* CONTACT SPECIFIC */
	.mk-header-large {
		font-size:16px;
	}

	.mk-subheader {
		font-size:14px;
	}

	.mk-text {
		font-size:12px;
	}

	/* CREDIT SPECIFIC */
	.mk-poster {
		width: 32%;
		float:left;
		padding-right: 2%;
		text-align:left;
	}

	.mk-last-poster {
		padding-right:2%;
	}

	.mk-third-poster {
		padding-right:0;
	}

	.mk-poster-label {
		text-align: left;
		padding-left:5px;
	}

	.mk-first-poster-label {
		padding-left:0px;
	}

	.mk-job-title, .mk-episodes {
		font-size:10px;
	}

	/*.mk-bio-column {
		float:none;
		width:96%;
	}*/
	/* PRESS SPECIFIC */

	.mk-press-column-one, .mk-press-column-two {
		width:90%;
		margin: 0 auto;
		float:none;
	}

}

/* classes */
.mk-contact-intro {
	margin:0;
}

.link {
	cursor: pointer;
}

.bold {
	font-weight:bold;
}

/* FONTS */
.font-size-large {
	font-size: 40px;
}

.font-size-med {
	font-size:20px;
}

.font-size-small {
	font-size:12px;
}

.font-size-tiny {
	font-size:10px;
}

.roboto {
	font-family: 'Roboto', sans-serif;
}

.roboto-condensed {
	font-family: 'Roboto Condensed', sans-serif;
}