*{
	margin:0;
	padding:0;
}

body{
	background: #f58a64; /* Old browsers */
background-image: url('../img/bubble-background.png'), -moz-linear-gradient(top,  #f58a64 0%, #fff088 100%); /* FF3.6+ */
background-image: url('../img/bubble-background.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f58a64), color-stop(100%,#fff088)); /* Chrome,Safari4+ */
background-image: url('../img/bubble-background.png'), -webkit-linear-gradient(top,  #f58a64 0%,#fff088 100%); /* Chrome10+,Safari5.1+ */
background-image: url('../img/bubble-background.png'), -o-linear-gradient(top,  #f58a64 0%,#fff088 100%); /* Opera 11.10+ */
background-image: url('../img/bubble-background.png'), -ms-linear-gradient(top,  #f58a64 0%,#fff088 100%); /* IE10+ */
background-image: url('../img/bubble-background.png'), linear-gradient(to bottom,  #f58a64 0%,#fff088 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58a64', endColorstr='#fff088',GradientType=0 ); /* IE6-9 */

	color:#fff;
	font-family: "gooddog-new", "helvetica", "arial", sans-serif;
	line-height: 1.5em;
}

header{
	width:900px;
	padding:40px 0 0 0;
	margin:0 auto;
}

h1{
	background-image:url('../img/WP_logo.png');
	background-repeat: no-repeat;
	background-position: top center;
	width:700px;
	height:282px;
	text-indent:-9999px;
	margin: 30px auto 0;
}

h2{
	margin: 20px auto 40px;
	text-align: center;
	font-family: "gooddog-new" "helvetica", "arial", sans-serif;
	  width: 80%;
}

h3{
	margin-bottom:30px;
	font-size: 1.5em;
	line-height: 1.7em;
	font-weight: 400;
	color: #eb5330;
}

h4{
	color: #eb5330;
}

h5{
	
}

h6{
}

.appstore_button{
	width:274px;
	height: 79px;
	background-image:url('../img/appstore_button.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	margin: 40px auto 0;
	border:7px solid #fff;
	border-radius:20px;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
}

.appstore_button:hover{
background-position: top center;
}

.comingsoon_button{
	width:274px;
	height: 79px;
	background-image:url('../img/appstore_button_comingsoon.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	margin: 40px auto 0;
	border:7px solid #fff;
	border-radius:20px;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
}

.comingsoon_button:hover{
background-position: top center;
}

#app_intro{
		float:right;
		width:610px;
		margin: 0 auto;
		padding: 410px 0 0 0;
}

#app_intro .appstore_button{
	background-image:url('../img/appstore_button_with_shadow.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	width:288px;
	height: 88px;
}

#app_intro .appstore_button:hover{
background-position: 0 -1px;
height:86px;
}

.main_screenshot{
width: 772px;
height: 552px;
margin:0 auto;
display:block;
}

.scenecollection{
width: 772px;
height: 552px;
margin:0 auto 100px;
display:block;
}

#app_screenshots{
  height: 530px;
}

#app_detail{
		width:1000px;
		margin: 0 auto;
		padding:60px 0 0 0;
		clear: both;
}

#app_detail p{
		color: #fff;
}

#app_detail .appstore_button{
margin: 50px auto 100px;
clear:both;
}

#app_detail .comingsoon_button{
margin: 50px auto 100px;
clear:both;
}

#features{
list-style-type: none;
}

#features h4{
	font-size:1.6em;
	line-height: 1.3em;
	margin-bottom:10px;
	font-weight: 400;
		font-family: "gooddog-new" "helvetica", "arial", sans-serif;
}


#features li{
	width:260px;
	float: left;
}

#feature_45{
	background-image:url('../img/icon_pirate.png');
	background-position: top center;
	background-repeat: no-repeat;
	padding-top:150px;
	text-align: center;
	font-weight: 400;
	margin:0 0 20px 50px;
	width:260px;
}

#feature_shapes{
	background-image:url('../img/icon_dog.png');
	background-position: top center;
	background-repeat: no-repeat;
		padding-top:150px;
	text-align: center;
	font-weight: 400;
	margin: 0 60px 20px;
	width:260px;
}

