/* --=== sliders ===-- */



#HomepagePromo {

	width: 100%;

	height: 389px;

	margin: 0px 0px 10px 0px;

	background: url(../../images/borders/shadow.png) left 378px repeat-x ;	

}



#HomepagePromo.HomepagePromoBorder {

	height: 347px;

	background: url(../../images/borders/shadow.png) left 327px repeat-x ;	

}



		#HomepagePromo #PromoContentBg {

			width: 100%;

			height: 319px;	

			position: absolute;

			background-color: #2d373b;

		}



				#HomepagePromo #PromoContentBg #PromoContent {

					background: url(../../images/borders/shadow.png) left top repeat-x ;

					width: 100%;

					height: 319px;	

					margin: 0 auto;

					overflow: hidden;

				}



/* --=== sliders buttons ===-- */



#PromoBorder {

	background: url(../../images/borders/borders.png) center -879px repeat-x #686868;

	margin: 319px 0px 0px 0px;

	position: absolute;

	height: 8px;

	width: 100%;

}



#PromoButtons {

	padding: 7px 0px 6px 0px;

	margin: 319px 0px 0px 0px;

	height: 50px;

	width: 100%;

	text-align: center;

	position: absolute;

	background: url(../../images/borders/borders.png) left -675px repeat-x;	

}



		#PromoButtons .PromoButtonsContainer {

			width: 980px;

			margin: 0 auto;

		}

	

		#PromoButtons .PromoButton {

			background: url(../../images/buttons/butt.png) left -331px no-repeat #000000;

			padding: 4px;

			margin-right: 5px;

			display: block;

			float: left;

			width: 45px;

		}

		

		#PromoButtons .PromoButton.first {

			margin-left: 20px;

		}

		

		

		#PromoButtons .PromoButton span, 

		#PromoButtons .PromoButton_on span {

			display: block;

			width: 45px;

			height: 35px;

			float: left;

			margin-right: 10px;

		}

		

		#PromoButtons .PromoButton_on {

			background: url(../../images/buttons/butt.png) left -331px no-repeat #FFFFFF;

			padding: 4px;

			margin-right: 5px;

			display: block;

			width: 45px;

			float: left;

		}

		

		#PromoButtons .PromoButton.last,

		#PromoButtons .PromoButton_on.last

		 {

			margin-right: 15px;

		}			

		

		#PromoButtons .PromoButton_on.first {

			margin-left: 20px;

		}		

		

		#PromoButtons .PromoButton:hover {

			background: url(../../images/buttons/butt.png) left -331px no-repeat #777777;

		}



		/* --=== call to action ===-- */

		

		#PromoButtons .promobar {

			font: bold 11px/40px 'Arial';

			text-transform: none;

			color: #FFFFFF;

			text-align: left;

			display: block;

			text-shadow: 1px 1px 1px #000;

			

		}

		

		#PromoButtons .promobar .promobarcontent {

			padding: 6px 0px 0px 0px;

			line-height: 16px;

			text-align: right;

			display: block;

			

		}

		

		#PromoButtons .promobar.left .promobarcontent {

			text-align: left;

			padding-left: 20px;

		}

		

		#PromoButtons .calltoactioncontainer {

			float: right;

			margin: 5px 17px 0px 20px;

			

			*height: 35px;

			*margin: 5px 17px 0px 20px;

		}

		

				#PromoButtons .calltoactioncontainer .calltoaction {

					font: 15px/34px 'interstateB', 'interstateB';

					text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

					text-transform: uppercase;

					text-decoration: none;

					background: url(../../images/buttons/butt.png) right -293px no-repeat #819ea9;

					padding: 0px 13px 0px 0px;

					display: block;

					

					height: 34px;

					color: #FFFFFF;	

					

					*display: block;

				}

				

				#PromoButtons .calltoactioncontainer .calltoaction:hover {

					color: #FFFFFF;

					background-color: #c0cfd4;

				}

				

				#PromoButtons .calltoactioncontainer .calltoaction span {

					padding: 0px 0px 0px 13px;

					background: url(../../images/buttons/butt.png) left -293px no-repeat #819ea9;

					display: block;

					float: left;

					height: 34px;

					line-height: 34px;

					

				}

				

				#PromoButtons .calltoactioncontainer .calltoaction:hover span {

					color: #FFFFFF;

					background-color: #c0cfd4;

				}



/* --=== home articles ===-- */



