/* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 DYNAMIC HEADER (SLIDESHOW)
	 NUMBERS THUMBNAIL
	 
	 ....................................... */

/* =DYNAMIC HEADER (SLIDESHOW)
	 ....................................... */
.slideshowContainer {
	padding:21px 0 23px;
	//background:transparent url(../fw/DHShadow.png) 50% 1px no-repeat;
}
ul.images, ul.images li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.dynamicHeader {
	}
.dynamicHeader .dynamicHeaderContainer {
	//float: left;
	width: 960px;
	position: relative;
	//left:50%;
	//margin: 0 auto 0 -480px;
	margin: 0 auto;
	border-radius: 10px;
	-webkit-box-shadow:  0px 0px 30px 0px #05183D;
    box-shadow:  0px 0px 30px 0px #05183D;
}
.dashboard .dynamicHeader .dynamicHeaderContainer {
	margin: 0 auto;
	left: 0;
}
.dynamicHeader ul, .dynamicHeader ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 390px;
	border-radius: 10px;
}
.dynamicHeader li img {
	border-radius: 10px;
}
.dynamicHeader .slideShowNavigation {
	font-size: 14px;
	padding: 8px 73px 0 0;
	height: 22px;
	position: absolute;
	top: 375px;
	left: 290px;
	width: 80px;
}
.dynamicHeader .leftArrow {
	display: block;
	float: left;
}
.dynamicHeader .rightArrow, .dynamicHeader .pause, .dynamicHeader .play {
	display: block;
	float: left;
}
.dynamicHeader .pause, .dynamicHeader .play {
	margin: 0 0 0 10px;
}
.dynamicHeader .leftArrow, .dynamicHeader .rightArrow {
	width: 10px;
}
.dynamicHeader .rightArrow {
	padding-left: 5px;
}
.dynamicHeader .caption {
	width: 100%;
	display:block;
	color: #ffffff;
	font-family: "nimbus-sans-condensed", Arial, sans-serif;
}
.dynamicHeader .caption span.title {	
	font-size:59px;
	padding-right:10px;
	line-height:1.2;
	width:auto;
	display:inline-block;
	
}
.dynamicHeader .caption span.Decription {
	font-size:24px;
}
.dynamicHeader .slideShowThumbs ul {
	padding: 0;
	margin: 10px 0 0 0;
	position: absolute;
	top: 377px;
	left: 545px;
}
.dynamicHeader .slideShowThumbs ul li {
	float: left;
	list-style: none;
	display: block;
	padding: 0px;
	margin: 0px;
}
.dynamicHeader .slideShowThumbs ul li a {
	display: block;
	margin: 0 2px 0 0;
}
.dynamicHeader .slideShowThumbs ul li a img {
	border: 1px solid #ffffff;
}
.dynamicHeader .slideShowThumbs ul li a.displayed img {
	border: 1px solid orange;
}

/* =NUMBERS THUMBNAIL
	 ....................................... */

.csButtonPanel {
	height: 20px;
	padding: 5px;
	position: absolute;
	top: 477px;
	left: 50%;
	z-index: 10;
	margin-left:345px;
	
}
.dynamicHeader .csButtonPanel ul {
	margin: 0;
}
.csBtnContain {
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 3px;
	position: relative;
	width: 20px;
}
.csBtnBase {
	background: url(../fw/numbers-bg.png) no-repeat scroll 0 -22px transparent;
}
.csBtnBase {
	height: 20px;
	left: 0;
	position: absolute;
	top: 0;
	width: 20px;
	z-index: 110;
}
.csBtnContain {
	cursor: pointer;
}
.csBtnAni {
	background: url(../fw/numbers-bg.png) no-repeat scroll right bottom transparent;
}
.csBtnAni {
	height: 20px;
	overflow: hidden;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	z-index: 120;
}
.csBtnClkHov {
	background: url(../fw/numbers-bg.png) no-repeat scroll 0 -66px transparent;
}
.csBtnClkHov {
	height: 20px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 20px;
	z-index: 130;
}
.csBtnNum {
	display:none;
}
.SlideCover {
	//height:390px;
	//width:960px;
	//display:block;
	//background:transparent url(../fw/slidehowCover.png) top left no-repeat;
	//position:relative;
	//top:-390px;
}
.dynamicHeaderInfo {
	width:941px;
	background:transparent url(../fw/DHblack.png) bottom left no-repeat; 
	height:113px;
	position: absolute;
	top:277px;
	left:0;
	padding-left:19px;
}
.dashboard .SlideCover, 
.dashboard .dynamicHeaderInfo {
	display: none; /* hack to fix admin dynamic header design break on dashboard */
}
.ViewMoreButton {
	background:transparent url(../fw/btn_yellow_left.png) top left no-repeat;
	height:34px;
	width:140px;
	padding-left:16px;
	display:block;
	margin-top:-4px
	}
.ViewMoreButton span {
	background:transparent url(../fw/btn_yellow_right.png) top right no-repeat;
	height:34px;
	display:block;
width:95px;
	line-height:34px;font-weight:bold;color:#fff;
	padding:0 18px 0 18px;
	font-size:14px;
	text-shadow:0px 0px 2px #AA9303;
}

.ViewMoreButton:hover {background-position:bottom left; background-color:transparent;}
.ViewMoreButton:hover span, .ViewMoreButton span:hover {background-position:bottom right;background-color:transparent;}

.ie7 .content {margin-top:0px;}