.sectionTitle, .specialTVTitle{
	color:#222;
}


.pixel_mainFrame{
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#mainPicture{
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#pixel_mainFrame{
  box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

#pixel_blowup1{
	position: absolute;
	width: 29%;
	right:35px;
	top:170px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	border-radius: 50%;
}

#pixel_blowup2{
	position: absolute;
	width: 34%;
	left:35px;
	bottom:-70px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	border-radius: 50%;
}

.pixelPattern{
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#imacScreen{
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	bottom:165px;
}

#imacScreen iframe{
	position:absolute;
	top:4%;
	left:16%;
}


#arrow{
	position: relative;
	left:-50%;
	padding-bottom: 7%;
	margin: 0 auto;
}

.moreContent{
	text-align:center;
	margin:0 auto;
	position:relative;
	top: -120px;
	-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;

}

#buttonContainer{
	position:absolute;
	top:46%;	
	left: 50%;
}

#goButton{
	position: relative;
	color:#FFF;
	background-color:#C00;
	padding:15px 35px;
	left: -50%;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 2px 1px #000;
  	-moz-box-shadow: 1px 2px 1px #000;
  	box-shadow: 1px 2px 1px #000;
 	transition: all 0.5s;
 	-moz-transition: background-color 0.5s;
  	-webkit-transition: background-color 0.5s;
}

#goButton:hover{
	background-color:#000;
 	transition: background-color 0.5s;
 	-moz-transition: background-color 0.5s;
  	-webkit-transition: background-color 0.5s;
}

#goButton a{
	color:#FFF;
}

#goButton a:hover{
	color:#FFF;
}


#pixelBlowUpRight{
	float:right;
	position:absolute;
	bottom:4%;
	right:20px;	
}

#moreVisual{
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	top:-50px;
	padding-bottom:5%;
}

#pixelLayersPic{
	position: relative;
	padding-top: 5%;
	top: -170px;
}

#pixelLayerBack{
	width: 89%;
}

#pixelLayer0, #pixelLayer1, #pixelLayer2, #pixelLayer3, #pixelLayer4, #pixelLayer5{
	position: absolute;
	width: 89%;
	top: 200px;
	left: 6%;
	transition: all .5s ease-in-out;
}

#pixelLayer0{
	padding-top: 18%;
}

#pixelLayer4{
	width: 44%;
	padding-left: 22.5%;
	padding-top: 9.5%;
}

#pixelLayer5{
	width: 12%;
	padding-left: 37%;
	padding-top: 15%;
}

.facebookContent{ position:relative; margin:0 auto; text-align:center; overflow:hidden; padding-top:5%; padding-bottom:5%; margin-bottom:5%; background-color:#c3c3c3; top:-20px;}
.facebookGroup{ width:80%; text-align:center; margin: 0 auto; padding-left: 10%; padding-right: 10%; position:relative; overflow:hidden;}
.fbGrid{ max-width: 438px; max-height: 350px; display:block; float: left; margin-right: auto; margin-left: auto; margin-bottom: 2%; padding:1%;}
.socialPic{ max-width:438px; width:100%; border:0; }

#pixelPatternPic{
	position:absolute;
	left:0;
	bottom:0;
	display:block;
}
@media screen and (min-width:50px) {
	.mainPic{width:100%;}
	#imacScreen #macScreenPic{width:73%;}
	#imacScreen{bottom:60px;}
	.moreContent{top:-60px;}
	#pixel_mainFrame{width:73%; padding-top: 5%;}
	.fbGrid{width:96%;}
	#codePic{width:73.55%; padding-bottom:3%;}
	#pixelPatternPic{width:100%;}
	#pixelBlowUpRight{width:30.7%;}
	#pixel_blowup1{right:15px; top:210px;}
	#pixel_blowup2{left:15px; bottom:-30px;}	
	#goButton{display:none;}
	#arrow{display:none;}
}

@media screen and (min-width:500px) {
	#imacScreen{bottom:85px;}
	.moreContent{top:-100px;}
}

@media screen and (min-width:600px) {
	.moreContent{top:-90px;}
	.fbGrid{width:48%;}
	#pixel_blowup1{right:35px; top:170px;}
	#pixel_blowup2{left:35px; bottom:-70px;}

}

@media screen and (min-width:665px) {
	#goButton{display:block;}
	#arrow{display:block;}	
}

@media screen and (min-width:800px) {
	#imacScreen{bottom:100px;}
	.moreContent{top:-120px;}
}

@media screen and (min-width:1000px) {
	#imacScreen{bottom:145px;}	
}

@media screen and (min-width:1200px) {
	#imacScreen{bottom:165px;}
}
