.heroshot.artgalleryparty {
/*	background-color: red; */
	background-image: url(../images/ArtGalleryPartyHeroshot.png);
}

.heroshot.artgalleryparty h1 {
	color: transparent;
	text-shadow: none;
}

.heroshot.artgalleryparty h2 {
	color: transparent;
	text-shadow: none;
}

#intro {
	position: relative;
	height: 750px;
}

#intro .actionshot {
	position: absolute;
	width: 712px;
	height: 500px;
	top: -134px;
	left: 44px;
/*	background-color: blue; */
	background-image: url(../images/ArtGalleryPartyIntroDevice.png);
	background-size: 100%;
}

@-webkit-keyframes fade {
     0% { opacity: 0; }
    18% { opacity: 0; }
    20% { opacity: 1; }
    38% { opacity: 1; }
    40% { opacity: 0; }
   100% { opacity: 0; }
}

#intro .actionshot div {
	position: absolute;
	top: 73px;
	left: 73px;
	width: 534px;
	height: 303px;
	background-size: 100%;
	opacity: 0;
	-webkit-animation-name: fade;
	-webkit-animation-duration: 30s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
}

#intro .actionshot .actionshotA {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotA.png);
	opacity: 1;
	-webkit-animation-delay: 0s;
}

#intro .actionshot .actionshotB {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotB.png);
	-webkit-animation-delay: 5s;
}

#intro .actionshot .actionshotC {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotC.png);
	-webkit-animation-delay: 10s;
}

#intro .actionshot .actionshotD {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotD.png);
	-webkit-animation-delay: 15s;
}

#intro .actionshot .actionshotE {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotE.png);
	-webkit-animation-delay: 20s;
}

#intro .actionshot .actionshotF {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotF.png);
	-webkit-animation-delay: 25s;
}

#intro .buyButton {
	top: 366px;
	left: 476px;
}
#intro .buyButtonCaption {
	display: block;
	position: absolute;
	width: 220px;
	top: 420px;
	left: 436px;
	text-align: center;
}

#intro .minishot1 {
	position: absolute;
	width: 196px;
	height: 122px;
	top: 342px;
	left: 140px;
	background-image: url(../images/ArtGalleryPartyIntroIcon.png);
	background-size: 100%;
}

#intro .minishot2 {
	position: absolute;
	width: 330px;
	height: 50px;
	top: 362px;
	left: 140px;
	background-image: url(../images/SLUZZULSIntroButtons.png);
	background-size: 100%;
}

#intro p {
	font-size: 16px;
	position: relative;
	line-height: 25px;
	margin: 0;
	padding: 22px 0 0 0;
	text-align: left;
	text-indent: 0;
	color: rgb(31,31,31);
	width: 596px;
	top: 486px;
	left: 95px;
}

#feedback {
	position: relative;
	height: 70px;
}

#feedback p {
	font-size: 20px;
	line-height: 26px;
	position: relative;
	padding: 24px 0 0 0;
    top: 12px;
    text-align: center;
}

#specialthanks {
	position: relative;
	height: 720px;
}

#specialthanks .actionshot {
	position: absolute;
	width: 200px;
	height: 200px;
	top: 70px;
	left: 570px;
	background-image: url(../images/ArtGalleryPartySpecialThanksShot.png);
	background-size: 100%;
}

#specialthanks .minishot0 {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 120px;
	left: 160px;
	background-image: url(../images/ArtGalleryPartyMiniBio-MariaBouniol.png);
	background-size: 100%;
}

#specialthanks .minishot1 {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 120px;
	left: 60px;
	background-image: url(../images/ArtGalleryPartyMiniBio-DimitriBouniol.png);
	background-size: 100%;
}

#specialthanks .minishot2 {
	position: absolute;
	width: 156px;
	height: 156px;
	top: 326px;
	left: 20px;
	background-image: url(../images/ArtGalleryPartyMiniBio-RaphaelSmadja.png);
	background-size: 100%;
}

#specialthanks .minishot3 {
	position: absolute;
	width: 156px;
	height: 156px;
	top: 326px;
	left: 226px;
	background-image: url(../images/ArtGalleryPartyMiniBio-ElenaKariyannis.png);
	background-size: 100%;
}

#specialthanks .minishot4 {
	position: absolute;
	width: 156px;
	height: 156px;
	top: 532px;
	left: 20px;
	background-image: url(../images/ArtGalleryPartyMiniBio-GillesMingasson.png);
	background-size: 100%;
}

#specialthanks .minishot5 {
	position: absolute;
	width: 156px;
	height: 156px;
	top: 532px;
	left: 226px;
	background-image: url(../images/ArtGalleryPartyMiniBio-KarenGarofalini.png);
	background-size: 100%;
}

#specialthanks .minishot6 {
	position: absolute;
	width: 156px;
	height: 156px;
	top: 326px;
	left: 426px;
	background-image: url(../images/ArtGalleryPartyMiniBio-PatJessee.png);
	background-size: 100%;
}

#specialthanks .minishot7 {
	position: absolute;
	width: 156px;
	height: 156px;
	top: 532px;
	left: 426px;
	background-image: url(../images/ArtGalleryPartyMiniBio-GuillaumeZuili.png);
	background-size: 100%;
}

#specialthanks .minishot8 {
	position: absolute;
	width: 156px;
	height: 156px;
	top: 326px;
	left: 626px;
	background-image: url(../images/ArtGalleryPartyMiniBio-AndyLevin.png);
	background-size: 100%;
}

