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

/*  container setup */
#slider {
    position: relative;
    width: 800px;
    height: 308px;
    overflow: auto;
    background-color:white;
}

.item { display: block; width: 784px; height: 292px; background-color: #555; margin-top: 8px; }
.item h3 { font-size: 16px; margin: 10px; color: #0CF; }
.item p { font-size: 13px; padding: 6px 10px 12px; }


/* controls styling */
#sliderMenu {
    display: block;    
    margin: 8px 0;
    width: 800px;
	height: 116px;
	background-color: #fff;
}

.prev_btn,
.next_btn {
    width: 100px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color:#AF4B32;
    border: 1px solid #80301D;
    background-color:#513328;
    float: left;
}
.next_btn { float: right; }

.play_btn {
    clear: both;
    width: 100px;
    height: 25px;
    margin: 0 auto 12px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color:#AF4B32;
    border: 1px solid #80301D;
    background-color:#513328;
}

.btn_over {
    color:#fff;
    border: 1px solid #fff;
    background-color: #80301D;
}

#slide_countdown {
	background-image: url(images/banners/sub4_countdown_banner.jpg);
	width: 100%;
	height: 100%;
}

#slider1 {
	background-image: url(images/sliderStory.jpg);
	width: 100%;
	height: 100%;
}

#slider2 {
	background-image: url(images/sliderWhat.jpg);
	width: 100%;
	height: 100%;
}

#slider3 {
	background-image: url(images/sliderDesign.jpg);
	width: 100%;
	height: 100%;
}

#slider4 {
	background-image: url(images/sliderSomething.jpg);
	width: 100%;
	height: 100%;
}

.numbtn0 { background-image: url(images/losSub.jpg) }
.numbtn0:hover { background-image: url(images/losSubH.jpg) }

.numbtn1 { background-image: url(images/losWhat.jpg) }
.numbtn1:hover { background-image: url(images/losWhatH.jpg) }

.numbtn2 { background-image: url(images/losDesign.jpg) }
.numbtn2:hover { background-image: url(images/losDesignH.jpg) }

.numbtn3 { background-image: url(images/losSom.jpg) }
.numbtn3:hover { background-image: url(images/losSomH.jpg) }


.num_nav ul {
	list-style-type: none;
	width: 792px;
	margin: 0 0 0 8px;
}

#num3 {
	margin: 8px 0;	
}

.num_nav ul li { 
	float: left; 
	width: 190px; 
	margin: 8px 8px 8px 0;
}

.num_nav ul li a {
    width: 190px;
	height: 100px;
    background-color: #e6e6e6;
	display: block;
	overflow: hidden;
}


/*.num_nav ul li a:hover, .num_nav ul li a.active {
	margin: -3px;	
}*/
/*
.num_nav ul li a.active { 	
	border: 3px solid #de0000;
	width: 184px;
	height: 94px; 
}


.num_nav ul li a:hover { 	
	border: 3px solid #be0000;
	width: 184px;
	height: 94px; 
}*/
	
#leftBtn a, #rightBtn a {
	display: block;
	width: 22px;
	height: 45px;

}

#leftBtn {
	display: none;
	position: absolute;
	left: -22px;
	top: 36px;
	background-image: url(images/leftArrow.png);
}

#rightBtn {
	display: none;
	position: absolute;
	left: 800px;
	background-image: url(images/rightarrow.png);
	top: 36px;
}

#sliderContent {
	background-color: white;
	overflow: hidden;
	height: 0px;
	padding: 0 8px;
}