@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/* OUTER CONTAINERS (these allow background colors to fill browser width while keeped content in centered) */
.layout #OuterHeaderTop, .layout #OuterHeaderBottom {
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ff9933;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #ff9933;
	text-align: center; /* this overrides the text-align: center on the body element. */
	height:auto;
}
.layout #OuterContainerContent {
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #fff;
	text-align: center; /* this overrides the text-align: center on the body element. */
}

.layout #OuterContainerFooter {
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #3d3d3e;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #3d3d3e;
	text-align: center; /* this overrides the text-align: center on the body element. */
}
.layout #OuterContainerMainMenu {
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #3d3d3e;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top:1px;
	border-top-color:#ffffff;
	border-top-style:solid;	
	text-align: center; /* this overrides the text-align: center on the body element. */
}

/* CONTAINERS (these keep content at a fixed with of 900 pixels) */
.layout #ContainerHeaderExpand, .layout #ContainerBuyExpand, .layout #ContainerListenExpand, .layout #ContainerDownloadExpand {
	width: 900px;  
	height: 399px;
	background: #ff9933;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #ff9933;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.layout #ContainerHeaderCollapse {
	width: 900px;  
	height: 65px;
	background: #ff9933;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #ff9933;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.layout #ContainerBannerExpand {
	width: 900px;  
	height: 114px;
	background: #ff9933;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #ff9933;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


.layout #ContainerContent {
	width: 900px;
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #fff;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.layout #ContainerMainMenu {
	width: 900px;  
	height: 36px;
	background: #3d3d3e;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #3d3d3e;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.layout #ContainerFooter {
	width: 900px;  
	height: 1020px;
	background: #3d3d3e;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #3d3d3e;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* SUB BANNER CONTAINERS */
.layout #BannerTop {
	width: 900px;  
	height: 115px;
	background: #ff9933;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #ff9933;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.layout #BannerBottom {
	width: 900px;  
	height: 64px;
	background: #ff9933;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #ff9933;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.layout #BannerAds {
	float: left;
	height:92px;
	width: 850px;
	margin: 22px 0 0 0; 
}
.layout #BannerExpand {
	float: left;
	width: 850px;
	height:377px;
	margin: 22px 0 0 0; 
}
.layout #BuyExpand {
	float: left;
	width: 850px;
	height:377px;
	margin: 22px 0 0 0; 
}
.layout #Banner {
	padding: 15px 0 0 0; 
}
.layout #BannerLeft {	
	width: 840px;
	height:377px;
	margin: 0 0 0 0; 
	float:left;
}
.layout #BuyLeft {	
	width: 840px;
	height:377px;
	margin: 0 0 0 0; 
	float:left;
}
.layout #BannerCollapse {	
	width: 48px;
	float: right;
	margin: 22px 0 0 0;
}
.layout #BannerClose {	
	width: 48px;
	float: right;
	margin: 22px 0 0 0;
}
.layout #FlickrLeft {
	width:400px; 
	height:300x; 
	margin: 0 0 0 0;
	float:left;
	border-color:#ffad5c; 
	border-style:solid;
	border-width:8px;
}
.layout #FlickrPhoto {
	width:620px; 
	height:auto; 
	border-color:#eeeeee; 
	border-style:solid;
	border-width:8px;
}
.layout #DownloadArt {
	width:300px; 
	height:300px; 
	margin: 0 0 0 0;
	border-color:#ffad5c; 
	border-style:solid;
	border-width:8px;
}
.layout #BannerVideo {
	float:left;
	margin: 0 0 0 20px;
	width:600px; 
	height:345px; 
	border-color:#ffad5c; 
	border-style:solid;
	border-width:8px;
}
.layout #BuyVideo {
	float:left;
	margin: 0 0 0 12px;
	width:533px; 
	height:360px; 
	border-color:#ffad5c; 
	border-style:solid;
	border-width:8px;
}
.layout #BannerVideoWhite {
	margin:20px 0 0 0;
	width:600px; 
	height:auto;
	border-color:#eeeeee; 
	border-style:solid;
	border-width:8px;
}
.layout #DownloadLeft {	
	width: 316px;
	height:355px;
	margin: 0 20px 0 12px; 
	float:left;
}
.layout #BuyLeft {	
	width: 316px;
	height:355px;
	margin: 0 20px 0 12px; 
	float:left;
}
.layout #DownloadLeft2 {	
	width: 480px;
	height:385px;
	/*margin: 120px 0 0 22px;*/ 
	margin: 70px 0 0 22px; 
	float:left;
}
.layout #BuyLeft2 {	
	width: 480px;
	height:355px;
	margin: 108px 0 0 22px; 
	float:left;
}

/* SUB CONTENT CONTAINERS */
.layout #Content {
	width: 900px;
	height: 400px;
	}
.layout #ContentSecondary {
	width: 900px;
	height:100%;
	}
.layout #ContentPreFooter {
	width: 900px;
	height: 60px;
	}
.layout #ContentLeft {	
	width: 418px;
	float:left;
	padding: 42px 0 0 12px; 
}
.layout #ContentRight {	
	width: 462px;
	float: right;
	padding: 40px 0 0 0; 
}

/* BK LOGO and TWITTER CONTENT CONTAINERS */
.layout #ContentLeftTop {	
	width: 307px;
	float:left;
	padding: 32px 0 21px 12px; 
}
.layout #ContentRightTop {	
	width: 512px;
	float: right;
	padding: 32px 65px 21px 0; 
}

/* 2-COLUMN CONTENT CONTAINERS */
.layout #ContentLeft500 {	
	width: 500px;
	float:left;
	margin: 12px 0 0 12px;
	padding: 0 20px 0 0;
}
.layout #ContentRight300 {	
	width: 300px;
	float: right;
	text-align:right;
	margin: 70px 65px 0 0;
}
.layout #ContentLeft640 {	
	width: 640px;
	float:left;
	margin: 12px 0 0 12px; 
}
.layout #ContentRight160 {	
	width: 160px;
	float: right;
	margin: 70px 65px 0 0; 
}

/* SUB FOOTER CONTAINERS */
.layout #Footer {
	margin:40px 0 0 0;
	width: 830px;
	text-align:center;
	padding: 0 0 20px 0;
}
.layout #FooterAdBanners {
	padding:30px 0 0 0;
}
.layout #FooterAdBanners2 {
	padding:10px 0 0 0;
}
.layout #FooterAd {
	width:180px; 
	height:150px; 
	border-color:#4b4b4c; 
	margin:0 0 0 10px;
	border-style:solid;
	border-width:8px;
}
.layout #NewsAd {
	width:180px; 
	height:150px; 
	border-color:#eeeeee; 
	margin:0 15px 15px 0;
	border-style:solid;
	border-width:8px;
}
/* @end */