#HomepageArticles {

	margin: 0px auto;

	width: 960px;

	padding: 0px 20px 0px 0px;

}



		#HomepageArticles .HomepageBox {

			width: 220px;

			margin: 0px 0px 0px 20px;

			display: block;

			float: left;

			padding-bottom: 25px;		

		}

	

		#HomepageArticles .HomepageBoxVideo {

			width: 460px;

		}



				#HomepageArticles .HomepageBox h3 {

					margin: 15px 8px 10px 8px;

					text-transform: uppercase;

					font: normal 16px 'interstateR', 'interstateR';

				}

				

				#HomepageArticles .HomepageBox h3 a {

					margin-bottom: 0px;

					color: #708993;

					text-decoration: none;

				}

				

				#HomepageArticles .HomepageBox h3 a:hover {

					text-decoration: underline;

				}



				#HomepageArticles .HomepageBox p {

					margin: 8px;

					text-transform: none;

					font: 12px/20px 'Arial', 'Arial';

					color: #000000;

				}



				#HomepageArticles .HomepageBox .Button {

					margin-left: 18px;

				}



.HomepageBoxThumbnail {

	margin: 5px 0px 0px 0px;

	padding: 0px 0px 0px 8px;

	display: block;

	background: url(../../images/thumbnails/homepagebox_thumbnail_l.png) no-repeat;

}



.HomepageBoxThumbnailContainer {

	padding: 8px 8px 0px 0px;

	display: block;

	height: 100px;

	width: 204px;	

	background: url(../../images/thumbnails/homepagebox_thumbnail_r.png) right top no-repeat;

}



.HomepageBoxThumbnailContainerVideo {

	padding: 8px 8px 0px 0px;

	display: block;

	height: 300px;

	width: 444px;	

	background: url(../../images/thumbnails/homepagebox_thumbnail_r.png) right top no-repeat;

}



.HomepageBoxThumbnailBottom {

	background: url(../../images/thumbnails/homepagebox_thumbnail_l.png) left bottom no-repeat;

	display: block;

	padding: 0px 0px 0px 8px;

	margin: 0px 0px 5px 0px;

}



.HomepageBoxThumbnailBottomContainer {

	background: url(../../images/thumbnails/homepagebox_thumbnail_r.png) right bottom no-repeat;

	display: block;

	padding: 0px 8px 8px 0px;

	width: 204px;

}



.HomepageBoxThumbnailBottomContainerVideo {

	background: url(../../images/thumbnails/homepagebox_thumbnail_r.png) right bottom no-repeat;

	display: block;

	padding: 0px 8px 8px 0px;

	width: 444px;

}



.HomepageBoxThumbnail span{

	display: block;

	height: 100px;

	width: 204px;

}





/* --=== home categories ===-- */



#Content {

	background-color: #FFFFFF !important;

}



#HomepageArticlesTitle {

	font: normal 18px 'interstateR', 'interstateR';

	color: #FFFFFF;

	display: block;

	text-transform: uppercase;

	padding: 0px 10px 0px 0px;

	margin: 0px 0px 0px 0px;

	background: url(../../images/tables/homepage_articles_title_r.png) right top no-repeat;

	text-shadow: 1px 1px 1px #333;

}

		

		#HomepageArticlesTitle #HomepageArticlesTitleContainer {

			padding: 6px 0px 6px 10px;

			*padding: 5px 0px 6px 10px;

			background: url(../../images/tables/homepage_articles_title.png) left top no-repeat;

		}

		

		#HomepageArticlesTitle .widget_caption {

			font: 11px 'interstateR';

			text-transform: lowercase;

			color: #e6ecee;

		}



.HomeArticlesButton {

	float: right;

	font: 12px 'Arial';

	text-transform: capitalize;

	padding: 3px 5px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	-webkit-border-radius: 3px;	

	background-color: #FFFFFF;

	color: #2d373b;

	display: block;

	margin: 5px 0px 0px 8px;

	text-shadow: 0px 0px 0px;

	cursor: pointer;

}



.HomeArticlesButton_on {

	background-color: #e6ecee;

	color: #2d373b;

}



.HomeArticlesButton_sel {

	background-color: #819ea9;

	color: #FFFFFF;

}



.HomepageList {

	background: url("../../images/sidebar/widgetshadow.png") repeat-x scroll center top;

	padding: 20px 0px 0px;

	display: none;

}