@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato_light/lato_light-webfont.eot');
    src: url('../fonts/lato_light/lato_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato_light/lato_light-webfont.woff2') format('woff2'),
         url('../fonts/lato_light/lato_light-webfont.woff') format('woff'),
         url('../fonts/lato_light/lato_light-webfont.ttf') format('truetype'),
         url('../fonts/lato_light/lato_light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;

}

@font-face {
    font-family: 'latolight_italic';
    src: url('../fonts/lato_light_italic/lato_light_italic-webfont.eot');
    src: url('../fonts/lato_light_italic/lato_light_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato_light_italic/lato_light_italic-webfont.woff2') format('woff2'),
         url('../fonts/lato_light_italic/lato_light_italic-webfont.woff') format('woff'),
         url('../fonts/lato_light_italic/lato_light_italic-webfont.ttf') format('truetype'),
         url('../fonts/lato_light_italic/lato_light_italic-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;

}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato_regular/lato_regular-webfont.eot');
    src: url('../fonts/lato_regular/lato_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato_regular/lato_regular-webfont.woff2') format('woff2'),
         url('../fonts/lato_regular/lato_regular-webfont.woff') format('woff'),
         url('../fonts/lato_regular/lato_regular-webfont.ttf') format('truetype'),
         url('../fonts/lato_regular/lato_regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'playfair_display';
    src: url('../fonts/playfair_display_regular/playfair_display_regular-webfont.eot');
    src: url('../fonts/playfair_display_regular/playfair_display_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/playfair_display_regular/playfair_display_regular-webfont.woff2') format('woff2'),
         url('../fonts/playfair_display_regular/playfair_display_regular-webfont.woff') format('woff'),
         url('../fonts/playfair_display_regular/playfair_display_regular-webfont.ttf') format('truetype'),
         url('../fonts/playfair_display_regular/playfair_display_regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;

}

/* ===============================================================================  GLOBAL */

body {
	margin: 0px;
	background-color: #000000;
	font-size: 16px;
	color: #333333;
	background-image: url(../images/mba_background.jpg);
	background-position: center;
}

#container {
	float: left;
	width: 100%;
}

#header-container {
	float: left;
	width: 100%;
	background-color: #ffffff;
}

#header {
	margin:auto;
	position:relative;
	width: 972px;
	height: 80px;
	background-color: #ffffff;
}

#logo {
	float: left;
	width: 400px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#contact {
	float: right;
	width: 400px;
	text-align: right;
	padding-top: 45px;
	font-family: 'latolight';

}

#contact a {
	text-decoration: none;
	font-family: 'latolight_italic';

}

.read-more {
	font-weight: bold;
	color: #000;
}

.read-more a {
	color: #fff;
}

a {
	color: #000;
}

strong {
	font-family: 'latoregular';
}

/* ===============================================================================  NAV */

#navigation-container {
	float: left;
	width: 100%;
	height: 40px;
	padding-top: 20px;
	padding-bottom: 30px;
	background-image: url(../images/nav_shadow.png);
}

#navigation {
	margin:auto;
	position:relative;
	width: 972px;
	font-family: 'latolight';
	font-size: 22px;
	text-align: center;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation ul li {
	list-style-type: none;
	display: inline;
}

#navigation li a {
	float: left;
	width: 243px;
	display: block;
	padding-top: 12px;
	color: #ffffff;
	height: 30px;
	text-decoration: none;
}



/* ===============================================================================  CONTENT */

#landing_sticky_header {
	position: absolute;
	width: 100%;
	height: 110px;
	background-color: #000000;
}

#landing_sticky_footer {
	position: absolute;
	width: 100%;
	height: 110px;
	background-color: #000000;
	bottom: 0px;
}


#content-container {
	float: left;
	width: 100%;
}

#home_content, #content_about, #content_work, #content_video, #content_contact {
	margin:auto;
	position:relative;
	width: 972px;
	min-height: 400px;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 40px;
}

#home_content, #content_video {
	margin-top: 20px;
	
}

#site_link {
	float: left;
	width: 70px;
	padding: 10px;
	margin-left: 50px;
	margin-bottom: 40px;
	font-family: 'latolight';
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	border: solid 1px #cccccc;
	
}

#site_link:hover {
	color: #000000;
	background-color: #ffffff;
	
}

#video_x {
	float: right;
	width: 20px;
	height: 20px;
	margin-top: 15px;
	margin-right: 100px;
	text-indent: -9999px;
	background: url(../images/x.png);
}

#content_work {
	width: 800px;
}

#about_content_box_1, #about_content_box_2 {
	position: absolute;
	left: 500px;
	top: 20px;
	width: 320px;
	height: 450px;
	padding: 40px;
	background-color: #ffffff;
	font-family: 'latolight';
	font-size: 17px;
	line-height: 1.8;
	
}

#about_content_box_2 {
	visibility: hidden;
	
}

.next, .back {
	position: absolute;
	bottom: 25px;
	right: 25px;
}

#content_about h1 {
	position: absolute;
	left: 95px;
	top: 50px;
	font-family: 'playfair_display';
	font-size: 35px;
	color: #ffffff;
	
}

#content_work h1, #content_work h2 {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 25px;
	font-family: 'playfair_display';
	font-size: 26px;
	color: #ffffff;
	text-align: center;
}

#content_contact h1, #content_contact h2 {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	font-family: 'playfair_display';
	font-size: 36px;
	color: #000000;
}

#content_video h1 {
	float: left;
	width: 692px;
	margin-top: 5px;
	font-family: 'playfair_display';
	font-size: 26px;
	color: #ffffff;
	text-align: center;
}

#content_video iframe {
	background-color: #333333; 
}


.work_link {
	float: left;
	width: 216px;
	height: 216px;
	margin: 25px;
	font-family: 'latolight';
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

.work_link img {
	width: 216px;
	margin-bottom: 10px;
	
}

#contact_content_box_1, #contact_content_box_2 {
	float: left;
	width: 330px;
	height: 450px;
	margin-top: 20px;
	padding-top: 30px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 30px;
	background-color: #ffffff;
	font-family: 'latolight';
}

#contact_content_box_2 {
	margin-left: 100px;
}

.contact_device {
	margin-right: 10px;
}

#contact_content_box_1 a, #contact_content_box_2 a {
	text-decoration: none;
	font-family: 'latolight_italic';
}


/* ===============================================================================  SLIDER */

.showcase-arrow-previous {
	left: 0px;
	margin-left:50px;
	background: url(../images/slider_arrow_back.png);
}
.showcase-arrow-next {
	right: 0px;	
	margin-right:50px;
	background: url(../images/slider_arrow_next.png);
}

.showcase-arrow-previous, .showcase-arrow-next {
	position: absolute;
	z-index:15;
	width: 50px;
	height: 70px;
	top: 250px;
	cursor: pointer;
	background-repeat: no-repeat;
}