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



/* PROMO STYLES */

.promo-container{
	padding: 40px 0;
	text-align:center;
}

.promo-container a{
	text-decoration: none;
}

.promo{
	height:265px;
	border: 1px solid #ffffff;
	overflow:hidden;
	-moz-box-shadow: 2px 2px 4px rgba(1,2,2,0.2);
	-webkit-box-shadow: 2px 2px 4px rgba(1,2,2,0.2);
	box-shadow: 2px 2px 4px rgba(1,2,2,0.2);
	position:relative;
}

.promo .title-container {
	position:absolute;
	bottom:0;
	left:0;
	height:40px;
	width:351px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(28, 80, 128);
	/* RGBa with 0.6 opacity */
	background: rgba(28, 80, 128, 0.89);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1c5080, endColorstr=#1c5080);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1c5080, endColorstr=#1c5080)";
	text-align:left;
	margin:0;
	padding:5px 10px;
}

.promo .title-container h1{
	color:#ffffff;
	font-size:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-style:italic;
	font-weight:bold;
	margin:0;
	padding:0;
}
.promo .title-container h2{
	color:#ffffff;
	font-size:18px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
	
}

a.promo:hover .title-container{
	background: #003466;
}

.promo:first-child{
	margin-left:0;
}
.promo:last-child{
	margin-right:0;
}

/*	Banner Carousel styling
  **************************/
  
	.slides{
		position: relative;
		top: 0;
		z-index: 1;
		border-bottom: 1px solid #333333;
	}
	.slides_container {
		position: relative;
		width:100%;
		height:450px;
	}
	.slides_container div {
		height: 100%;
		display:block;
	}
	.slides_container div img{
		width: 100%;
	}
	.slides_control{
		position: relative;
		z-index: 1;
	}
	.slides_pagination{
		position: relative;
		line-height: 40px;
	}
	.slides_pagination p {
		margin: 10 0px;
		line-height: 20px;
		font-family:Verdana, Geneva, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		color: #333333;
	}
	/*CAROUSEL STYLES*/


	
	#carousel-nav p{
		padding-left:18px;
	}
	
	#carousel-nav a.selected, #carousel-nav p#carousel-title{
		font-weight:bold;
	}
	p.caption{
		display: none;
	}
	
	
	.pagination{
		margin: 0px 15px 0px 0px;
		padding: 0px;
		float: left;
	}
	.pagination:before,
	.pagination:after {
		content: "";
		display: table;
	} 
	.pagination:after {
		clear: both;
	}
	ul.pagination li{
		float: left;
		margin: 0 5px;
		line-height: 20px;
		list-style:none;
	}
	ul.pagination li a{
		color: #888;
		font-size: 11px;
		text-decoration: none;
		outline:0;
	}
	ul.pagination li.current a{
		color: #000;
		font-weight: bold;
	}