#sliderContainer{
	background:url(../caseStudies/poster-back2.jpg) repeat-y;
	width: 100%;
	background-size: 100%;
	position: relative;
	margin-bottom:10%;
}

.silkScreen{
	padding-left:2%;
	padding-right:2%;
}

.process{
	position:relative;
	float:left;
	width:45%;
	text-align:center;
	margin:0 auto;
	padding-bottom:7%;
	padding-left:3%;
}

.fieldBorder{
	background:url(../caseStudies/poster_bottom_holder.png) repeat-x;
	width: 100%;
	height:42px;
	clear:both;
}

.field{
	background:url(../caseStudies/poster_pattern.jpg) repeat;
	width: 100%;
	position:relative;
	nargin:0 auto;
	text-align:center;
	overflow:hidden;
	padding-bottom:5%;
}

#fieldText{
	color:#FFF;
}

.fieldGroup{ max-width:1050px; text-align:center; margin: 0 auto; padding-top:20px; padding-left: 2%; padding-right: 0px; position:relative; overflow:hidden;}
.fieldGrid{ max-width: 350px; max-height: 380px; display:block; float: left; margin-right: auto; margin-left: auto; margin-bottom: 1%;}
.fieldPic{ max-width:343px; width:100%; border:0; }

nav {
	position: fixed;
}

@media screen and (min-width:50px) {
.fieldGrid{width:49%;}
.processPic{width:98%;}
}

@media screen and (min-width:400px) {

}

@media screen and (min-width:500px) {
.fieldGrid{width:48%;}
}

@media screen and (min-width:600px) {

}

@media screen and (min-width:665px) {
}

@media screen and (min-width:800px) {
.fieldGrid{width:33%;}
}

@media screen and (min-width:1000px) {
}

@media screen and (min-width:1200px) {

}

@media screen and (min-width:1300px) {
}

@media screen and (min-width:1550px) {
}

@media screen and (min-width:1600px) {
}
