/* -------------------------------- */
/* ----------[ WEBFONTS ]---------- */
/* -------------------------------- */

@font-face {
  font-family: "Benton-Sans";
  src: url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot");
  src: url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-3.woff") format("woff"),
       url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-1.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
}

@font-face{
  font-family: "Benton-Sans";
  src: url("/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot");
  src: url("/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-3.woff") format("woff"),
       url("/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Benton-Sans";
  src: url("/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-2.eot");
  src: url("/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-3.woff") format("woff"),
       url("/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-1.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: "Benton-Sans";
  src: url("/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-2.eot");
  src: url("/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-3.woff") format("woff"),
       url("/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "Capita";
  src: url("/cdn/fonts/Capita-Extra-Light/Capita-Extra-Light.eot");
  src: url("/cdn/fonts/Capita-Extra-Light/Capita-Extra-Light.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Capita-Extra-Light/Capita-Extra-Light.woff") format("woff"),
       url("/cdn/fonts/Capita-Extra-Light/Capita-Extra-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: "Capita";
  src: url("/cdn/fonts/Capita-Extra-Light-Italic/Capita-Extra-Light-Italic.eot");
  src: url("/cdn/fonts/Capita-Extra-Light-Italic/Capita-Extra-Light-Italic.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Capita-Extra-Light-Italic/Capita-Extra-Light-Italic.woff") format("woff"),
       url("/cdn/fonts/Capita-Extra-Light-Italic/Capita-Extra-Light-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 100;
}

@font-face {
  font-family: "Capita";
  src: url("/cdn/fonts/Capita-Regular/Capita-Regular.eot");
  src: url("/cdn/fonts/Capita-Regular/Capita-Regular.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Capita-Regular/Capita-Regular.woff") format("woff"),
       url("/cdn/fonts/Capita-Regular/Capita-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Capita";
  src: url("/cdn/fonts/Capita-Italic/Capita-Italic.eot");
  src: url("/cdn/fonts/Capita-Italic/Capita-Italic.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Capita-Italic/Capita-Italic.woff") format("woff"),
       url("/cdn/fonts/Capita-Italic/Capita-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
}


/* ------------------------------ */
/* ----------[ HEADER ]---------- */
/* ------------------------------ */

.banner-container {
	margin-bottom: 40px;
	background-color: #1f0201;
	color: #8d888a;
}

.banner-container .hed-dek-wrapper {
	height: 451px;
	margin: 83px auto 0;
	max-width: 960px;
	padding-top: 145px;
	width: auto;
	position: relative;
	background: url(images/title-border.png) no-repeat 0 60px;
}

.banner-container .hed {
	height: 345px;
	margin: 0 auto;
	width: 781px;
	background: url(images/title-img.png) no-repeat 0 0;
}

.banner-container .dek {
	margin-left: -260px;
	width: 520px;
	position: absolute;
	bottom: -9px;
	left: 50%;
	opacity: .66;
	color: #fff;
	font-size: 24px;
	font-weight: 200;
	line-height: 1.5;
}

.byline-wrapper {
	height: 41px;
	width: 100%;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: url(images/header-bottom.png) repeat-x center bottom;
}

.byline-wrapper .byline {
	height: 13px;
	margin-bottom: 0;
	margin-left: -125px;
	padding: 10px 0 9px;
	width: 250px;
	position: absolute;
	left: 50%;
	background: url(images/byline-border.png) no-repeat center top;
	color: #817c7e;
	font-family: 'Capita', serif;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.photo-byline-wrapper {
	height: 25px;
	width: 100%;
	position: absolute;
	bottom: -25px;
	left: 0;
	z-index: 25;
	text-align: center;
	color: #8a8a8a;
	font-family: 'Benton-Sans', sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.2;
	text-transform: uppercase;
}

.photo-byline-wrapper p {
	margin-top: 15px;
}

#video-wallpaper-container {
	height: 750px;
    width: 100%;
    overflow: hidden;
}

#video-wallpaper-container video {
	width: 100%;
}

.hed-super {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}


/* ------------------------------- */
/* ----------[ CONTENT ]---------- */
/* ------------------------------- */

.article-feature .island p {
	margin-bottom: 1.5em;
}

.article-feature .island .lede {
	margin: 10px -90px 80px -90px;
	width: auto;
	color: #89183e;
	font-family: 'Benton-Sans', sans-serif;
	font-size: 24px;
	font-weight: 200;
	line-height: 1.5;
}

.island h3 {
	margin: 60px 0;
	background: url(images/header-bg.jpg) repeat-x center 12px;
	color: #89183e;
	font-family: 'Capita', serif;
	font-size: 42px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}

.island h3 span {
	display: inline-block;
	padding: 0 20px;
	background-color: white;
}

	.lt-ie8 {
		display: inline;
		zoom: 1;
	}

.island .pullquote {
	margin-right: -90px;
	max-width: 390px;
	width: 100%;
	padding: 10px;
	position: relative;
	border: 0;
	background-color: #2d000f;
	color: #c7acb5;
	font-family: 'Capita', serif;
	font-size: 30px;
	font-style: italic;
	font-weight: 100;
	line-height: 36px;
	text-align: center;
}

.island .pullquote-content {
	padding: 40px 20px 37px;
	border: 1px solid #897078;
}

.article-feature .photo {
	margin-right: -90px;
	max-width: 389px;
}

.photo img {
	display: block;
}

.article-feature .photo .caption {
	margin-bottom: 0;
	color: #777;
	text-align: center;
}

.photo .image-wrapper {
	margin-bottom: 40px;
	position: relative;
}

.photo-border {
	height: 100%;
	padding: 10px 10px 11px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.photo-border-inside {
	height: 100%;
	margin: 0 -1px;
	width: 100%;
	border: 1px solid #fff;
	opacity: .55;
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
}

	.lt-ie8 .photo-border { display: none; }

.photo .ate-icon {
	height: 67px;
	width: 67px;
	margin-left: -33px;
	position: absolute;
	bottom: -24px;
	left: 50%;
	background: url(images/ate-icon.png) no-repeat 0 0;
}


/* ----------------------------------- */
/* ----------[ INTERACTIVE ]---------- */
/* ----------------------------------- */

.interactive-wrapper {
	background: #000 url(images/qc-bg.jpg) repeat-x center top;
	margin: 80px 0;
}

.interactive {
	position: relative;
	margin: 0 auto;
	max-width: 960px;
}

.interactive .intro-text {
	margin: 0 auto -35px;
	max-width: 600px;
	padding-top: 70px;
	text-align: center;
}

.interactive .intro-text h3 {
	margin-bottom: 10px;
	color: #aafdea;
	font-family: 'Capita', serif;
	font-size: 60px;
	font-weight: 100;
	line-height: 1;
}

.interactive .intro-text p {
	color: #c1c1c1;
	font-family: "Benton-Sans", sans-serif;
	font-size: 22px;
	font-weight: 200;
	line-height: 1.3636;
}

.bottles-icons-wrapper {
	height: 654px;
	margin: 0;
	max-height: 654px;
	max-width: 977px;
	padding-bottom: 20px;
	padding-top: 70px;
	position: relative;
	z-index: 50;
	background: url(images/qc-bottle-shadow-bg.png) no-repeat center center;
	list-style: none;
}

.bottle {
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	
	-webkit-transition: all .35s;
	   -moz-transition: all .35s;
	        transition: all .35s;
}

	#bottle-1 {
		height: 593px;
		margin-left: 67px;
		margin-top: 10px;
		width: 168px;
		background-image: url(images/qc-bottle1-img.png);
	}

	#bottle-2 {
		height: 588px;
		margin-top: 15px;
		width: 167px;
		background-image: url(images/qc-bottle2-img.png);
	}

	#bottle-3 {
		height: 605px;
		width: 168px;
		background-image: url(images/qc-bottle3-img.png);
	}

	#bottle-4 {
		height: 596px;
		margin-top: 10px;
		width: 159px;
		background-image: url(images/qc-bottle4-img.png);
	}

	#bottle-5 {
		height: 599px;
		margin-top: 10px;
		width: 163px;
		background-image: url(images/qc-bottle5-img.png);
		background-position: -26px 0;
	}
	
.bottle.faded {
	opacity: .4;
	cursor: auto;

	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	
	/* IE 5-7 */
	filter: alpha(opacity=40);
}

.bottle .icon {
	height: 62px;
	margin-left: -31px;
	width: 63px;
	position: absolute;
	left: 50%;
	background: url(images/qc-icon.png) no-repeat 0 0;
	
	-webkit-transition: all .22s cubic-bezier(0.95, 0.05, 0.795, 0.035);
	   -moz-transition: all .22s cubic-bezier(0.95, 0.05, 0.795, 0.035);
	    -ms-transition: all .22s cubic-bezier(0.95, 0.05, 0.795, 0.035);
	     -o-transition: all .22s cubic-bezier(0.95, 0.05, 0.795, 0.035);
	        transition: all .22s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

.bottle.magnified .icon {
	background: url(images/qc-icon.png) no-repeat 0 -185px;
}

	#bottle-1 .icon { top: -10px; }
	#bottle-2 .icon { top: -15px; }
	#bottle-3 .icon { top: 0px; }
	#bottle-4 .icon { top: -10px; }
	#bottle-5 .icon { top: -10px; }

.bottle .icon.off {
	opacity: 0;
	
	-webkit-transform: translateY(-200px);
	   -moz-transform: translateY(-200px);
	        transform: translateY(-200px);
}
	
.popups-wrapper {
	height: 10px;
	margin: 0 auto;
	max-width: 960px;
	width: 100%;
	position: relative;
	z-index: 100;
	list-style: none;
}

.popups-wrapper li {
	display: none;
	position: absolute;
}

	.lt-ie8 .popups-wrapper li { zoom: 1; }
	
.popups-wrapper li.selected { display: inline-block; }

.popups-wrapper li h4 {
	margin-bottom: 10px;
	color: #aafdea;
	font-family: 'Capita', serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 1.125;
	text-transform: none;
}

.popups-wrapper li p {
	color: #d5d5d5;
	font-family: Georgia, serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 1.6471;
}

.popup-image-wrapper {
	position: relative;
	background-image: url(images/qc-overlay-sprite-bg.png);
	background-repeat: no-repeat;
}

.popup-image {
	height: 264px;
	width: 264px;
	position: absolute;
	background: url(images/qc-overlay-sprite-img.png) no-repeat 0 0;
}

.popup-text {
	width: 340px;
	position: absolute;
}

	#popup-1 { left: 160px; top: 210px; }
	#popup-2 { left: 307px; top: 140px; }
	#popup-3 { left: 490px; top: 215px; }
	#popup-4 { left: 600px; top: 180px; }
	#popup-5 { left: 460px; top: 210px; }
	
	#popup-3 .popup-text { width: 240px; }
	#popup-5 .popup-text { width: 320px; }

	#popup-1 .popup-image { left: 51px; top: 15px; background-position: 0 0; }
	#popup-2 .popup-image { left: 13px; top: 13px; background-position: -300px 0; }
	#popup-3 .popup-image { left: 54px; top: 16px; background-position: -600px 0; }
	#popup-4 .popup-image { left: 14px; top: 32px; background-position: 0 -300px; }
	#popup-5 .popup-image { left: 13px; top: 13px; background-position: -300px -300px; }
	
	#popup-1 .popup-image-wrapper { height: 291px; width: 328px; background-position: 0 0; }
	#popup-2 .popup-image-wrapper { height: 291px; width: 291px; background-position: -330px 0; }
	#popup-3 .popup-image-wrapper { height: 293px;width: 331px;background-position: 0 -330px; }
	#popup-4 .popup-image-wrapper { height: 309px; width: 291px; background-position: -330px -320px; }
	#popup-5 .popup-image-wrapper { height: 291px; width: 320px; background-position: 0 -640px; }

	#popup-1 .popup-text { left: 348px; top: 70px; }
	#popup-2 .popup-text { left: 311px; top: 80px; }
	#popup-3 .popup-text { left: -350px; top: 80px; }
	#popup-4 .popup-text { left: -360px; top: 107px; }
	#popup-5 .popup-text { left: -340px; top: 98px; }


/* ------------------------------- */
/* ----------[ DRAWERS ]---------- */
/* ------------------------------- */

/* Drawer open button */
.drawer-open-btn {
	float: left;
	margin: 8px 30px 30px -80px;
	color: #8c8c8c;
	font-family: 'Capita', serif;
	font-size: 18px;
	font-style: italic;
	line-height: 1.2222;
	text-align: center;
}

.drawer-open-btn a, .drawer-open-btn a:visited {
	color: #8c8c8c;
	text-decoration: none;
}

.drawer-open-btn a:hover, .drawer-open-btn a:focus {
	text-decoration: underline;
}

.drawer-open-btn strong {
	display: block;
	margin-bottom: 3px;
	color: #89183e;
	font-family: 'Benton-Sans', sans-serif;
	font-style: normal;
}

.drawer-open-btn .icon {
	height: 98px;
	margin: 0 auto 10px;
	width: 98px;
	background-image: url(images/whats-wrong-sprite.png);
	background-repeat: no-repeat;
}

#drawer-open-1 .icon { background-position: 0 0; }
#drawer-open-2 .icon { background-position: -100px 0; }
#drawer-open-3 .icon { background-position: 0 -100px; }

/* Drawer when open */
.drawer-wrapper {
	clear: both;
	display: none;
	margin: 50px 0 45px;
}

.drawer-content {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	position: relative;
	background-color: #2d000f;
}

.drawer-close-btn {
	height: 36px;
	width: 42px;
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 30;
	background: url(images/drawer-close-btn.png) no-repeat 0 0;
}

.drawer-border {
	height: 100%;
	padding: 10px 10px 11px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.drawer-border-inside {
	height: 100%;
	width: 100%;
	border: 1px solid #fff;
	opacity: .55;

	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
}

.drawer-content .drawer-image {
	height: 100%;
	width: 50%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 15;
	background: url(images/drawer-1-bg.jpg) no-repeat center center;
}

.drawer-content .drawer-text {
	margin-left: 50%;
	padding: 20px 90px;
	position: relative;
	z-index: 25;
	color: #c2c2c2;
	font-family: 'Benton-Sans', sans-serif;
	font-size: 15px;
	line-height: 1.8667;
}

.drawer-content .drawer-text h3 {
	margin-bottom: 10px;
	color: #aafdea;
	font-family: 'Capita', serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 1.125;
}

.drawer-content .drawer-text p {
	margin-bottom: 0;
}

	#drawer-1 .drawer-text { padding-top: 74px; }
	#drawer-2 .drawer-text { padding-top: 166px; }
	#drawer-3 .drawer-text { padding-top: 174px; }
	
	#drawer-2 .drawer-image { background-image: url(images/drawer-2-bg.jpg); }
	#drawer-3 .drawer-image { background-image: url(images/drawer-3-bg.jpg); }

	#drawer-1 .drawer-content { height: 474px; }
	#drawer-2 .drawer-content { height: 474px; }
	#drawer-3 .drawer-content { height: 474px; }

/* In IE7, just show the drawers (no open/close, which is broken) */
.lt-ie8 .drawer-open-btn { display: none; }
.lt-ie8 .drawer-wrapper { display: block; }
.lt-ie8 .drawer-close-btn { display: none; }
.lt-ie8 .drawer-border { display: none; }


/* ------------------------------------- */
/* ----------[ MEDIA QUERIES ]---------- */
/* ------------------------------------- */

@media (max-width: 1000px) {
	.banner-container {
		height: 750px;
	}
	
	.banner-container .hed-dek-wrapper {
		background-image: none;
		padding-top: 77px;
	}
	
	#video-wallpaper-container {
		display: none;
	}

	.article-feature .island .lede {
		margin-left: 0;
		margin-right: 0;
	}
	
	.article-feature .photo, .island .pullquote {
		margin-right: 0;
	}
	
	.drawer-open-btn {
		margin-left: 0;
	}
	
	.drawer-content .drawer-text {
		padding: 40px 40px;
	}

	.bottles-icons-wrapper {
		margin: 0 auto;
		max-width: 90%;
		text-align: center;
	}
	
	.bottle {
		display: inline-block;
		float: none;
	}
	
	#bottle-1 { margin-left: 0; }
}

@media (max-width: 980px) {
	.interactive-wrapper {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media (max-width: 940px) {
	.interactive {
		max-width: 600px;
		padding: 0 20px 1px;
	}
	
	.interactive .intro-text {
		padding-top: 50px;
	}
	
	.interactive .intro-text h3 {
		font-size: 54px;
	}
	
	.popups-wrapper {
		height: auto;
		margin-top: 80px;
	}
	
	.popups-wrapper li {
		clear: both;
		display: block;
		min-height: 132px;
		margin-bottom: 50px;
		position: relative;
	}
	
		#popup-1, #popup-2, #popup-3, #popup-4, #popup-5 { left: auto; top: auto; }
	
	.popup-image-wrapper {
		float: left;
		background-image: url(images/qc-overlay-bg-mobile.png);
	}
	
	.popup-image {
		height: 132px;
		width: 132px;
		
		-webkit-background-size: 450px;
		   -moz-background-size: 450px;
		        background-size: 450px;
	}
	
	.bottles-icons-wrapper {
		display: none;
	}
	
	.popup-text {
		padding-left: 180px;
		padding-top: 10px;
		width: auto;
		position: static;
	}

		#popup-1 .popup-image,
			#popup-2 .popup-image,
			#popup-3 .popup-image,
			#popup-4 .popup-image,
			#popup-5 .popup-image { left: 7px; top: 7px; }
	
		#popup-1 .popup-image-wrapper,
			#popup-2 .popup-image-wrapper,
			#popup-3 .popup-image-wrapper,
			#popup-4 .popup-image-wrapper,
			#popup-5 .popup-image-wrapper { height: 146px; width: 146px; background-position: 0 0; }

		#popup-1 .popup-image { background-position: 0 0; }
		#popup-2 .popup-image { background-position: -150px 0; }
		#popup-3 .popup-image { background-position: -300px 0; }
		#popup-4 .popup-image { background-position: 0 -150px; }
		#popup-5 .popup-image { background-position: -150px -150px; }
		
		#popup-3 .popup-text, #popup-5 .popup-text { width: auto; }
}

@media (max-width: 820px) {
	.banner-container {
		height: 610px;
	}
	
	.banner-container .hed-dek-wrapper {
		height: 380px;
		padding-top: 0;
	}

	.banner-container .hed {
		height: 265px;
		width: 600px;
		background-image: url(images/title-img-600.png);
	}
}

@media (max-width: 720px) {
	.drawer-close-btn {
		height: 24px;
		width: 28px;
		background-image: url(images/drawer-close-btn-mobile.png);
	}

	.drawer-content .drawer-image {
		width: 33%;
		background-position: 20% 0;
	}
	
	#drawer-3 .drawer-image {
		background-position: center center;
	}
	
	.drawer-content .drawer-text {
		margin-left: 33%;
	}
}

@media (max-width: 660px) {
	.island .pullquote {
		max-width: none;
		width: auto;
	}
}

@media (max-width: 640px) {
	.banner-container {
		height: 400px;
	}
	
	.banner-container .hed-dek-wrapper {
		height: 240px;
		margin-top: 60px;
	}
	
	.banner-container .hed {
		height: 186px;
		width: 420px;
		background-image: url(images/title-img-420.png);
	}
	
	.banner-container .dek {
		margin-left: -45%;
		width: 90%;
		font-size: 21px;
		bottom: -37px;
	}
	
	.interactive .intro-text h3 {
		font-size: 48px;
	}
	
	.interactive .intro-text p {
		font-size: 18px;
	}
}

@media (max-width: 580px) {
	#drawer-1 .drawer-text {
		padding-top: 60px;
	}

	.interactive .intro-text h3 {
		font-size: 36px;
	}
	
	.popups-wrapper li {
		margin-bottom: 30px;
	}
	
	.popups-wrapper li h4 {
		font-size: 24px;
	}
}

@media (max-width: 520px) {
	.drawer-content .drawer-image {
		width: 100%;
		height: 300px;
		position: static;
		background-position: center center;
	}
	
	.drawer-content .drawer-text {
		margin-left: 0;
	}
	
	.drawer-close-btn { top: 330px; }
	
	#drawer-1 .drawer-content, #drawer-2 .drawer-content, #drawer-3 .drawer-content { height: auto; }
	#drawer-1 .drawer-text, #drawer-2 .drawer-text, #drawer-3 .drawer-text { padding-top: 40px; }

	.interactive .intro-text p {
		font-size: 16px;
	}
	
	.popup-image {
		height: 88px;
		width: 88px;
		
		-webkit-background-size: 300px;
		   -moz-background-size: 300px;
		        background-size: 300px;
	}

	.popup-text {
		padding-left: 120px;
	}
		
	.popup-image-wrapper {
		-webkit-background-size: 98px;
		   -moz-background-size: 98px;
		        background-size: 98px;
	}

		#popup-1 .popup-image,
			#popup-2 .popup-image,
			#popup-3 .popup-image,
			#popup-4 .popup-image,
			#popup-5 .popup-image { left: 5px; top: 5px; }
	
		#popup-1 .popup-image-wrapper,
			#popup-2 .popup-image-wrapper,
			#popup-3 .popup-image-wrapper,
			#popup-4 .popup-image-wrapper,
			#popup-5 .popup-image-wrapper { height: 97px; width: 97px; }

		#popup-1 .popup-image { background-position: 0 0; }
		#popup-2 .popup-image { background-position: -100px 0; }
		#popup-3 .popup-image { background-position: -200px 0; }
		#popup-4 .popup-image { background-position: 0 -100px; }
		#popup-5 .popup-image { background-position: -100px -100px; }
}

@media (max-width: 460px) {
	.banner-container .hed-dek-wrapper {
		height: auto;
		padding-bottom: 40px;
	}
	
	.banner-container .hed {
		margin-left: 20px;
		margin-right: 20px;
		width: auto;
		
		-webkit-background-size: 100%;
		   -moz-background-size: 100%;
		        background-size: 100%;
	}
	
	.banner-container .dek {
		font-size: 18px;
	}
}

@media (max-width: 400px) {
	.banner-container {
		height: 380px;
	}
	
	.banner-container .hed-dek-wrapper {
		padding-bottom: 20px;
	}
	
	.interactive {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.popups-wrapper li {
		margin-bottom: 20px;
	}
	
	.popups-wrapper li h4 {
		font-size: 20px;
	}
	
	.popups-wrapper li p {
		font-size: 15px;
	}
}


/* --------------------------------- */
/* ----------[ INTERFACE ]---------- */
/* --------------------------------- */

#primary #masthead {
	background-color:#160007;
	background-image: none;
	border-bottom: 1px solid #2f2934;
}

#primary #masthead h1 a {
	background-position: 0 13px;
}

#primary #masthead h2 a {
	color: #fff;
}

#primary .square-link {
	background-color: #220d14;
	border-bottom: 1px solid #2f2934;
}

#primary #archive-link {
	border-right: 1px solid #2f2934;
}

#primary #search-link {
	border-left: 1px solid #2f2934;
}

.ask-the-experts .ate-arrow {
	color: #89183e;
}

#comments_related_wrapper { background: #f8f5ee; }
ul.commentlist li.depth-1 > article { border: 4px solid #efe7d6; }

a, .article-meta-footer .article-meta .meta-share a { color:#89183e; }

.article-meta .meta-tags a { background: #89183e; border: 1px solid #741132; }

button, input.button, input[type="button"], input[type="submit"], .button, .navigation span a { background-color:#89183e;border-bottom: 3px solid rgba(0,0,0,.25); }
button:hover,input.button:hover,input[type=button]:hover,input[type=submit]:hover,.button:hover,.navigation span a:hover,button:focus,input.button:focus,input[type=button]:focus,input[type=submit]:focus,.button:focus,.navigation span a:focus{background-color:#a1254e;}

@media (max-width: 741px) {
	#primary #masthead h1 a { background-position: 0 -255px; }
}