﻿@font-face {
	font-family: 'myMyriadProBoldItalic';
	src: url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-semiboldit-webfont.eot'); /* IE9 Compat Modes */
	src: url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-semiboldit-webfont.woff') format('woff'), /* Modern Browsers */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-semiboldit-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-semiboldit-webfont.svg#webfont8TU9KiHX') format('svg'); /* Legacy iOS */
	}


@font-face {
	font-family: 'myMyriadProBold';
	src: url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-bold-webfont.eot'); /* IE9 Compat Modes */
	src: url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-bold-webfont.woff') format('woff'), /* Modern Browsers */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-bold-webfont.svg#webfont8TU9KiHX') format('svg'); /* Legacy iOS */
	}

@font-face {
	font-family: 'myMyriadProSemibold';
	src: url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-semibold-webfont.eot'); /* IE9 Compat Modes */
	src: url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-semibold-webfont.woff') format('woff'), /* Modern Browsers */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-semibold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-semibold-webfont.svg#webfont8TU9KiHX') format('svg'); /* Legacy iOS */
	}

@font-face {
	font-family: 'myMyriadProRegular';
	src: url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-regular-webfont.eot'); /* IE9 Compat Modes */
	src: url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-regular-webfont.woff') format('woff'), /* Modern Browsers */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	     url('/SiteCollectionDocuments/Widgets/ExpandBanner/Thegoodtheburryguyfalling/assets/fonts/myriadpro-regular-webfont.svg#webfontiFTCcQAC') format('svg'); /* Legacy iOS */
	}



body { background-color:#FFFFFF; }
.show { display:block; }
.hide { display:none; }

#buttonGroup {
	display:none;
	margin-top:10px;
}

.overshareCopy
{
	display: none;
}

.container_banner.active .overshareCopy
{
	display:block;
	font-family:"myMyriadProRegular";
	size:16px;
	
	padding-top:15px;
}


.container_banner.active .overshareCopy span
{
	font-family:"myMyriadProBold";
	font-size:16px;
	font-weight: bold;
}

#slider {
	position:relative;
}

#banner_take_over {
	position:absolute;
	right:0;
	top:0;
	z-index:11;
}

.container_banner.active #buttonGroup, .container_banner.active .dontjustshare, .container_banner.active .tc{
	display:block
}

.tc
{
	display:none;
	font-family: "myMyriadProSemibold";
	font-size:10px;
	color:#373737;
	position:absolute;
	right:10px;
	bottom:80px;
}

.container_banner.active .inactive_content, 
.container_banner.active .open_icon {
	display:none;
}

.container_banner .active_content, .container_banner .dontjustshare {
	display:none;
}
.container_banner.active .dontjustshare
{
	display: block;
}
.container_banner.active .active_content 
{
	display:block;
}

.dontjustshare {
	position:absolute;
	width:235px;
	height:50px;
	right: 20px;
	bottom:0px;
}

.container_banner.active p { font-size:18px;font-family: 'myMyriadProSemibold'; font-weight:normal }
.container_banner.active p span {font-family:myMyriadProBold}

span.bold { font-family:myMyriadProBold}

.container_banner { width:620px; height:250px; background:#FDB209; float:right; -moz-border-radius: 5px; border-radius: 5px;}
img.mainImage { float:left; margin-right:17px; }
.mainheading h1 { padding-top:90px; font-family:myMyriadProBoldItalic; font-size:20px; font-weight:bold; color:#272727; }


.container_banner .active_content h1 {font-size:25px; }

.mainparagraph p { font-family:myMyriadProSemibold; font-size:16px; font-weight:bold; color:#272727; }


.open_icon {
	position:absolute;
	width:113px;
	height:62px;
	background: url("../../ExpBanner3/assets/open_icon.png") no-repeat;
	right:81px;
	bottom:0;
	cursor:pointer;
	z-index:0;
}

img.mainImage.expanded { margin-right:30px; }

h1.expanded { font-size:21px; padding-top:115px; }
p.expanded { font-size:18px;font-family: 'myMyriadProSemibold'; }

.buttons { height: auto; float: left; }
.buttonGroup {width:120px;}
.icons { 
	margin-right:5px;
	float:left;
}

.twitter {float:right; width: 41px; height: 32px; display: block; background:url("../../ExpBanner3/assets/btnTwitter.png") no-repeat}
.facebook {float:right; width: 23px; height: 35px; display: block; background:url("../../ExpBanner3/assets/btnFacebook.png") no-repeat}

.btnTwitter { background: url('../../ExpBanner3/assets/btnTwitter.png') no-repeat; width: 41px; height: 32px;}
/*.btnTwitter { background: url('../assets/btnTwitterWhite.png') no-repeat; width: 37px; height: 29px;}*/
.btnTwitter:hover, .btnTwitter.active  { background-position: 0 0px; }

.btnFacebook { background: url('../../ExpBanner3/assets/btnFacebook.png') no-repeat; width: 23px; height: 35px;}
.btnFacebook:hover, .btnFacebook.active { background-position: 0 0px; }

#final {width:876px; height:374px; float:right; background:#FDB209; position:relative; top:-374px;  -moz-border-radius: 5px; border-radius: 5px;}

.topMarks {font-family:myMyriadProBoldItalic; font-size:53px; padding-top:120px; padding-left:105px; float:left;}
.blackBlock {width:255px; height:167px; float:right; background:#1D1D1D; margin-top:117px; margin-right:93px;}
.blackBlock p {color:#fdb209; font-family:myMyriadProBold; font-size:32px; padding-left:20px; padding-right:20px; margin-top:15px;}
.blackBlock p.white {color:#FFFFFF; font-family:myMyriadProRegular; font-size:20px; margin-top:-20px;}

a { color:#1D1D1D; text-decoration:none; }
a.visited {color:#1D1D1D;}
a.hover {color:#1D1D1D;}
a.selected { color:#1D1D1D; }

.btnClose { background: url('../assets/btnClose.png') no-repeat; width: 37px; height: 9px; position:absolute; top:10px; left:15px;cursor:pointer; background-position: 0 9px;}

img { border-style:none; }