#specialthanks .minishot9 {
	position: absolute;
	width: 156px;
	height: 156px;
	top: 532px;
	left: 626px;
	background-image: url(../images/ArtGalleryPartyMiniBio-ColaSmith.png);
	background-size: 100%;
}

#specialthanks h2 {
	font-size: 36px;
	position: absolute;
	height: 50px;
	margin: 0;
	padding: 0;
	text-indent: 0;
	width: 430px;
	top: 30px;
	left: 30px;
}

#specialthanks p {
	font-size: 16px;
	position: absolute;
	line-height: 25px;
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent: 0;
	color: rgb(31,31,31);
	width: 200px;
	top: 120px;
	left: 320px;
}

#showcase {
	position: relative;
	height: 120px;
}

#showcase p {
	font-size: 20px;
	line-height: 26px;
	position: relative;
	padding: 24px 0 0 0;
    top: 12px;
    text-align: center;
}

#features {
	position: relative;
	height: 930px;
}

#features .actionshot {
	position: absolute;
	width: 500px;
	height: 949px;
	top: -40px;
	left: 390px;
	background-image: url(../images/AppArtGalleryPartyFeaturesShot.png);
	background-size: 100%;
}

#features .minishot {
	position: absolute;
	width: 300px;
	height: 250px;
	top: 580px;
	left: 60px;
	background-image: url(../images/ArtGalleryPartyFeatures.png);
	background-size: 100%;
}

#features h2 {
	font-size: 36px;
	position: absolute;
	height: 50px;
	margin: 0;
	padding: 0;
	text-indent: 0;
	width: 430px;
	top: 50px;
	left: 10px;
}

#features p {
	font-size: 16px;
	position: relative;
	line-height: 25px;
	padding: 24px 0 0 0;
	margin: 0;
	text-align: left;
	text-indent: 0;
	color: rgb(31,31,31);
	width: 360px;
	top: 120px;
	left: 40px;
}

#download {
	position: relative;
	height: 250px;
}

#download h2 {
	font-size: 36px;
	position: absolute;
	text-align: center;
	height: 50px;
	margin: 0;
	padding: 0;
	text-indent: 0;
	width: 600px;
	top: 0px;
	left: 100px;
}

#download .buyButton {
	top: 70px;
	left: 332px;
}

#download .buyButtonCaption {
	display: block;
	position: absolute;
	width: 220px;
	top: 124px;
	left: 292px;
	text-align: center;
}


@media only screen and (-moz-min-device-pixel-ratio: 1.5) and (min-device-width: 480px),
       only screen and (-o-min-device-pixel-ratio: 3/2) and (min-device-width: 480px),
       only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-width: 480px),
       only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 480px) and (orientation: landscape),
       only screen and (min-device-pixel-ratio: 1.5) and (min-device-width: 480px),
       only screen and (min-resolution: 1.5dppx) and (min-device-width: 480px)
{

.heroshot.artgalleryparty {
    background-image: url(../images/ArtGalleryPartyHeroshot@2x.png);
}

#intro .actionshot {
    background-image: url(../images/ArtGalleryPartyIntroDevice@2x.png);
}

#intro .actionshot .actionshotA {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotA@2x.png);
}

#intro .actionshot .actionshotB {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotB@2x.png);
}

#intro .actionshot .actionshotC {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotC@2x.png);
}

#intro .actionshot .actionshotD {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotD@2x.png);
}

#intro .actionshot .actionshotE {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotE@2x.png);
}

#intro .actionshot .actionshotF {
	background-image: url(../images/ArtGalleryPartyIntroDeviceShotF@2x.png);
}

#intro .minishot1 {
    background-image: url(../images/ArtGalleryPartyIntroIcon@2x.png);
}

#intro .minishot2 {
    background-image: url(../images/SLUZZULSIntroButtons@2x.png);
}

#specialthanks .actionshot {
    background-image: url(../images/ArtGalleryPartySpecialThanksShot@2x.png);
}

#specialthanks .minishot0 {
    background-image: url(../images/ArtGalleryPartyMiniBio-MariaBouniol@2x.png);
}

#specialthanks .minishot1 {
    background-image: url(../images/ArtGalleryPartyMiniBio-DimitriBouniol@2x.png);
}

#specialthanks .minishot2 {
    background-image: url(../images/ArtGalleryPartyMiniBio-RaphaelSmadja@2x.png);
}

#specialthanks .minishot3 {
    background-image: url(../images/ArtGalleryPartyMiniBio-ElenaKariyannis@2x.png);
}

#specialthanks .minishot4 {
    background-image: url(../images/ArtGalleryPartyMiniBio-GillesMingasson@2x.png);
}

#specialthanks .minishot5 {
    background-image: url(../images/ArtGalleryPartyMiniBio-KarenGarofalini@2x.png);
}

#specialthanks .minishot6 {
    background-image: url(../images/ArtGalleryPartyMiniBio-PatJessee@2x.png);
}

#specialthanks .minishot7 {
    background-image: url(../images/ArtGalleryPartyMiniBio-GuillaumeZuili@2x.png);
}

#specialthanks .minishot8 {
    background-image: url(../images/ArtGalleryPartyMiniBio-AndyLevin@2x.png);
}

#specialthanks .minishot9 {
    background-image: url(../images/ArtGalleryPartyMiniBio-ColaSmith@2x.png);
}

#features .actionshot {
    background-image: url(../images/AppArtGalleryPartyFeaturesShot@2x.png);
}

#features .minishot {
    background-image: url(../images/ArtGalleryPartyFeatures@2x.png);
}

}