@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../fonts/BebasNeue-webfont.eot');
	src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BebasNeue-webfont.woff') format('woff'),
		url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
		url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, button, input, select, textarea { color: black; }
body { }
.wrapper { width: 960px; margin: 0 auto; }
.page { height: 888px; position: relative; background: url(../img/background.png) no-repeat; }
.page, h2 { font: 38px/38px 'BebasNeueRegular', sans-serif; font-stretch: narrower; }
sup { font-size: 22px; top: -13px; margin: 0 1px; }
small { font-size: 18px; line-height: 100%; }
a { text-decoration: none; }

.intro { padding: 28px 50px 50px; }
h1, h2 { font-weight: normal; }
h1 { margin: 0px 50px 45px; font-size: 81px; line-height: 48px; }
h1, .features { color: #009ee0; }
h2 { margin: 0 0 20px; padding-left: 10px; }
h2 span { background: url(../img/headline1.png) no-repeat center right; padding: 6px 25px 6px 40px; }
div.features { margin: 0 50px 45px; line-height: 48px; }
.extras { color: #7f2a90; font-size: 28px; }
h2.extras span { background: url(../img/headline2.png) no-repeat center left; }
div.extras { margin: 30px 50px 35px; }
.extras sup { font-size: 16px; top: -10px; }

.add-price { color: #f39025; }

.your-price { margin-left: 75px; }
.total-price { font-size: 81px; line-height: 71px; }
.total-price sup { top: -45px; }

a.order { display: block; position: absolute; left: 32px; bottom: 50px; width: 430px; height: 84px; background: url(../img/order-button.png) no-repeat 0 0; border: none; }
a.order strong { display: none; }

a.app-teaser { width: 338px; position: absolute; top: 610px; right: 20px; background: #dfdfdf url(../img/mtv-thumb.png) no-repeat 8px 7px; -webkit-border-radius: 9px; border-radius: 9px; color: black; font: 16px/19px arial, sans-serif; }
a.app-teaser span { display: block; margin: 13px 5px 13px 96px; }
a.app-teaser strong { display: block; font: 27px/100% 'BebasNeueRegular', sans-serif; }

.interrupter { position: absolute; top: 215px; left: 365px; width: 187px; height: 186px; background: url(../img/interrupter.png) no-repeat 0 0; color: white; text-align: center; font-size: 62px; line-height: 52px; }
.interrupter strong { display: block; margin-top: 37px; font-weight: normal; }
.interrupter sup { top: -35px; }

.footer { padding: 10px; margin-bottom: 10px; position: relative; }
.legal-open, .legal-close { color: black; font-size: 14px; font-weight: bold; line-height: 100%; background: url(../img/legal.png) no-repeat center left; padding: 7px 30px 7px 7px; }
.legal-close { position: absolute; top: 10px; right: 10px; background: url(../img/close.png) no-repeat center; padding: 7px 30px; }
.legal { font: 11px/14px arial, sans-serif; color: #8f8f8f; margin-top: 20px; }