#main {
	border-top: 1px solid #808ea8;
	width: 960px;
	height: 306px;
    background-color: none;
    margin: 0 auto;
}

#main ul.tabs {margin-top: 0;float: left;}

#main ul.tabs li {display: block;}

#main ul.tabs li a {
	text-align: center;
    background: none;
    display: block;
 	width: 150px; 
 	height: 72px;
 	padding: 15px 0;
 	border-bottom: 1px solid #808ea8; 
 	border-left: 1px solid #808ea8;
}


#main ul.tabs li a:hover {background: #999; color: #f1f1f1;}

#main ul.tabs li a.carousel-selected {background: #666; color: #f1f1f1;}

div.tabs {
	float: left;
    background: none;
    overflow: hidden;
    border-bottom: 1px solid #808ea8;
    border-right: 1px solid #808ea8;
}

div.middle-tabs {
    width: 808px;
    height: 308px;
    overflow: hidden;
}

div.inner-tabs {
    width: 2000px; /* 630*n + 20 */
    height: 300px;
}

div.tab {
	display: block;
    float: left;
    width: 808px;
    height: 308px;
    }

div.tab p {
    padding-bottom: 7px;
    line-height: 16px;
}

.carousel {
    overflow: hidden;
}

.carousel .inner {
    overflow: hidden;
}

.carousel .middle {
    overflow: hidden;
}

/* Example 1 ---------------------------------- */

#example-1 {
    width: 808px;
    height: 274px;
}

#example-1 .middle {
    height: 273px;
}

#example-1 .slide {
	position: relative;
    width: 406px;
    height: 274px;
    float: left;
}

#example-1 .slide img {width: 400px; height: 274px;}

#example-1 .slide a {padding: 0; background: none;}

#tab-1 .controls {
    background: #333;
    padding: 7px 9px;

}

#tab-1 .controls a {
	background: none;
    font-weight: bold;
    color: #fff;
}

#tab-1 .controls a:hover {color: #f15a24;}

/*.table-example-1 {
    margin-top: 10px;
    background-color: #AAC8FF;
    width: 100%;
}

.table-example-1 tr th,
.table-example-1 tr td {
    padding: 5px;
}

.table-example-1 tr td {
    background-color: #FFF;
}*/


/* Example 2 ---------------------------------- */

#example-2 {
    background-color: #E8F0FF;
    border: 1px solid #AAC8FF;
    width: 598px;
    height: 128px;
    margin-top: 15px;
}

#example-2 .middle {
    float: left;
    width: 512px;
    height: 150px;
}

#example-2 .inner img {
    float: left;
}

#example-2 a {
    float: left;
    width: 41px;
    height: 128px;
    background-color: #AAC8FF;
    text-align: center;
    text-decoration: none;    
    font-size: 36px;
    line-height: 120px;
}

#example-2 a.next {
    float: right;
}

#example-2 a:hover {
    color: #000;
}

#tab-2 ul li {
    display: block;
    padding-bottom: 5px;
}


/* Example 3 ---------------------------------- */

#example-3 {
    width: 809px;
    height: 274px;
}

#example-3 .middle {
    height: 274px;
}

#example-3 .slide {
    width: 809px;
    height: 274px;
    float: left;
    overflow: hidden;
}

#example-3 .slide img {width: 809px;}

#example-3 .slide h2 {position: relative; z-index: 1;text-align: center;background: #f15a24;padding: 5px 0;}

#example-3 .slide h2 a {color: #fff;text-decoration: none;background:none;}

#example-3 .slide h2 a:hover, #example-3 .slide h2 a:visited {color: #1a1a1a;background: none;}

#tab-3 .controls {
    background: #333;
    padding: 7px 9px;
}

#tab-3 .controls a {
	background: none;
    font-weight: bold;
    color: #fff;
}

#tab-3 .controls a:hover {color: #f15a24;}

.table-example-3 {
    margin-top: 10px;
    background-color: #AAC8FF;
    width: 100%;
}

.table-example-3 tr th,
.table-example-3 tr td {
    padding: 5px;
}

.table-example-3 tr td {
    background-color: #FFF;
}