body {
	margin:0;
	padding:0;
	
	font-family: "GillSans", "HelveticaNeue", "Helvetica";
	background-color:hsla(40, 40%, 85%, 1.0);
	background-image:
				-webkit-gradient(linear, left top, left bottom, 
					from( hsla(40, 40%, 75%, 0.96) ),
					to(   hsla(40, 40%, 75%, 0.96) )
				),
				url("http://s3.amazonaws.com/Kiwi/images/noise.gif");
}

#bodyWrapper {
	width:100%;
	overflow:hidden;
	min-height: 800px;
}

h4 {
	display:block;
	position:relative;
	margin:0;
	margin-top:1em;
	padding:0;
	color: hsla(40, 80%, 20%, 1.0);
	text-shadow:0px 1px 1px hsla(0, 100%, 100%, 0.5);
	font-family: "Raleway", "GillSans", "HelveticaNeue", "Helvetica";
	font-weight:600;
	font-size:1.1em;
}

ul, li {
	display:block;
	position:relative;
	margin:0;
	padding:0;
}

div {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	border:0;
}

.c {
	overflow:hidden;
}
.r  {width:100%;margin:0 auto;text-align:center;}
.c0 {width:100%;margin:0 auto;}
.c1 {width:800px;margin:0 auto;}
.c2 {width:400px;float:left;}
.c21 {float:left;}
.c22 {float:right;}
.c3 {width:33%;}
.c31 {float:left;}
.c32 {margin:0 auto}
.c33 {float:right;}

.content {
	display:block;
	position:relative;
	margin:0;
	padding:1em 2em;
}

.rule {
	display:block;
	position:relative;
	width:800px;
	margin:50px auto;
}

.rule .left, .rule .right {
	display:block;
	position:relative;
	border-top:1px solid    hsla(40, 60%,  30%, 0.5);
	border-bottom:1px solid hsla(40, 40%, 100%, 0.25);
	width:45%;
	margin-top:9px;
	height: 1px;
	opacity:0.5;
}

.rule .left {
	margin-right:3%;
	float:left;
}

.rule .right {
	margin-left:3%;
	float:right;
}

.rule .center {
	display:block;
	background-image:url("http://s3.amazonaws.com/Kiwi/images/tiny_fruit_idle.png");
	background-repeat:none;
	margin:0 auto;
	width:18px;
	height:18px;
	opacity:0.25;
}

#topBar {
	height:40px;
	
	background-color: black;
	text-align:center;
	background-image:
				-webkit-gradient(linear, left top, left bottom, 
					from( hsla(40, 40%,  5%, 1.0) ),
					to(   hsla(40, 40%, 15%, 1.0) )
				);
}

#topBar ul {
	display:inline-block;

	height:40px;	
	margin:0 auto;
	font-family: "Raleway", "GillSans", "HelveticaNeue", "Helvetica";
	font-weight:200;
}

#topBar li {
	display:inline-block;

	height:20px;
	padding:10px 15px;
	
	color:white;
}

#topBar li a {
	color:white;
	text-decoration:none;
}

#topBar li a:hover {
	color:hsla(40, 40%, 65%, 1.0);
}

#topBar li {
	display:inline-block;

	height:20px;
	padding:10px 15px;
	
	color:white;
}

#splash {
	height:775px;
	
	background-color:hsla(40, 40%, 65%, 1.0);
    background-image:url("http://s3.amazonaws.com/Kiwi/images/200.png");
    background-repeat:no-repeat;
    background-size:100% 550px;
    border-bottom:1px solid hsla(40, 40%, 45%, 1.0);
}

#splash h1 {
	margin-top:100px;
	font-size:140px;
	font-weight:lighter;
	color:white;
	text-shadow:0px 4px 10px hsla(250, 90%, 50%, 0.65);
	font-family: "Raleway", "GillSans", "HelveticaNeue", "Helvetica";
	font-weight:200;
}

#splash h2 {
	margin-top:-10px;
	font-size:30px;
	font-weight:lighter;
	color:hsla(80, 100%, 15%, 1.0);
	text-shadow:0px 1px 1px hsla(0, 0%, 100%, 1.0);
}

#buttonRow {
	margin-top:50px;	
}

.buttonColumn {
	display:inline-block;
	width:49%;
	margin-bottom:20px;	
}

.button {
	display:inline-block;

	width:100px;	
	margin:1px 25px;
	padding:10px 20px;

	background-color:hsla(40, 40%, 18%, 1.0);
	background-image:
				-webkit-gradient(linear, left top, left bottom, 
					from( hsla(40, 40%, 28%, 1.0) ),
					to(   hsla(40, 40%, 18%, 1.0) )
				);
					
	border: 2px solid hsla(80, 100%, 95%, 1.0);
	box-shadow:0px 1px 3px hsla(0, 0%, 0%, 0.3);
	border-radius:4px;
	
	color:hsla(80, 100%, 95%, 1.0);
	font-size:20px;
	text-shadow:0px -1px 0px hsla(0, 0%, 0%, 0.25);
}