#feature_intuitive{
	background-image:url('../img/icon_train.png');
	background-position: top center;
	background-repeat: no-repeat;
		padding-top:150px;
	text-align: center;
	font-weight: 400;
  margin: 0 50px 60px 0px;
	width:260px;
}

#madewithlove{
background-color:#eb5331;
	width:100%;
	height:180px;
	padding: 40px 0 0 0;
	  clear: both;
}

#WPTV{
background-color:#ec5333;
	background-image:url('../img/WPTV_banner.jpg');
	background-repeat: no-repeat;
		background-position: top center;
width: 100%;
height: 500px;
}

#WPTV h4{
	text-indent:-999999px;
}

#WPTV .appstore_button{
	margin:330px auto 0;
}

#WPH{
background-color:#7b3eb4;
	background-image:url('../img/WP_banner_halloween.jpg');
	background-repeat: no-repeat;
		background-position: top center;
width: 100%;
height: 500px;
}

#WPH h4{
	text-indent:-999999px;
}

#WPH .appstore_button{
	margin:330px auto 0;
}

#WPM{
background-color:#7b3eb4;
	background-image:url('../img/WP_banner_monsters.jpg');
	background-repeat: no-repeat;
		background-position: top center;
width: 100%;
height: 500px;
}

#WPM h4{
	text-indent:-999999px;
}

#WPM .appstore_button{
	margin:330px auto 0;
}

#WPC{
background-color:#6cdfe7;
	background-image:url('../img/WP_banner_christmas.jpg');
	background-repeat: no-repeat;
		background-position: top center;
width: 100%;
height: 500px;
}

#WPC h4{
	text-indent:-999999px;
}

#WPC .appstore_button{
	margin:330px auto 0;
}

.weetaps_ad{
		background-image:url('../img/madewithlove.png');
		width:557px;
		height:149px;
		margin:0 auto;
		text-indent: -9999px;
}

footer{
	background-color:#272727;
	height: 45px;
	color: #fdfccb;
	font-size: 1.7em;
	padding:25px 0 0 40px;
}

footer a:link, footer a:visited{
	color: #fff;
}

footer a:hover{
	color:#f7d9d9;
}

footer h6{
	float:left;
	margin-right:40px;
		font-weight:400;
}

footer .copyright{
	float:right;
}

#promo_video{
    margin: 50px auto 50px;
	width:640px;
	height:360px;
	border: 10px solid #fff;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
}

#follow{
clear:both;
width:100%;
background-color:#ffffff;
height:60px;
margin: 80px auto 0;
font-weight:normal;
	font-size: 1.3em;
	font-family: "gooddog-new", helvetica, arial, sans-serif;
	text-shadow: none;
    padding: 0px 0 35px 0px;
}


#follow h4{
	float:left;
	height:60px;
	    padding: 35px 0 0 66px;
	    margin:0 20px;
}

#link_facebook{
	color:#557dbb;
	background-image:url('../../img/icon_facebook.png');
	background-repeat: no-repeat;
	background-position: left center;
}

#link_twitter{
	color:#7bcdee;
		background-image:url('../../img/icon_twitter.png');
	background-repeat: no-repeat;
	background-position: left center;
}

#link_mailinglist{
	color:#eb5331;
		background-image:url('../../img/icon_mailinglist.png');
	background-repeat: no-repeat;
	background-position: left center;
}

#follow_links{
	width:830px;
	margin:0 auto;
}

#link_facebook:hover{
	color:#204a8b;
}

#link_twitter:hover{
	color:#40a7d1;
}

#link_mailinglist:hover{
	color:#ce3411;
}


