/* CSS Document */
<style type="text/css">
a{}

@font-face {
	font-family: 'Franchise2';
        src: url('franchise-bold-webfont3.eot');
	src: local('☺'), url('franchise-bold-webfont3.woff') format('woff'), url('franchise-bold-webfont3.ttf') format('truetype'), url('franchise-bold-webfont3.svg#webfontdI5uohOI') format('svg');
    	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSlab500';
        src: url('museo_slab_500-webfont.eot');
	src: local('☺'), url('museo_slab_500-webfont.woff') format('woff'), url('museo_slab_500-webfont.ttf') format('truetype');
    	font-weight: normal;
	font-style: normal;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background: none repeat scroll 0 0 transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color: #b3b0a0;
	text-decoration: none;
	outline: 0;
}

a:hover { color: #525046; }

a.buttonLink {
	display: inline-block;
	background-color: #252525;
	padding: 0.05em 0.4em;
	border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;
}

a.buttonLink:hover {
	background-color: #999;
}


ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

sup { font-size: x-small; vertical-align:text-top; }
/* END RESET CSS */


/*
 * base styles
 */

body { font:23px "MuseoSlab500", "Lucida Sans", "AmericanTypewriter", "Helvetica Neue", Arial; color: #dadad6; *font-size:small; *font:x-small; line-height:1.7; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; text-rendering: optimizeLegibility; }

html { -webkit-font-smoothing: antialiased; }

.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input.submit, button { cursor: pointer; }

::-moz-selection{ background: #45443d; color: #ece6d2; text-shadow: none; }
::selection { background: #acaba5; color: #ece6d2; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #FF5E99; }
html { overflow-y: scroll; }

button {  width: auto; overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic; }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


/*=============================			Normal Styles		1111 and higher		====================================*/

body {
	background: #000 url(../images/ab-test/city-bottom.jpg) bottom center no-repeat;
	padding-bottom: 500px;
	}


h1, h2 {
	text-transform: uppercase;
	font-family: 'Franchise2', Helvetica, Arial;
	font-weight:lighter;
    letter-spacing: -0.03em;
}

h3, h4 {
	font-family: "MuseoSlab500", "AmericanTypewriter", "Lucida Sans", Georgia, Arial;
	font-weight: bold;
}

h3 {
	font-size: 140%;
	margin-top: 0.5em; /*3em*/
}

h1 {
	font-size: 83px;
	line-height:68px;
}

h2 {
	line-height: 43px;
	font-size: 62px;
	position: relative;
	vertical-align:bottom;
}


 #hide-wrapper {
    position: relative;
    max-width: 1440px;
    overflow: hidden;
    margin: 0 auto;
}

 #subscribed {
	position: absolute;
	top: 6350px;
 }


#scrollImage {
	position: fixed;
	z-index: 1000; margin-left: -34px;
	bottom: -100px;
	left: 50%;
	cursor: pointer;
}

ul, ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0 7px 0 0;
    height: 44px;
 }

ul li a, ul li a:hover, #impressum a {
    font-size: 90%;
 }


/* -------------- Header ----------------- */

.index2 .connect {
	max-width: 700px;
	display: block;
	font-size: 95%;
	position: relative;
	z-index: 3;
	margin-top: 90px;
}

.index2 .connect a {
	display: block;
	margin-bottom: 20px;
}

.index2 #appstoreTop,
.index2 #appstoreBottom {
	background: transparent url(../images/ab-test/buy-now-custom-sprite.gif) top left no-repeat;
	height: 111px;
	width: 220px;
}

.index2 #appstoreTop:hover,
.index2 #appstoreBottom:hover {
	background-position: -220px 0px;
}

.index2 .connect h3 {
	font-size: 120%;
	margin: 0px;
}

.index2 #benLargeCharacter {
	position: absolute;
	right: 0px;
	top: 20px;
	z-index: 11;

}

.index2 #priceTag {
	position: absolute;
	left: 550px;
	z-index: 10;
	top: -20px;
}

header, footer {
	display: block;
	width: 56em;
	margin: 0 auto;
    overflow: hidden;
}

.index2 header h1 {
	color: #ffffff;
	font-size: 160px;
	letter-spacing: -0.03em;
}

.index2 header {
	/*padding: 0px 40px 0px 40px;*/
	width: auto;
	position: relative;
	/*max-width: 800px;*/
    /*background: #000 url(../images/adieu.gif) no-repeat center top;*/

}

.index2 #ben_character {
	display: none;
}

.index2 header div {
	margin-left: 5px;
}

.index2 .review {
	margin-top: 15px;
	margin-bottom: 0px;
	max-width: 700px;
}

.index2 .name {
	margin-top: 0px;
	font-weight: bold;
}

