body {
	background-color: #E6E6E6;
}

#Wrap {
	background: url(../images/backgrounds/topbackground_home_white.png) center top no-repeat;
}

#Content_Home {
	margin: 0px;
}

/* --- Start of Homepage Promo Styles --- */

.HomepagePromo {
	width: 940px;
	height: 319px;
	padding: 35px 10px 100px 10px;
}

#PromoContentBg {
	width: 940px;
	height: 319px;	
	position: absolute;


/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, right top, from(#D70514), to(#D70514));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(left, #D70514, #D70514);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D70514, endColorstr=#D70514, GradientType=1);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D70514, endColorstr=#D70514, GradientType=1)";

background-color: #D70514;

}

.Headline {
	font-size: 33px;
	text-align: center;
	font-family: Museo;
	display: block;
	padding: 0px 0px 5px 0px;
	font-style: italic;
	color: #1F5EB2;
}

.Headline a {
	color: #1F5EB2;
	text-decoration: none;
}

.Headline a:hover {
	text-decoration: underline;
}

.HeadlineText {
	font-size: 19px;
	text-align: center;
	font-family: Museo;
	display: block;
	padding: 0px 0px 20px 0px;
	font-style: italic;
	border-bottom: 1px dotted #FFFFFF;
}

#PromoContent {
	background: url(../images/promo/promoborder.png) no-repeat;
	width: 940px;
	height: 319px;	
	position: absolute;
	overflow: hidden;

}

.PromoButtons {
	padding: 5px 7px 6px 0px;
	margin: 332px 0px 0px 0px;
	height: 20px;
	width: 921px;
	text-align: center;
	position: absolute;
}

.PromoButtons .PromoButton {
	background: url(../images/promo/promobutton.png) no-repeat;
	padding: 7px;
	margin-right: 5px;
	display: block;
	float: left;
	width: 58px;
}

.PromoButtons .PromoButton span, .PromoButtons .PromoButton_on span {
	display: block;
	width: 58px;
	height: 40px;
	float: left;
	margin-right: 10px;
}

.PromoButtons .PromoButton_on {
	background: url(../images/promo/promobutton_on.png) no-repeat;
	padding: 7px;
	margin-right: 5px;
	display: block;
	width: 58px;
	float: left;
}

.PromoButtons .PromoButton:hover {
	background: url(../images/promo/promobutton_hover.png) no-repeat;
}

.PromoInfo {
	padding: 0px 0px 0px 40px;
	position: absolute;
	height: 319px;
}

.PromoText {
	display: table-cell;
	vertical-align: middle;
	height: 319px;
}

#HomepagePromo h1 {
	font: normal 30px 'Arial', 'Arial';
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	width: 400px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=2);

}

#HomepagePromo h1, #HomepagePromo h1 a {
	color: #FFFFFF;
	text-decoration: none;
}

#HomepagePromo h2 {
	font: 17px/22px 'Arial', 'Arial';
	width: 400px;
	margin: 14px 0px 0px 0px;
	clear: left;
	float: left;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=2);
}

/* Promo thumbnails */

.MediumThumbnail {
	width: 219px;
	height: 159px;
	background: url(../images/thumbnails/promo_small_th.png) no-repeat;	
	padding: 7px 8px 7px 8px;
	position: absolute;
	z-index: 2;

}

.MediumThumbnail .Content {
	width: 168px;
	height: 112px;
	display: block;
	position: absolute;
}

.MediumThumbnail .Content a {
	width: 168px;
	height: 112px;
	display: block;
	cursor: pointer;	
}

.BigThumbnail {
	width: 317px;
	height: 204px;
	background: url(../images/thumbnails/promo_big_th.png) no-repeat;	
	padding: 7px 8px 7px 9px;
	position: absolute;
}

.BigThumbnail .Content {
	width: 229px;
	height: 153px;
	display: block;
	position: absolute;
}

.BigThumbnail .Content a {
	width: 229px;
	height: 153px;
	display: block;
}


.LargeThumbnail {
	width: 515px;
	height: 327px;
	background: url(../images/thumbnails/promo_large_th.png) no-repeat;	
	padding: 11px 11px 7px 15px;
	position: absolute;
}

.LargeThumbnail .Content {
	width: 369px;
	height: 246px;
	display: block;
	position: absolute;
}

.LargeThumbnail .Content a {
	width: 369px;
	height: 246px;
	display: block;
}


.FullPicture {
	display: block;
	width: 940px;
	height: 319px;
	position: absolute;
}