.button:hover {
	background-color:hsla(40, 40%, 28%, 1.0);
	background-image:
				-webkit-gradient(linear, left top, left bottom, 
					from( hsla(40, 40%, 38%, 1.0) ),
					to(   hsla(40, 40%, 28%, 1.0) )
				);
}

.button:active {
	background-color:hsla(40, 40%,  8%, 1.0);
	background-image:
				-webkit-gradient(linear, left top, left bottom, 
					from( hsla(40, 40%, 18%, 1.0) ),
					to(   hsla(40, 40%,  8%, 1.0) )
				);
}

#requirements {
	margin-top:5px;
	font-size:13px;
	color:hsla(120, 100%, 20%, 0.65);
	text-shadow:0px 1px 3px hsla(0, 0%, 0%, 0.1);
}

#requirements a {
	margin-top:5px;
	font-size:13px;
	color:hsla(120, 100%, 20%, 0.75);
	text-shadow:0px 1px 3px hsla(0, 0%, 0%, 0.1);
	text-decoration:underline;
}

#requirements a:hover {
	margin-top:5px;
	font-size:13px;
	color:hsla(120, 100%, 15%, 0.9);
	text-shadow:0px 1px 3px hsla(0, 0%, 0%, 0.1);
}

#splashRight {
	width:400px;
	height:600px;
	overflow:visible;
}

#splashMain {
	overflow:visible;
    border:1px solid transparent;
}

.mainImage {
	position:absolute;
	margin:20px auto;
	background-repeat: no-repeat;
	width:360px;
	height:588px;
	background-size: 360px 588px;
}

	.mainImage.n0 { background-image:url("images/shot_home.png"); }
	.mainImage.n1 { background-image:url("http://s3.amazonaws.com/Kiwi/images/shot_conversation.png"); }
	.mainImage.n2 { background-image:url("http://s3.amazonaws.com/Kiwi/images/shot_user.png"); }
	.mainImage.n3 { background-image:url("http://s3.amazonaws.com/Kiwi/images/shot_follow.png"); }

@media only screen and (-webkit-device-pixel-ratio: 2){
	.mainImage.n0 { background-image:url("images/shot_home@2x.png"); }
	.mainImage.n1 { background-image:url("http://s3.amazonaws.com/Kiwi/images/shot_conversation@2x.png"); }
	.mainImage.n2 { background-image:url("http://s3.amazonaws.com/Kiwi/images/shot_user@2x.png"); }
	.mainImage.n3 { background-image:url("http://s3.amazonaws.com/Kiwi/images/shot_follow@2x.png"); }
}

.thumbtitle {
	text-align:center;
}

.thumb {
	position:relative;
	margin:35px auto;
	background-repeat: no-repeat;
	width:320px;
	box-shadow: 0px 3px 5px hsla(0, 0%, 0%, 0.25);
}

	.lodpi {display:block;}
	.hidpi {display:none;}
	.thumb {
		height:189px;
		background-size: 320px 189px;
	}
	#t0.thumb { background-image:url("http://s3.amazonaws.com/Kiwi/images/thumb_autocomplete.png"); }
	#t1.thumb { background-image:url("http://s3.amazonaws.com/Kiwi/images/thumb_drafts.png"); }
	#t3.thumb { background-image:url("http://s3.amazonaws.com/Kiwi/images/thumb_inline.png"); }
	#t4.thumb { background-image:url("http://s3.amazonaws.com/Kiwi/images/thumb_user.png"); }


@media only screen and (-webkit-device-pixel-ratio: 2){
	.lodpi {display:none;}
	.hidpi {display:block;}
	.thumb {
		height:189px;
		background-size: 320px 189px;
	}
	#t0 { background-image:url("http://s3.amazonaws.com/Kiwi/images/thumb_autocomplete@2x.png"); }
	#t1 { background-image:url("http://s3.amazonaws.com/Kiwi/images/thumb_drafts@2x.png"); }
	#t3 { background-image:url("http://s3.amazonaws.com/Kiwi/images/thumb_inline@2x.png"); }
	#t4 { background-image:url("http://s3.amazonaws.com/Kiwi/images/thumb_user@2x.png"); }
}

#fullWrapper {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	-webkit-transition:0.5s;
}

#fd {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:0.5s;
	background-color:hsla(0,0%,0%,0.5);
}

#fullCentering {
	position:absolute;
	top:0;
	width:50%;
	height:50%;
}

#fullWrapper.show {
	display:block;
}

#fullWrapper.hide {
	display:none;
}

.full {
	position:absolute;
	bottom:0;
	right:0;
	width:160%;
	max-width:1280px;
	margin-right:-80%;
	margin-bottom:-50%;
	box-shadow: 0px 10px 20px hsla(0, 0%, 0%, 0.75);
	-webkit-transition:0.5s;
}

