/*
Theme Name: Future Design Now
Theme URI: http://project-title.com/
Version: 1.0
Author: Big Skillet
Author URI: http://bigskillet.com/
*/

@import url("reset.css");

@font-face {
    font-family: 'DINBold';
    src: url('fonts/din-bold-webfont.eot');
    src: url('fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold-webfont.woff') format('woff'),
         url('fonts/din-bold-webfont.ttf') format('truetype'),
         url('fonts/din-bold-webfont.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINRegular';
    src: url('fonts/din-regular-webfont.eot');
    src: url('fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-regular-webfont.woff') format('woff'),
         url('fonts/din-regular-webfont.ttf') format('truetype'),
         url('fonts/din-regular-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINLight';
    src: url('fonts/din-light-webfont.eot');
    src: url('fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-light-webfont.woff') format('woff'),
         url('fonts/din-light-webfont.ttf') format('truetype'),
         url('fonts/din-light-webfont.svg#DINLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

#container {
	background: url("images/bg-container.png");
	/*border-top: 4px solid #000;
	border-bottom: 4px solid #000;*/
	margin-top: 40px;
}

#container.home {
	background: #fff;
	margin-top: 40px;
	padding: 235px 0 0 0;
	border: none;
	height: 365px;
	text-align: center;
}

#container.projects {
	margin-top: 40px;
}

.center {
	margin: 0 auto;
	width: 1100px;
	min-height: 499px;
}

	
/* CONTENT
***********************************************************************************************************/

#logo {
	margin: 0 auto;
	width: 1100px;
	position: absolute;
	z-index: 300;
}

#logo a {
	background: url("images/logo-future-design-now-sm.png") no-repeat;
	display: block;
	margin: 35px 0 0 90px;
	width: 57px;
	height: 71px;
}

#logo a:hover {
	background-position: 0 -71px;
}

#content {
	float: left;
	width: 895px;
	padding: 0 0 10px 0;
	position: relative;
	left: 90px;
	z-index: 0;
}

#content h1 {
	margin: 147px 0 50px -5px;
	font-family: 'DINLight';
	font-size: 45px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #fff;
}

#content p {
	margin: 0 0 25px 0;
	font-family: 'DINRegular';
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 16px;
}

#content p a {
	color: #000;
	text-decoration: none;
}

#content p a:hover {
	text-decoration: underline;
}


/* PROJECTS
***********************************************************************************************************/

.center-sliderkit {
	margin: 0 auto;
	width: 1100px;
}

.sliderkit {
	display: none;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 499px;
}

.sliderkit-panels {
	margin: 0 auto;
	width: 1100px;
	height: 390px;
	position: relative;
}

.sliderkit-panel {
	z-index: 1;
	position: absolute;
	overflow: hidden;
}

.sliderkit-panel-active { z-index:5; }
.sliderkit-panel-old { z-index:4; }

.sliderkit-nav {
	width: 100%;
	height: 110px;
	background: #000;
}

.sliderkit-nav .center {
	min-height: 110px;
}

.sliderkit-nav-clip { 
	float: left;
	width: 750px;
	margin: 12px 0 0 0;
	position: relative;
	overflow: hidden;
}

.sliderkit-nav-clip ul {
	position: relative;
	list-style: none;
}

.sliderkit-nav-clip li {
	float:left;
	width: 115px;
	margin: 3px 5px 0 0;
}

.sliderkit-nav-clip a {
	display: block;
	width: 115px;
	height: 80px;
	cursor: pointer;
}

.sliderkit-nav-clip a:hover span,
.sliderkit-nav-clip .sliderkit-selected a span {
	display: block;
	cursor: pointer;
}

.sliderkit-nav-clip a span {
	display: none;
	background: url("images/thumb-hvr.png") no-repeat;
	width: 115px;
	height: 80px;
	position: absolute;
	z-index: 200;
}

.sliderkit-nav-clip a img {
	position: relative;
	z-index: 100;
}

.sliderkit-nav-prev a,
.sliderkit-nav-next a {
	display: block;
	width: 70px;
	height: 110px;
	cursor: pointer;
	background-position: left;
}

.sliderkit-nav-prev a:hover,
.sliderkit-nav-next a:hover {
	background-position: 0 -110px;
}

.sliderkit-nav-prev a {
	float: left;
	background: url("images/btn-prev.png") no-repeat;
}

.sliderkit-nav-next a {
	float: right;
	background: url("images/btn-next.png") no-repeat;
}


/* NAVIGATION
***********************************************************************************************************/
	
#nav {
	float: left;
	margin: 30px 0 0 90px;
	font-family: 'DINBold';
	font-size: 10px;
	line-height: 15px;
}

#nav ul {
	float: left;
	margin: 0 55px 0 0;
}

#nav-1 { width: 105px; }
#nav-2 { width: 115px; }
#nav-3 { width: 145px; }

#nav a {
	text-decoration: none;
	color: #b3c0c6;
}

#nav a:hover {
	color: #000;
}

#nav a.active {
	color: #000;
}

#project-info {
	float: left;
	margin: 30px 0 0 0;
	width: 225px;
	font-family: 'DINRegular';
	font-size: 10px;
	line-height: 15px;
}

	
/* MISC
***********************************************************************************************************/

.replace {
    display: block;
    overflow: hidden;
    width: 0; height: 0;
}

.clear:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

*:first-child+html .clear {
    zoom: 1; /* IE7 */
}