@media all and (-webkit-min-device-pixel-ratio : 1.5) {



h1{
	background-image:url('../img/WP_logo@2x.png');
	background-size: 700px 282px;
	}
	
h2{

	}
	
.appstore_button{
	background-image:url('../img/appstore_button@2x.png');
	background-size: 274px;
	}
	
	.comingsoon_button{
	background-image:url('../img/appstore_button_comingsoon@2x.png');
	background-size: 274px;
	}
	
	#app_intro .appstore_button{
	background-image:url('../img/appstore_button_with_shadow@2x.png');
	background-size: 288px;
	}
	
	#feature_45{
	background-image:url('../img/icon_pirate@2x.png');
	background-size: 150px 150px;
	}
	
	#feature_shapes{
	background-image:url('../img/icon_dog@2x.png');
	background-size: 150px 150px;
	}
	
	#feature_intuitive{
	background-image:url('../img/icon_train@2x.png');
	background-size: 150px 150px;
	}
	
	.weetaps_ad{
		background-image:url('../img/madewithlove@2x.png');
		background-size: 557px 149px;
		}
		
		#link_facebook{
	background-image:url('../../img/icon_facebook@2x.png');
background-size: 56px 55px;
}

#link_twitter{
		background-image:url('../../img/icon_twitter@2x.png');
background-size: 56px 55px;
}

#link_mailinglist{
		background-image:url('../../img/icon_mailinglist@2x.png');
background-size: 56px 55px;
}
	
}


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

body{
	}

header{
	width: 730px;
	padding:0;
height: 830px;
}

h1{
  background-size: 100%;
  width: 700px;
  height: 282px;
  margin-top: 40px;
	}
	
h2{
	background-size: 100%;
width: 60%;
height: 53px;
margin-bottom: 40px;
	}
	
	header h3{
		font-size: 1.3em;
line-height: 1.5em;
	}
	
	#app_intro{
width: 460px;
margin: 0 auto;
padding: 244px 0 0 0;
	}
	
.main_screenshot{
	width: 640px;
	height:auto;
}

.scenecollection{
	width: 640px;
	height:auto;
}

		.sleep_video{
		width:180px;
		height:319px;
		margin: 66px 0 0 -196px;
		}

#app_detail {
width: 760px;
    margin-top: 0px;
}

#features li {
width: 226px;
margin: 0 13px 20px;
}

#feature_45{
	margin: 0 0 20px 0px;
}

#feature_intuitive{
	margin: 0 0 20px 0px;
}

.nivoSlider {
  position: relative;
  width: 509px;
  height: 381px;
  margin: -419px 0 0 111px;
  overflow: hidden;
}

#follow{
height:190px;
}

#follow_links{
	width:320px;
	margin:0 auto;
	padding:20px 0 0 0;
}

#follow_links h4{
    height: 45px;
    padding: 15px 0 0 66px;
}

#promo_video{
	    margin: 80px auto 20px;
}

}

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

body{
	  background-size: 100%;
	}

header{
	width: 320px;
	padding:0;
    height: 500px;
}

h1{
background-size: 100%;
width: 320px;
  height: 129px;
	}
	
h2{
background-size: 100%;
width: 90%;
height: 33px;
margin-bottom: 110px;
  font-size: 1.3em;
	}
	
	header h3{
		font-size: 1.3em;
line-height: 1.5em;
text-align: center;
width: 280px;
	}
	
	#app_intro{
	float:left;
width: 300px;
margin: 0 0 0 20px;
padding: 20px 0 0 0;
	}
	
	#app_intro .appstore_button {
margin: 0 0 0 -3px;
}
	
.main_screenshot{
width: 318px;
height: auto;
}

.scenecollection{
width: 318px;
height: auto;
margin:50px auto 50px auto;
}

#app_detail {
width: 320px;
}

#app_detail .appstore_button{
margin: 50px auto 70px;
clear:both;
}

#app_detail .comingsoon_button{
margin: 50px auto 0px;
clear:both;
}

.nivoSlider {
    position: relative;
  width: 250px;
  height: 187px;
  margin: -207px 0 0 35px;
  overflow: hidden;
  }

#features li {
width: 250px;
margin: 0 auto 30px;
float: none;
}

#madewithlove{
width: 100%;
height: 90px;
padding: 20px 0 80px 0;
}

.weetaps_ad {
	background-size:80%;
	background-position: center center;
background-repeat: no-repeat;
width: 100%;
}

footer{
	height: 105px;
}

footer h6{
	float: none;
text-align: center;
}

footer .copyright {
float:none;
}

#promo_video{
    margin: 70px auto 0px;
	width:300px;
	height:169px;
}



}