@charset "utf-8";

pre{margin:10px 0;padding:10px;background:#000;}

#container
{
	overflow:hidden;
	margin:0 auto 0;
	width:686px;
	position:relative;
	right:6px
}

div.box-primary{display:inline;float:left;width:620px;}

div.box-secondary{display:inline;float:right;padding-left:15px;width:350px;}

div.box-inner{overflow:hidden;padding-bottom:15px;border-bottom:1px solid #2f2f2f;zoom:1;} 

#container .js{overflow:hidden;zoom:1;}

#container .carousel,

#container .carousel .carousel-wrap{margin:0;border:0;zoom:1;}

#container .js .carousel-wrap{
	display:inline-block;
	vertical-align:middle;
	width:671px;
	margin:0 6px 15px;
	height:249px !important;
	*height:239px !important;
	border:none;
	/*background-color: #045786;*/
		background-image: url(images/bg-banner-corners.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	overflow: hidden;

}

.IE #container .js .carousel-wrap{display:inline;}

#container .carousel ul{margin:0;padding:0;zoom:1; overflow:hidden}

#container .js ul li{
	overflow:hidden;
	display:inline;
	float:left;
	width:662px;
	height:300px;
	text-align:center;
}

#container .carousel .carousel-control{
overflow:hidden;
display:inline-block;
vertical-align:middle;
width:21px;
height:21px;
cursor:pointer;line-height:999px;zoom:1;}

#container .carousel .carousel-next
{
	background:url('Images/next.png') 0 0 no-repeat;
	position:relative;
	z-index:100;
	float:right;
	bottom:72px;
	margin-right:8px;
	display:none;
}

#container .carousel .carousel-previous
{
	background:url('Images/prev.png') 0 0 no-repeat;
	position:relative;
	z-index:100;
	float:right;
	top:233px;
	margin-right:29px;
	display:none;
}

#container .carousel .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}

#container .carousel .disabled,#container .carousel .disabled:hover{
	-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;
}

#container .carousel div{margin:0;padding:0;border:0;*padding: 5px 0 5px 0}

#container .carousel ul{padding:0;list-style:none;}

#container .carousel ul li{
height:236px;
margin:0;
position:relative;
width:671px;}

#container .carousel ul li cite{
	position:absolute;
	bottom:3px;
	right:10px;
	line-height:19px;
	font-size:11px;
}

#container .carousel ul li cite a img{
	vertical-align:middle;
}

#container .carousel ul li cite a{
	color:#fff;
	text-decoration:none;
}

#container div.center-wrap{
	position:relative;
	clear:both;
	bottom:63px;
	margin-left:25px;
}

#container div.center-wrap div{
	border:0;
	margin:21px 2px 2px;
	position:relative;
	bottom:9px;
	font-family:Arial, Helvetica, sans-serif;
}

.carousel-pagination p a:link span , .carousel-pagination p a:visited span
{
	position:relative;
	top:14px;
	color:black
}

.carousel-pagination p a:link span , .carousel-pagination p a:visited span
{
	position:relative;
	top:14px;
	color:black
}


#container div.center-wrap a{
	margin:0 2px;
	padding:2px 5px;
	cursor:pointer;
	color:#999999;
	background:none;
}

#container div.center-wrap a.active{
	font-weight:bold;
	color:#5db0e6;
	background-image:url('Images/bg-pagination.png');
	background-repeat:no-repeat;
	background-position:center top;	
	*background-position:1px 1px;
}


#examples{
	margin-top:15px;
}

#examples ul{
	overflow:hidden;
	padding:0;
	zoom:1;
}

#examples ul li{display:inline;float:left;margin:0 2px 0 0;list-style:none;}

#examples ul li a{display:block;padding:10px 15px;text-decoration:none;background:#333;}

#examples ul li a.active{color:#fff;}

#examples p{margin:0 0 15px;}

#examples .tabs-frames{border:2px solid #333;padding:10px;}

#examples .js ul{overflow:hidden;zoom:1;}

#examples .js ul li{overflow:hidden;width:250px;height:167px;}

#examples .js .carousel-wrap{width:250px;margin-bottom:0;zoom:1;}

#examples .example-4 .carousel-wrap{width:750px;margin-bottom:0;zoom:1;}

#examples h3{color:#5DB0E6;}


.carousel-pagination
{
	border:0 none;
	font-size:10px;
	margin:0;
	position:relative;
	float:right;
	*left:0;
	top:12px;
	*top:22px;
	margin-right:10px !important;	
	float: left;
	/*display: none;*/
}

.carousel-pagination span
{
	background-image: url(images/inactive-pagination.png) !important;
	background-position:0 4px;
	background-repeat:no-repeat;
	padding:6px;


}
.carousel-pagination .active span
{
	background-image: url(images/inactive-bullet.png) !important;
	background-position:0 4px;
	background-repeat:no-repeat;
	padding:6px;
	padding-top: 26px;


}

.carousel-wrap ul li img
{
	position:relative;
	top:0;
}


.carousel-pagination p  span{
	color:white;
}

.carousel-pagination p  {
	position: relative;
	*top:1px;
}