@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
/*
+----------------------------------------------------------------+
	Extras
+----------------------------------------------------------------+
*/
.cf:before, .cf:after {
	content:" ";
	display: table
}
.cf:after {clear:both}
.clear {clear:both}


/*
+----------------------------------------------------------------+
	Main Video
+----------------------------------------------------------------+
*/
.placeholder {
	min-height: 400px;
	margin-bottom: 60px;
	padding: 11px 0;
	position: relative
}

.placeholder iframe {
	display:block;
	height: 480px;
	margin: 0 auto 8px;
	width: 640px
}
.placeholder h2 {
	text-align: center;
        font-size:24px; 
        font-family: 'Roboto Condensed', sans-serif; 
        color: #414042; 
        font-weight: 300;
        font-style: italic;    
}

/*
+----------------------------------------------------------------+
	Carousel
+----------------------------------------------------------------+
*/
.carousel-container {
	margin: 0 auto;
	position: relative;
	width: 700px;
}

.carousel-container .controll {
	cursor: pointer;
	height: 54px;
	position: absolute;
	top: 40px;
	width: 29px;
	z-index: 5
}

.carousel-container .prev {
	background: url("img/bt-prev.png") no-repeat;
	left: -40px
}

.carousel-container .next {
	background: url("img/bt-next.png") no-repeat;
	right: -40px
}

.carousel-inner {
	float: left; /* important for inline positioning */
	width: 732px; /* important (this width = width of list item(including margin) * items shown */
	overflow: hidden;  /* important (hide the items outside the div) */
}

.slider {
	position: inherit;
	left: -244px; /* important (this should be negative number of list items width(including margin) */
	width: 9999px; /* important */
        list-style: none;
}

.slider li {
    float: left;
    height: 300px;
    margin-right: 30px;
    width: 200px
}

.slider li a {
    display: block;
    height: 156px
}

.slider li img {
    display: block;
    width: 200px
}

.slider li .shadow {
    background: url("img/shadow-carousel.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    width: 243px
}

.slider li h2 {
    font-family: 'Roboto Condensed', sans-serif; 
    font-size: 16px;
    color: #414042; 
    font-weight: 300;
    height: 40px
}

.slider li.current .spacer {
    background-color: #329FAD;
}

.slider li .spacer {
    background-color: #000000;
    display: block;
    height: 3px;
    margin-bottom: 3px
}

.slider li:hover .spacer {
	background-color: #329FAD;
}

.slider li p {
    line-height: 17px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif; 
    font-size: 14px;
    color: #414042; 
    font-weight: 300;
    font-style: italic;
    width: 190px
        
}