.full.show {
	opacity:1.0;
}
.full.hide {
	opacity:0.0;
	-webkit-transform: scale(0.7,0.7);
}

#splash h3 {
	position:absolute;
	margin-top:30px;
	font-size:32px;
	line-height:45px;
	color:hsla(40, 40%, 95%, 1.0);
	text-shadow:0px -1px 1px hsla(40, 0%, 0%, 0.25);
	font-family: "Raleway", "GillSans", "HelveticaNeue", "Helvetica";
	font-weight:600;
}

#splash #h3Wrapper {
	margin-top:30px;
	font-size:40px;
	font-weight:lighter;
	height:200px;
	overflow:visible;
}

#splashBottom {
	top:570px;
	overflow:visible;
}


.n {
	-webkit-transition:0.5s;
	-webkit-transform:rotate(0deg);
}

.n0 { -webkit-transform-origin:  110% -300%; }
.n1 { -webkit-transform-origin:  -10% -200%; }
.n2 { -webkit-transform-origin:  110% -300%; }
.n3 { -webkit-transform-origin:  -10% -200%; }

.offscreen {
	-webkit-transform:rotate(-150deg);
	opacity:0;
	-webkit-transition:1.0s;
}

.n1.offscreen {
	-webkit-transform:rotate(150deg);
}

.n2.offscreen {
	-webkit-transform:rotate(-150deg);
}

.n3.offscreen {
	-webkit-transform:rotate(150deg);
}

#features {
	margin:4em auto;
	color: hsla(40, 40%, 20%, 1.0);
}

#features ul {
	display:block;
	position:relative;
	margin:0;
	padding:1em 3em;
}

#features li {
	display:block;
	position:relative;
	margin:0;
	margin-bottom:0.25em;
	padding:0;
}

#features h3 {
	display:block;
	position:relative;
	margin:-20px auto 0px auto;
	padding:0;
	text-align:center;
	text-shadow:0px 1px 1px hsla(0, 100%, 0%, 0.4);
	font-family: "Raleway", "GillSans", "HelveticaNeue", "Helvetica";
	font-weight:600;
	font-size:1.0em;
}

#features h4 {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	color: hsla(40, 40%, 100%, 1.0);
	text-shadow:0px 1px 1px hsla(0, 100%, 0%, 0.4);
	font-family: "Raleway", "GillSans", "HelveticaNeue", "Helvetica";
	font-weight:600;
	font-size:1.1em;
}

#features h4:before {
	display:inline-block;
	content:url("images/favicon_small.png");
	margin-left:-20px;
	margin-right:4px;
	margin-top:14px;
	vertical-align:-5%;
}

#rule {
	position:absolute;
	border-top:   1px solid hsla(40, 40%, 50%, 1.0);
	border-bottom:1px solid hsla(40, 40%, 80%, 1.0);
	top: 550px;
	width:100%;
	height:0px;
}

#pager {
	position:absolute;
	top: 740px;
	width:100%;
	height:10px;
	color: hsla(40, 40%, 20%, 1.0);
	text-shadow:0px 1px 1px hsla(0, 100%, 100%, 0.8);
	cursor:pointer;
}

#pager div {
	display:inline-block;
	padding:5px;
}

#spin {
	position:absolute;
	top: 0px;
	width:100%;
	height:550px;
	overflow:hidden;
}

#spinner {
	position:absolute;
	top:-400px;
	right:-200px;
	margin:0 0 0 0 ;
	width:1600px;
	height:1600px;
	background-image:url("http://s3.amazonaws.com/Kiwi/images/icon_512x512.png");
	background-repeat:no-repeat;
	background-size:100%;
	background-positon:center;
	-webkit-filter:blur(1px);
	-webkit-transition:350s;
	-webkit-transition-timing-function:linear;
	opacity:0.35;
}

.twirl {
	-webkit-transform:rotate(360deg);
}

#footer {
	font-size:0.9em;
	color:hsla(120, 100%, 0%, 1.0);
	margin-top:-20px;
	padding-top:50px;
	padding-bottom:30px;
	background-image:
				-webkit-gradient(linear, left top, left bottom, 
					from( 			hsla(40, 40%, 75%, 0.96) ),
					color-stop(15%, hsla(40, 50%, 83%, 0.94) ),
					to(   			hsla(40, 50%, 83%, 0.94) )
				),
				url("http://s3.amazonaws.com/Kiwi/images/noise.gif");
}

#footer a {
	color:hsla(120, 100%, 20%, 1.0);
	text-decoration:none;
}

#footer a:hover {
	color:hsla(120, 10%, 100%, 1.0);
}

#finale {
	height:10px;	
	background-color:hsla(80, 100%, 40%, 1.0);
	border-top:1px solid    hsla(80, 100%, 30%, 1.0);
}

#adnbuttonwrapper {
	display:block;
	position:absolute;
	top:7px;
	right:0px;
	width:175px;
	height:30px;
	text-align:right;
}