.index2 .stars {
	color: #fff;
	font-size: 120%;
}

header p {
	margin: 2em 0 2em 0;
}

#adieu-animation {
    margin: 0 auto;
    position: relative;
    display: block ;
    max-width: 1098px;
    width: 100%;

}

#adieu-message {
    max-width: 650px;
    margin: 0 auto 0 auto;
    bottom: 10px;
    position:relative;
    display: block;
}

#ben-logo {
    display: block;
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 650px;
}

/* sign up form */
#house-bottom {
    z-index:100;
	width: 100%;
    position:relative;
    margin: 10% auto;
}

#sign_up_form {
	margin: 28px 0px 1em;
	width: auto;
	background-color: #252525;
	-webkit-border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	border-radius: 2.5em;
	padding: 2.4em 2.4em 2.2em 2.5em;
}

#logos {
	text-align: center;
	max-width: 614px;
	height: 65px;
	margin: 45px auto 16px auto;
}

#logos a, #logos img {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border: 0;
	padding: 0;
}

#nerdlink {
	margin: 1px 0 0 0;
}

#appersonalitylink {
	margin: 0 0 0 83px;
}

#toTheTop {
	margin: 0 auto;
	display: block;
	width: 5em;
	text-align: center;
}

#impressum ul, #impressum ul li {
	height: auto;
	margin: 0;
    text-align: center;
}

#impressum ul {
	margin: 5px auto 20px;
	display: block;
}

#impressum img, #impressum a {
	font-size: 65%;
 	vertical-align: baseline;
	display: block;
	margin-right: 27px;
	color: #4b4c47;
}

 #impressum li:last-child a {
 	margin-right: 0px;
 }

#sign_up_form div, #sign_up_form h2 {
	display: inline-block;
	vertical-align: middle;
    white-space: nowrap;
}

#sign_up_form.subscribed {
    text-align: center;
	width: auto;
	padding-bottom: 1.7em;
 }

#sign_up_form.subscribed h2 {
    font-size: 167px;
    line-height: 110px;
	margin: 0 0 10px 0;
}



.index2 #wrong {
	text-align: center;
}

.index2 #wrong h1 {
    font-size: 60px;
    margin-top: 10px;
}

.index2 #wrong p {
	margin-top: 20px;
}


/* special styles for ie6 and ie7 */

.ie6 body,
.ie7 body {
	font-size: 115%;
}

.ie6 #impressum ul,
.ie7 #impressum ul {
    width: 650px;
    padding-left: 30px;
    margin: 18px auto 0px;
	float: none;
}

.ie6 #impressum,
.ie7 #impressum {
	margin-bottom: 0px;
}

.ie6 #logos,
.ie7 #logos {
	margin-bottom: 50px;
}

.ie6 #impressum ul li, .ie6 #impressum ul li a,
.ie7 #impressum ul li, .ie7 #impressum ul li a
{
	display: block;
	float: left;
	margin-right: 10px;
}

.ie6 #sign_up_form form, .ie7 #sign_up_form form {
    width: 380px;
}

.ie6 #sign_up_form.subscribed h2, .ie7 #sign_up_form.subscribed h2 {
	line-height: 70%;
}

/*================================================ 1920 Desktop Version ======================================*/

/* removed */

/*=====================================================  1110px  =============================================*/

@media only screen and (max-width: 1110px) {

}

@media only screen and (max-width: 865px) {

    .index2 #adieu-message {
        width: 530px;
        font-size: 21px;
    }

    .index2 #adieu-message > h1 {
        font-size: 130px;
    }

}

/*iPod landscape 480 px (30em) -----------------------------------------*/
@media only screen and (max-width: 750px) {
    .index2 #adieu-message {
        width: 442px;
        font-size: 20px;
    }

    .index2 #adieu-message > h1 {
        font-size: 110px;
    }
    .index2 #wrong {
        font-size: 17px;
    }

    .index2 #wrong h1 {
        font-size: 47px;
    }

}

@media only screen and (max-width: 480px) {
    .index2 #adieu-message {
        width: 280px;
        font-size: 16px;
    }

    .index2 #adieu-message > h1 {
        font-size: 70px;
    }

	body {
		background: #000 url(../images/ab-test/city-bottom-480.jpg) bottom center no-repeat;
	}
}

@media only screen and (max-width: 440px) {

}


@media only screen and (max-width: 360px) {


}

/*   DEBUG STYLES    */

/* add class "debug" to body to use */

.debug h1,
.debug h2,
.debug h3 {
	border: 1px solid #ff00ff;
}

.debug p,
.debug div,
.debug header,
.debug ul {
	border: 1px solid #ffff00;
}



.debug a,
.debug img,
.debug iframe,
.debug li {
	border: 1px solid #00ffff;
}


</style>