.FullPicture .Content {
	display: block;
	width: 940px;
	height: 319px;
	position: absolute;
}

/* --- End of Homepage Promo Styles --- */

/* --- Start of Homepage Articles Styles --- */

.HomepageArticles {
	margin: 0px auto;
	width: 970px;
}

.HomepageBox {
	width: 220px;
	margin: 0px 18px 0px 0px;
	display: block;
	float: left;
	padding-bottom: 25px;		
}

.HomepageBoxVideo {
	width: 460px;
	margin: 0px 18px 0px 0px;
	display: block;
	float: left;
	padding-bottom: 25px;		
}

.HomepageBox h3 {
	margin: 15px 0px 0px 15px;
	text-transform: uppercase;
	font: normal 17px/22px 'Arial', 'Arial';
}

.HomepageBox h3 a {
	margin-bottom: 0px;
	color: #000000;
	text-decoration: none;
	
}

.HomepageBox h3 a:hover {
	text-decoration: underline;
}

.HomepageBox p {
	margin: 8px 0px 8px 17px;
	font: 12px/20px 'Arial', 'Arial';
	color: #000000;
}

.HomepageBox .Button {
	margin-left: 15px;
}

.HomepageBoxThumbnail {
	margin: 5px 0px 0px 8px;
	padding: 0px 0px 0px 11px;
	display: block;
	background: url(../images/thumbnails/homepagebox_thumbnail_l.png) no-repeat;
}

.HomepageBoxThumbnailContainer {
	padding: 11px 11px 0px 0px;
	display: block;
	height: 100px;
	width: 200px;	
	background: url(../images/thumbnails/homepagebox_thumbnail_r.png) right top no-repeat;
}

.HomepageBoxThumbnailContainerVideo {
	padding: 11px 11px 0px 0px;
	display: block;
	height: 300px;
	width: 440px;	
	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 11px;
	
	margin: 0px 0px 5px 8px;
}

.HomepageBoxThumbnailBottomContainer {
	background: url(../images/thumbnails/homepagebox_thumbnail_r.png) right bottom no-repeat;
	display: block;
	padding: 0px 11px 11px 0px;
	width: 200px;
}

.HomepageBoxThumbnailBottomContainerVideo {
	background: url(../images/thumbnails/homepagebox_thumbnail_r.png) right bottom no-repeat;
	display: block;
	padding: 0px 11px 11px 0px;
	width: 440px;
}

.HomepageBoxThumbnail span{
	display: block;
	height: 100px;
	width: 200px;
}

/* --- End of Homepage Articles Styles --- */

.StyleSelector {
	display: none;
}


#Accordions {
	padding: 30px;
	float:left;
}

.Accordion {
	float: left;
	margin: 0px 0px 0px 0px;
}

#A1.Accordion {
	width: ;
}

#A2.Accordion {
	width: ;
}

#A3.Accordion {
	width: ;
}

#A4.Accordion {
	width: ;
}

#A5.Accordion {
	width: ;
}

.Accordion h4 {
	background: url(../images/menu/blackplus.png) 5px center no-repeat #000000;
	color: #FFFFFF;
	font: 16px Bebas;
	display: block;
	padding: 3px 5px 6px 20px;
	margin: 0px 0px 1px 0px;
	z-index: 1;
	clear:left;
}

.Accordion h4.active {
	color: #000000;
	background-color: #FFFFFF;
	clear:left;
}

.Accordion p {
	font: 12px/20px Arial;
	color: #FFFFFF;
	margin: 0px 0px 20px 0px;
	padding: 5px;
	z-index: 0;	
	float:left;
}

.Accordion span.Text {
	display: none;
	height: 0px;
	z-index: 0;
	overflow: hidden;
}

.Accordion span.Text.active {
	display: block;
	overflow: hidden;
	height: 200px;
}

.Accordion span.Picture  {
	display: none;
	height: 0px;
	padding: 6px 6px 0px 6px;
	background-color: #FFFFFF;
}


.Accordion span.Picture.active {
	height: 150px;
	display: block;
}

.Accordion span.Picture .Container {
	display: block;
	height: 150px;
	background: url("http://localhost/wp/wordpress2/wordpress/wp-content/themes/unique/images/promos/2437687070_b944bddfdc_b.jpg") no-repeat scroll center center transparent;
}

.Accordion.first .Picture, .Accordion.first h4, .Accordion.first .Text {
	margin-right: 10px;
}

.Accordion.last .Picture, .Accordion.last h4, .Accordion.last .Text {
	margin-left: 10px;
}