@font-face {
	font-family: F_Grotesk_Thin_Italic;
    src: url(../fonts/fgroteskthin-italic-webfont.eot);
    src: url(../fonts/fgroteskthin-italic-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/fgroteskthin-italic-webfont.woff) format('woff'),
         url(../fonts/fgroteskthin-italic-webfont.ttf) format('truetype'),
         url(../fonts/fgroteskthin-italic-webfont.svg#F_Grotesk_Thin_Italic) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: F_Grotesk_Book;
    src: url(../fonts/fgrotesk-regular-webfont.eot);
    src: url(../fonts/fgrotesk-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/fgrotesk-regular-webfont.woff) format('woff'),
         url(../fonts/fgrotesk-regular-webfont.ttf) format('truetype'),
         url(../fonts/fgrotesk-regular-webfont.svg#F_Grotesk_Book) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: F_Grotesk_Demi;
    src: url(../fonts/fgroteskdemi-regular-webfont.eot);
    src: url(../fonts/fgroteskdemi-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/fgroteskdemi-regular-webfont.woff) format('woff'),
         url(../fonts/fgroteskdemi-regular-webfont.ttf) format('truetype'),
         url(../fonts/fgroteskdemi-regular-webfont.svg#F_Grotesk_Demi) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: F_Grotesk_Bold;
    src: url(../fonts/fgroteskbold-regular-webfont.eot);
    src: url(../fonts/fgroteskbold-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/fgroteskbold-regular-webfont.woff) format('woff'),
         url(../fonts/fgroteskbold-regular-webfont.ttf) format('truetype'),
         url(../fonts/fgroteskbold-regular-webfont.svg#F_Grotesk_Bold) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: F_Grotesk_Bold_Italic;
    src: url(../fonts/fgroteskbold-italic-webfont.eot);
    src: url(../fonts/fgroteskbold-italic-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/fgroteskbold-italic-webfont.woff) format('woff'),
         url(../fonts/fgroteskbold-italic-webfont.ttf) format('truetype'),
         url(../fonts/fgroteskbold-italic-webfont.svg#F_Grotesk_Bold_Italic) format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	
}

input, textarea {
    -webkit-appearance: none;
    border-radius: 0;
	border:none;
}

/* HEADER ////////////////////////////////////////////////////////////////////////////////////////////////*/
header{
	position:fixed;
	z-index:3;
	width:100%;
	height: 40px;
	background-color:rgba(255,0,151,.75);
	-moz-box-shadow: 0px 4px 4px -4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 4px 4px -4px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 4px -4px rgba(0,0,0,0.5);
}

header h1 a{
	color:#ffffff;
}

#headerInfo{
	height:100%;
}

#headerInfo img{
	display:block;
	float:left;
	margin-right:10px;
}

.identity{
	font-family:F_Grotesk_Thin_Italic;
	font-size:24px;
	margin-top:7px;
	letter-spacing:-1px;
	float:left;
}

a{
	text-decoration:none;
}

nav a{
	font-family:F_Grotesk_Demi;
	font-size:16px;
	text-transform:uppercase;
	color:#ffffff;
}

/* SECTIONS ////////////////////////////////////////////////////////////////////////////////////////////////*/
.sectionHeading{
	float:left;
	font-family:F_Grotesk_Bold;
	text-transform:uppercase;
}

section{
	width:100%;
}

#featureSection{
	float:left;
	padding-top:40px;
	-moz-box-shadow:inset 0px -4px 4px -4px rgba(0,0,0,0.5);
	-webkit-box-shadow:inset 0px -4px 4px -4px rgba(0,0,0,0.5);
	box-shadow:inset 0px -4px 4px -4px rgba(0,0,0,0.5);
}

#feature{
	position:relative;
}

#featureSection, .interludeSection, footer{
	background-attachment:fixed;
	background-size: 200px 200px;
	background-image:url(../images/debut_light_@2X.png);
}

#feature h3, #feature h2, #feature h1{
	text-align:center;
}

#feature h3{
	/* CONTEST */
	 /*font-family:F_Grotesk_Demi;*/ 
	/* FINALISTS / WINNERS */
	font-family:F_Grotesk_Bold_Italic;
	/*color:#000000;*/
	color:rgba(255,0,151,1);
	-moz-text-shadow:  0px 0px 2px rgba(0,0,0,.25);
	-webkit-text-shadow:  0px 0px 2px rgba(0,0,0,.25);
	text-shadow: 0px 0px 2px rgba(0,0,0,.25);
}

#feature h3 span{
	vertical-align:25%;
}

#feature h2{
	font-family:F_Grotesk_Thin_Italic;
	color:#000000;
	-moz-text-shadow:  0px 0px 2px rgba(0,0,0,.25);
	-webkit-text-shadow:  0px 0px 2px rgba(0,0,0,.25);
	text-shadow: 0px 0px 2px rgba(0,0,0,.25);
}

#feature h1{
	font-family:F_Grotesk_Bold_Italic;
	/*text-transform:uppercase;*/
	color:#000000;
	-moz-text-shadow:  0px 0px 2px rgba(0,0,0,.25);
	-webkit-text-shadow:  0px 0px 2px rgba(0,0,0,.25);
	text-shadow: 0px 0px 2px rgba(0,0,0,.25);
}

#featureSection a{
	display:block;
	background-color: #ff0097;
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
	color: #ffffff;
	font-family: F_Grotesk_Bold;
	text-transform:uppercase;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#aboutSection{
	clear:left; /* Unnecessary when gallery is present. */
}

#about .sectionHeading{
	color: #404040;
}

#about article p{
	font-family:F_Grotesk_Book;
	color:#808080;
}

#about aside p{
	font-family:F_Grotesk_Thin_Italic;
	color:#000000;
}

#about h3{
	font-family:F_Grotesk_Demi;
	color:#404040;
}

#categories li{
	font-family:F_Grotesk_Bold;
	color:#000000;
	text-transform:uppercase;
}

#jurorsList li{
	float:left;
	background-size: 100%;
	-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
}

#jurorOne{
	background-image:url(../images/gr.jpg);
}

#jurorTwo{
	background-image:url(../images/ys.jpg);
}

#jurorThree{
	background-image:url(../images/rf.jpg);
}

#jurorsList a{
	width:100%;
	padding-top:100%;
	display:block;
	background-color:rgba(255,0,151,.75);
	opacity:0;
	position:relative;
}

.jurorDetails{
	width:100%;
	position:absolute;
}

#jurorsList h4{
	font-family:F_Grotesk_Bold;
	color:#ffffff;
}

#jurorsList h5, #jurorsList h6{
	font-family:F_Grotesk_Thin_Italic;
}

#jurorsList h5{
	color:#000000;
}

#jurorsList h6{
	color:#ffffff;
}

.interludeSection{
	-moz-box-shadow:inset 0px -4px 4px -4px rgba(0,0,0,0.5), inset 0px 4px 4px -4px rgba(0,0,0,0.5);
	-webkit-box-shadow:inset 0px -4px 4px -4px rgba(0,0,0,0.5), inset 0px 4px 4px -4px rgba(0,0,0,0.5);
	box-shadow:inset 0px -4px 4px -4px rgba(0,0,0,0.5), inset 0px 4px 4px -4px rgba(0,0,0,0.5);
}

.interlude h3{
	text-align:center;
	font-family:F_Grotesk_Demi;
	color:#000000;
	-moz-text-shadow:  0px 0px 2px rgba(0,0,0,.25);
	-webkit-text-shadow:  0px 0px 2px rgba(0,0,0,.25);
	text-shadow: 0px 0px 2px rgba(0,0,0,.25);
}

.interlude h3 em{
	color:#ff0097;
	-moz-text-shadow:  0px 0px 1px rgba(0,0,0,.25);
	-webkit-text-shadow:  0px 0px 1px rgba(0,0,0,.25);
	text-shadow: 0px 0px 1px rgba(0,0,0,.25);
}

#submitSection{
	background-color:#000000;
}

#submit .sectionHeading{
	color: #bfbfbf;
}

#submit article p{
	font-family:F_Grotesk_Book;
	color:#808080;
}

#submit article p a{
	color:#ff0097;
}

#submittables li{
	font-family:F_Grotesk_Bold;
	color:#ffffff;
	text-transform:uppercase;
}

#submit aside h3{
	font-family:F_Grotesk_Demi;
	color:#bfbfbf;
}

#submit aside p span{
	vertical-align:15%;
}

#contestDetails{
	font-family:F_Grotesk_Thin_Italic;
	color:#808080;
}

#clarification{
	color:#808080;
}

#submit #clarification{
	font-family:F_Grotesk_Thin_Italic;
}

#disclaimer{
	font-family:F_Grotesk_Book;
	color:#404040;
}

#submit article span{
	color:#ff0097;
}

#gallerySection{
	background-color: #000000;
	position:relative;
	overflow:hidden;
	clear:left;
}

#gallery{
	position:relative;
}

#gallery .sectionHeading{
	color: #bfbfbf;
}

#filterButtonHolder{
	/* CONTEST */
	/*display:none;*/
	float:right;
	height:40px;
	background-color:#ffffff;
}
	
#filterButtonHolder a{
	display:block;
	height:100%;
	background-image:url(../images/downArrow_2x.png);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:40px 40px;
}

#filterList .filterMessage span{
	font-family:F_Grotesk_Thin_Italic;
	font-size:12px;
}

.filterListObject{
	visibility:hidden;
	opacity:0;
	position:absolute;
}

#filterList{
	-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
	z-index:1;
}

#filterList li:first-of-type{
	border-top:#000000 solid 1px;
}

#filterList li{
	width:100%;
	height:39px;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	border-bottom:#000000 solid 1px;
	background-color: rgba(0,0,0,.75);
}

#filterList .filterListButton{
	float:left;
	width:39px;
	height:39px;
	border-right:#000000 solid 1px;
}

#filterList .filterMessage{
	float:left;
	height:100%;
	font-family:F_Grotesk_Book;
	line-height:38px;
	font-size:16px;
	color:#ffffff;
}

.selectedGallery{
	background-color:#ff0097;
}

.deselectedGallery{
		background-color:rgba(255,0,151,.25);
}

#loading{
	visibility:hidden;
	opacity:0;
	position:absolute;
	left:50%;
	font-family:F_Grotesk_Bold;
	text-transform:uppercase;
	color:#ffffff;
	font-size:12px;
	margin-left:-30px;
	margin-top:-6px;
}

.gallery{
	visibility:hidden;
	opacity:0;
}

.sliderImageCover{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.congrats{
	font-family:F_Grotesk_Thin_Italic;
	color:#000;
	position:absolute;
	width:100%;
	text-align:center;
}

.congrats span{
	font-family:F_Grotesk_Bold_Italic;
	text-transform:uppercase;
	color:#fff;
}

.innerStroke{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
 -moz-box-shadow: inset -1px -1px 0px 0px #000;
	-webkit-box-shadow: inset -1px -1px 0px 0px #000;
	box-shadow: inset -1px -1px 0px 0px #000;
}

.imageCover{
	display:block;
	width:100%;
	height:100%;
}

.imageHolder img{
	width:100%;
	height:auto;
}

.detailsHolder{
	height:38px;
	background-color: rgba(0,0,0,.75);
	position:absolute;
	bottom:0px;
	border:#000000 solid 1px;
}

.detailsTextHolder{
	float:left;
}

.title{
	font-family:F_Grotesk_Demi;
	font-size:12px;
	margin-left:8px;
	margin-top:5px;
}

.title a{
	color:#ffffff;
}

.creators{
	font-family:F_Grotesk_Book;
	font-size:10px;
	margin-left:8px;
	margin-top:5px;
	color:#bfbfbf;
}

.plusButton{
	width:38px;
	height:38px;
	background-color:rgba(255,0,151,.25);
	border-left:#000000 solid 1px;
	float:right;
}

.plusButton a{
	display:block;
	font-family: F_Grotesk_Thin_Italic;
	font-size:8px;
	color:#ffffff;
	text-align:center;
	line-height:26px;
	padding-top:15px;
	background-image:url(../images/heart_2x.png);
	background-position:12px 5px;
	background-repeat:no-repeat;
	background-size:15px 14px;
}

/* TOP ////////////////////////////////////////////////////////////////////////////////////////////////*/
#topCompositions{
	
}

/* IMAGE SLIDER ////////////////////////////////////////////////////////////////////////////////////////////////*/
.swipe {
  overflow: hidden;
  /* HACK TO ALLOW FADING ////////////////////////////////////////////////////////////////////////////////////////////////*/
  /*visibility: hidden;*/
  position: relative;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap .sliderCompositionHolder {
  float:left;
  width:100%;
  position: relative;
}

#smallImageHolder{
	width:100%;
	background-color:#ff0097;
}

.thumbnailHolder{
	float:left;
}


#topCompositions .thumbnailHolder{
	background-size:cover;
	width:16.667%;
}

#topCompositions .thumbnailHolder:nth-of-type(1){
	background-image:url(../images/winners_small/Vrhovnik.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(2){
	background-image:url(../images/winners_small/Holjevac.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(3){
	background-image:url(../images/winners_small/Killam.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(4){
	background-image:url(../images/winners_small/Nies.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(5){
	background-image:url(../images/winners_small/Michaletz.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(6){
	background-image:url(../images/winners_small/Filonenko.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(7){
	background-image:url(../images/winners_small/Holter.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(8){
	background-image:url(../images/winners_small/Park.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(9){
	background-image:url(../images/winners_small/Vujovic.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(10){
	background-image:url(../images/winners_small/Ross.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(11){
	background-image:url(../images/winners_small/Toth.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(12){
	background-image:url(../images/winners_small/Richardett.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(13){
	background-image:url(../images/winners_small/Swarup.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(14){
	background-image:url(../images/winners_small/Ross.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(15){
	background-image:url(../images/winners_small/Chandak.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(16){
	background-image:url(../images/winners_small/Richardett.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(17){
	background-image:url(../images/winners_small/Toth.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(18){
	background-image:url(../images/winners_small/Filonenko.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(36){
	background-image:url(../images/winners_small/Vrhovnik.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(35){
	background-image:url(../images/winners_small/Holjevac.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(34){
	background-image:url(../images/winners_small/Killam.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(33){
	background-image:url(../images/winners_small/Nies.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(32){
	background-image:url(../images/winners_small/Michaletz.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(31){
	background-image:url(../images/winners_small/Filonenko.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(30){
	background-image:url(../images/winners_small/Holter.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(29){
	background-image:url(../images/winners_small/Park.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(28){
	background-image:url(../images/winners_small/Vujovic.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(27){
	background-image:url(../images/winners_small/Ross.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(26){
	background-image:url(../images/winners_small/Toth.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(25){
	background-image:url(../images/winners_small/Richardett.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(24){
	background-image:url(../images/winners_small/Swarup.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(23){
	background-image:url(../images/winners_small/Ross.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(22){
	background-image:url(../images/winners_small/Chandak.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(21){
	background-image:url(../images/winners_small/Richardett.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(20){
	background-image:url(../images/winners_small/Toth.jpg);
}

#topCompositions .thumbnailHolder:nth-of-type(19){
	background-image:url(../images/winners_small/Filonenko.jpg);
}

.cover{
	width:100%;
	background-color:#ff0097;
}

#topCompositions .cover{
	padding-top:50%;
}

.sliderCompositionHolder .badge{
	width:100px;
	height:100px;
	position:absolute;
}

#imageSlider div img {
  display:block;
}

.rankingNumber{
	width:38px;
	height:33px;
	background-color:#ff0097;
	border-right:#000000 solid 1px;
	float:left;
	font-family:F_Grotesk_Bold;
	color:#ffffff;
	font-size:26px;
	padding-top:5px;
	text-align:center;
}

#sliderFooter{
	height:40px;
	width:100%;
	display:none;
}

#imageSliderButtons{
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#imageSliderButtons li{
	float:left;
	height:40px;
	width:50%;
	background-color:#ffffff;
}

#imageSliderButtons a{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:12px 18.5px;
	display:block;
	width:100%;
	height:40px;
}

#previousButton{
	background-image:url(../images/previousArrow_2x.png);
	-moz-box-shadow: inset -1px 0px 0px 0px #000000;
	-webkit-box-shadow: inset -1px 0px 0px 0px #000000;
	box-shadow: inset -1px 0px 0px 0px #000000;
}

#nextButton{
	background-image:url(../images/nextArrow_2x.png);
}

/* ALL ////////////////////////////////////////////////////////////////////////////////////////////////*/
#allCompositions{
	
}

.gridCompositionHolder{
	float:left;
	position:relative;
	visibility:hidden;
	opacity:0;
}

#allCompositions img{
	display:block;
}

#pagination{
	clear:left;
	height:40px;
	display:none;
}

#nextPage{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:12px 18.5px;
	background-color:#ffffff;
	background-image:url(../images/nextArrow_2x.png);
}

#previousPage{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:12px 18.5px;
	background-color:#ffffff;
	background-image:url(../images/previousArrow_2x.png);
}

.pageNumber{
	font-family:F_Grotesk_Book;
	line-height:40px;
	width:40px;
	height:40px;
	text-align:center;
	float:right;
}

.selectedPage{
	color:#ff0097;
}

.deselectedPage{
	color:#808080;
}

/* FOOTER ////////////////////////////////////////////////////////////////////////////////////////////////*/
footer{
	width:100%;
	-moz-box-shadow:inset 0px -4px 4px -4px rgba(0,0,0,0.5), inset 0px 4px 4px -4px rgba(0,0,0,0.5);
	-webkit-box-shadow:inset 0px -4px 4px -4px rgba(0,0,0,0.5), inset 0px 4px 4px -4px rgba(0,0,0,0.5);
	box-shadow:inset 0px -4px 4px -4px rgba(0,0,0,0.5), inset 0px 4px 4px -4px rgba(0,0,0,0.5);
}

#footerInfo{
	height:100%;
	background-color:rgba(0,0,0,.75);
	-moz-box-shadow: -2px 0px 2px -2px rgba(0,0,0,0.5),  2px 0px 2px -2px rgba(0,0,0,0.5);
	-webkit-box-shadow: -2px 0px 2px -2px rgba(0,0,0,0.5),  2px 0px 2px -2px rgba(0,0,0,0.5);
	box-shadow: -2px 0px 2px -2px rgba(0,0,0,0.5),  2px 0px 2px -2px rgba(0,0,0,0.5);
}

#footerInfo h2{
	font-family:F_Grotesk_Bold;
	color:#ffffff;
}

#emailForm span{
	color:#ff0097;
}

.prompt{
	font-family:F_Grotesk_Book;
	color:#bfbfbf;
	display:block;
}

#Field1{
	-moz-box-shadow: inset 0px 4px 4px -4px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 0px 4px 4px -4px rgba(0,0,0,.5);
	box-shadow: inset 0px 4px 4px -4px rgba(0,0,0,.5);
	border-style:none;
	font-family:F_Grotesk_Book;
	font-size:12px;
	line-height:40px;
	height:40px;
}

#Field2{
	border-style:none;
	resize:none;
	-moz-box-shadow: inset 0px 4px 4px -4px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 0px 4px 4px -4px rgba(0,0,0,.5);
	box-shadow: inset 0px 4px 4px -4px rgba(0,0,0,.5);
	font-family:F_Grotesk_Book;
	font-size:12px;
	line-height:16px;
}

#saveForm{
	width:100%;
	background-color: #ff0097;
	color: #ffffff;
	font-family: F_Grotesk_Bold;
	text-transform:uppercase;
	text-align:center;
}

.hide{
	display:none;
}

#twitterFeed{
	background-color:rgba(0,0,0,.25);
}

#foundationSection{
	height:40px;
	background-color:#000000;
}

#copyright{
	float:left;
	line-height:40px;
	font-family:F_Grotesk_Book;
	font-size:12px;
	color:#404040;
}

#copyright a{
	color:#404040;
}

#showGridHolder{
	float:right;
	background-color:#ffffff;
}

#showGrid{		
	display:block;
	width:40px;
	height:40px;
	background-image:url(../images/showGrid_2x.png);
	background-size:100%;	
}

#gridOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	background-position:center top;
	background-repeat:repeat-y;
	z-index:3;
	opacity:0;
	visibility:hidden;
}

#votingPrompt{
	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(255,0,151,.75);
	top:0px;
	z-index:4;
	opacity:0;
	visibility:hidden;
	color:#ffffff;
}

#promptBG{
	background-color:#000000;
	position:absolute;
	left:50%;
}

#promptDetails{
	width:100%;
	padding-top:100%;
	position:relative;
}

#promptText{
	position:absolute;
}

#votingPrompt h4{
	font-family:F_Grotesk_Bold;
	color:#ffffff;
}

#votingPrompt h5, #votingPrompt h6{
	font-family:F_Grotesk_Thin_Italic;
}

#votingPrompt h5{
	color:#ff0097;
}

/* ULITILY ////////////////////////////////////////////////////////////////////////////////////////////////*/
.container{
	margin-left:auto;
	margin-right:auto;
}

.clear{
	clear:both;
}

/* MOBILE STYLES: NARROW ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 479px){
	#headerInfo img{
		margin-left:6.25%;
	}
	
	h1 a:active{
		color:#000000;
	}
	
	#menuButtonHolder{
		float:right;
		background-color:rgba(0,0,0,1);
	}
	
	#menuButtonHolder a{		
		display:block;
		width:40px;
		height:40px;
		background-image:url(../images/menu_2x.png);
		background-size:100%;	
	}
	
	.navObject{
		visibility:hidden;
		opacity:0;
	}
	
	nav{
		width: 46.875%;
		-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
		box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
		position:absolute;
		top:40px;
		right:0px;
	}
	
	nav a:first-of-type{
		border-top:#000000 solid 1px;
	}
	
	nav a{
		display:block;
		height:39px;
		line-height:39px;
		/*width:98.4615%;*/
		width:100%;
		text-align:center;
		background-color:rgba(0,0,0,.75);
		border-left:#000000 solid 1px;
		border-right:#000000 solid 1px;
		border-bottom:#000000 solid 1px;
	}
	
	nav a:active{
		background-color:#ffffff;
		color:#ff0097;	
	}
	
	#featureSection h3{
		/* CONTEST */
		/*padding-top:30%;*/
		/* FINALISTS / WINNERS */
		/*padding-top:20%;*/
		font-size:23px;
		margin-bottom:10px;
	}
	
	#feature h3 span{
		font-size:16px;
	}
	
	#featureSection h2{
		/* CONTEST */
		/*margin-bottom:20px;*/
		/* FINALISTS / WINNERS */
		margin-bottom:10px;
		letter-spacing:-2px;
		font-size:36px;
		
		padding-top:20%;
	}
	
	#featureSection h1{
		margin-bottom:40px;
		font-size:36px;
	}
	
	#featureSection a{
		width:40.625%;
		height:30px;
		line-height:30px;
		font-size: 12px;
	}
	
	#featureSection a:active{
		background-color:#000000;
		color:#ff0097;
	}
	
	#about .sectionHeading{
		margin-left:6.25%;
		font-size:24px;
		margin-top:30px;
		margin-bottom:10px;
	}
	
	#about aside{
		margin-bottom:30px;
	}
	
	#about p, #about aside h3{
		margin-left:6.25%;
		margin-right:6.25%;
	}
	
	#about p{
		font-size:12px;
		line-height:20px;
	}
	
	#about article p{
		clear:left;
		margin-bottom:30px;
	}
	
	#about h3{
		font-size:18px;
		margin-bottom:17px
	}
	
	#about aside h3{
		margin-bottom:11px
	}
	
	#about aside p{
		margin-bottom:20px;
	}
	
	#categories{
		margin-left:6.25%;
	}
	
	#categories li{
		font-size:24px;
		margin-bottom:10px;
	}
	
	#jurors{
		margin-left:6.25%;
		margin-right:6.25%;
	}
	
	.jurorDetails{
		top:6%;
	}
	
	#jurorsList li{
		width:100%;
		margin-bottom:20px;
	}
	
	#jurorsList h4, #jurorsList h5, #jurorsList h6{
		margin-left:8.3682%;
		margin-right:8.3682%;
		font-size:28px;
		line-height:35px;
	}
	
	.interludeSection h3{
		padding-top:55px;
		font-size:23px;
		line-height:29px;
		padding-bottom:55px;
		margin-left:6.25%;
		margin-right:6.25%;
	}
	
	#submit .sectionHeading{
		margin-left:6.25%;
		font-size:24px;
		margin-top:30px;
		margin-bottom:10px;
	}
	
	#submit aside{
		padding-bottom:30px;
	}
	
	#submit p, #submit aside h3{
		margin-left:6.25%;
		margin-right:6.25%;
	}
	
	#submit p{
		font-size:12px;
		line-height:20px;
	}
	
	#submit article p:first-of-type{
		clear:left;
		margin-bottom:20px;
	}
	
	#submit article p a:active{
		color:#ffffff
	}
	
	#submittables{
		margin-left:6.25%;
	}
	
	#submittables li{
		font-size:24px;
		margin-bottom:10px;
	}
	
	#submittables li:nth-of-type(6){
		margin-bottom:20px;
	}
	
	#clarification{
		text-indent:-8px;
		margin-bottom:30px;
	}
	
	#submit aside h3{
		margin-top:20px;
		font-size:18px;
		margin-bottom:11px;
	}
	
	#contestDetails{
		margin-bottom:30px;
	}
	
	#submit aside p span{
		font-size:9px;
	}
	
	#submit #disclaimer{
		line-height:14px;
		font-size:10px;
	}
	
	#gallery .sectionHeading{
		margin-left:6.25%;
		font-size:24px;
		height:40px;
		line-height:40px;
	}
	
	#filterButtonHolder{
		width:40px;
	}
	
	#filterButtonHolder a{
		width:100%;
	}
	
	#filterButtonHolder a .primary{
		display:none;
	}
	
	#filterList{
		width: 46.25%;
		top:40px;
		right:2px;
	}
	
	#filterList .filterMessage{
		width:66%;		
		padding-left:7.874%;
	}
	
	#loading{
		top:120px;
	}
	
	.congrats{
		top:20%;
		font-size:36px;
		line-height:46px;
		letter-spacing:-1px;
	}
	
	#imageSliderButtons{
		width:100%;
	}
	
	.title a:active{
		color:#ff0097;
	}
	
	.pageNumber{
		font-size:20px;	
	}

	.deselectedPage:active{
		color:#ffffff;
	}
	
	.detailsHolder{	
		width:99.375%;
		-moz-box-shadow:0px -6px 2px -4px rgba(0,0,0,.25);
		-webkit-box-shadow:0px -6px 2px -4px rgba(0,0,0,.25);
		box-shadow:0px -6px 2px -4px rgba(0,0,0,.25);
	}
	
	.sliderCompositionHolder .badge{
		top:6.25%;
		right:5.5%;
	}
	
	.gridCompositionHolder{
		width:100%;
	}
	
	#footerInfo h2{
		margin-left:6.25%;
		font-size:20px;
		padding-top:20px;
		margin-bottom:10px;
	}
	
	#emailForm{	
		width:100%;
	}
	
	#emailForm form{
		margin-left:6.25%;
		width:87.5%;
	}
	
	.prompt{	
		font-size:12px;
		margin-bottom:10px;
		display:block;
	}
	
	.prompt:nth-of-type(3){
		text-indent:-8px
	}
	
	#Field1{
		width:92.857%;
		padding-left:3.57%;
		padding-right:3.57%;
		margin-bottom:20px;
	}
	
	#Field2{
		height:150px;
		width:92.857%;
		padding-top:10px;
		padding-left:3.57%;
		padding-right:3.57%;
		margin-bottom:20px;
	}
	
	#saveForm{
		height:40px;
		line-height:40px;
		font-size: 16px;
		margin-bottom:20px;
	}
	
	#saveForm:active{
		background-color:#000000;
		color:#ff0097;
	}
	
	#twitterFeed{
		width:100%;
	}
	
	#twitterHolder{
		margin-left:6.25%;
		width:87.5%;
	}
	
	#copyright{
		margin-left:6.25%;
	}
	
	#copyright a:active{
		color:#808080;
	}
	
	#gridOverlay{
		background-image:url(../images/320_columns_and_gutters.png);
		background-size:100%;
	}
	
	#promptBG{
		width:87.5%;
		margin-left:-43.75%;
	}
	
	#promptText{
		top:6%;
	}
	
	#votingPrompt h4, #votingPrompt h5, #votingPrompt h6{
		margin-left:8.3682%;
		margin-right:8.3682%;
		font-size:28px;
		line-height:35px;
	}
	
	.container{
		width:100%;
	}
}

/* MOBILE STYLES: WIDE ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 480px) and (max-width: 767px){
	#headerInfo img{
		margin-left:5%;
	}
	
	h1 a:active{
		color:#000000;
	}
	
	#menuButtonHolder{
		float:right;
		background-color:rgba(0,0,0,1);
	}
	
	#menuButtonHolder a{		
		display:block;
		width:40px;
		height:40px;
		background-image:url(../images/menu_2x.png);
		background-size:100%;	
	}
	
	.navObject{
		visibility:hidden;
		opacity:0;
	}
	
	nav{
		width: 31.667%;
		-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
		box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
		position:absolute;
		top:40px;
		right:0px;
	}
	
	nav a:first-of-type{
		border-top:#000000 solid 1px;
	}
	
	nav a{
		display:block;
		height:39px;
		line-height:39px;
		/*width:98.4615%;*/
		width:100%;
		text-align:center;
		background-color:rgba(0,0,0,.75);
		border-left:#000000 solid 1px;
		border-right:#000000 solid 1px;
		border-bottom:#000000 solid 1px;
	}
	
	nav a:active{
		background-color:#ffffff;
		color:#ff0097;	
	}
	
	#featureSection h3{
		/* CONTEST */
		/*padding-top:33%;*/
		/* FINALISTS / WINNERS */
		/*padding-top:25%;*/
		font-size:35px;
		margin-bottom:10px;
	}
	
	#feature h3 span{
		font-size:25px;
	}
	
	#featureSection h2{
		/* CONTEST */
		/*margin-bottom:20px;*/
		/* FINALISTS / WINNERS */
		margin-bottom:10px;
		letter-spacing:-2px;
		font-size:52px;
		
		padding-top:25%;
	}
	
	#featureSection h1{
		margin-bottom:40px;
		font-size:52px;
	}
	
	#featureSection a{
		width:26.667%;
		height:30px;
		line-height:30px;
		font-size: 12px;
	}
	
	#featureSection a:active{
		background-color:#000000;
		color:#ff0097;
	}
	
	#about .sectionHeading{
		margin-left:5%;
		font-size:28px;
		margin-top:36px;
		margin-bottom:16px;
	}
	
	#about aside{
		margin-bottom:36px;
	}
	
	#about p, #about aside h3{
		margin-left:5%;
		margin-right:5%;
	}
	
	#about p{
		font-size:19px;
		line-height:27px;
	}
	
	#about article p{
		clear:left;
		margin-bottom:36px;
	}
	
	#about h3{
		font-size:18px;
		margin-bottom:17px
	}
	
	#about aside h3{
		margin-bottom:11px
	}
	
	#about aside p{
		margin-bottom:24px;
	}
	
	#categories{
		margin-left:5%;
	}
	
	#categories li{
		font-size:35px;
		margin-bottom:12px;
	}
	
	#jurors{
		margin-left:5%;
		margin-right:5%;
	}
	
	.jurorDetails{
		top:4%;
	}
	
	#jurorsList li{
		width:100%;
		margin-bottom:24px;
	}
	
	#jurorsList h4, #jurorsList h5, #jurorsList h6{
		margin-left:5.555%;
		margin-right:5.555%;
		font-size:46px;
		line-height:56px;
	}
	
	.interludeSection h3{
		padding-top:79px;
		font-size:35px;
		line-height:42px;
		padding-bottom:79px;
		margin-left:5%;
		margin-right:5%;
	}
	
	#submit .sectionHeading{
		margin-left:5%;
		font-size:28px;
		margin-top:36px;
		margin-bottom:16px;
	}
	
	#submit aside{
		padding-bottom:36px;
	}
	
	#submit p, #submit aside h3{
		margin-left:5%;
		margin-right:5%;
	}
	
	#submit p{
		font-size:19px;
		line-height:27px;
	}
	
	#submit article p:first-of-type{
		clear:left;
		margin-bottom:24px;
	}
	
	#submit article p a:active{
		color:#ffffff
	}
	
	#submittables{
		margin-left:5%;
	}
	
	#submittables li{
		font-size:35px;
		margin-bottom:12px;
	}
	
	#submittables li:nth-of-type(6){
		margin-bottom:24px;
	}
	
	#clarification{
		text-indent:-12px;
		margin-bottom:36px;
	}
	
	#submit aside h3{
		margin-top:24px;
		font-size:18px;
		margin-bottom:11px;
	}
	
	#contestDetails{
		margin-bottom:36px;
	}
	
	#submit aside p span{
		font-size:14px;
	}
	
	#submit #disclaimer{
		line-height:20px;
		font-size:14px;
	}
	
	#gallery .sectionHeading{
		margin-left:5%;
		font-size:28px;
		margin-top:36px;
		margin-bottom:22px;
	}
	
	#filterButtonHolder{
		width: 31.667%;
		margin-top:32px;
	}
	
	#filterButtonHolder a{
		font-family:F_Grotesk_Book;
		font-size:16px;
		line-height:40px;
		padding-left:7.8125%;
		width:92.1875%;
		color:#ff0097;
	}
	
	#filterButtonHolder .primary .secondary{
		font-family:F_Grotesk_Thin_Italic;
		font-size:12px;
	}
	
	#filterList{
		width: 31.25%;
		top:72px;
		right:2px;
	}
	
	#filterList .filterMessage{
		width:64%;		
		padding-left:7.8125%;
	}
	
	#loading{
		top:50%;
	}
	
	.congrats{
		top:22%;
		font-size:52px;
		line-height:66px;
		letter-spacing:-2px;
	}
	
	.sliderCompositionHolder .badge{
		top:9%;
		right:4.5%;
	}
	
	.gridCompositionHolder{
		width:100%;
	}
	
	.detailsHolder{	
		width:99.375%;
		-moz-box-shadow:0px -1px 2px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow:0px -1px 2px 1px rgba(0,0,0,0.25);
		box-shadow:0px -1px 2px 1px rgba(0,0,0,0.25);
	}
	
	#imageSliderButtons{
		width:100%;
	}
	
	.title a:active{
		color:#ff0097;
	}
	
	#pagination a, #pagination span{
		margin-top:12px;
	}
	
	.pageNumber{
		margin-right:5%;
		font-size:16px;	
	}
	
	.deselectedPage:active{
		color:#ffffff;
	}
	
	#nextPage{
		margin-right:5%;
	}
	
	#footerInfo h2{
		margin-left:5%;
		font-size:20px;
		padding-top:24px;
		margin-bottom:12px;
	}
	
	#emailForm{	
		width:100%;
	}
	
	#emailForm form{
		margin-left:5%;
		width:90%;
	}
	
	.prompt{	
		font-size:14px;
		margin-bottom:12px;
		display:block;
	}
	
	.prompt:nth-of-type(3){
		text-indent:-10px
	}
	
	#Field1{
		width:88.9%;
		padding-left:5.55%;
		padding-right:5.55%;
		margin-bottom:24px;
	}
	
	#Field2{
		height:150px;
		width:88.9%;
		padding-top:12px;
		padding-left:5.55%;
		padding-right:5.55%;
		margin-bottom:24px;
	}
	
	#saveForm{
		height:40px;
		line-height:40px;
		font-size: 16px;
		margin-bottom:24px;
	}
	
	#saveForm:active{
		background-color:#000000;
		color:#ff0097;
	}
	
	#twitterFeed{
		width:100%;
	}
	
	#twitterHolder{
		margin-left:5%;
		width:90%;
	}
	
	#copyright{
		margin-left:5%;
	}
	
	#copyright a:active{
		color:#808080;
	}
	
	#gridOverlay{
		background-image:url(../images/480_columns_and_gutters.png);
		background-size:100%;
	}
	
	#promptBG{
		width:90%;
		margin-left:-45%;
	}
	
	#promptText{
		top:4%;
	}
	
	#votingPrompt h4, #votingPrompt h5, #votingPrompt h6{
		margin-left:5.555%;
		margin-right:5.555%;
		font-size:46px;
		line-height:56px;
	}
	
	.container{
		width:100%;
	}
}

/* TABLET STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 768px) and (max-width: 977px){
	#headerInfo img{
		margin-left:3.125%;
	}
	
	h1 a:active{
		color:#000000;
	}
	
	#menuButtonHolder, #menuButtonHolder a, #navArrow{
		display:none;
	}
	
	nav{
		float:right;
		height:100%;
	}
	
	nav a{
		float:left;
		padding-left:12px;
		padding-right:12px;
		padding-top:14px;
		height:26px;
	}
	
	nav a:active{
		background-color:#ffffff;
		color:#ff0097;	
	}
	
	#featureSection h3{
		/* CONTEST */
		/*padding-top:6%;*/
		/* FINALISTS / WINNERS */
		/*padding-top:8%;*/
		font-size:38px;
		margin-bottom:10px;
	}
	
	#feature h3 span{
		font-size:27px;
	}
	
	#featureSection h2{
		/* CONTEST */
		/*margin-bottom:24px;*/
		/* FINALISTS / WINNERS */
		margin-bottom:10px;
		letter-spacing:-4px;
		font-size:60px;
		
		padding-top:8%;
	}
	
	#featureSection h1{
		margin-bottom:40px;
		font-size:60px;
	}
	
	#featureSection a{
		width:13.02%;
		height:24px;
		line-height:24px;
		font-size: 12px;
	}
	
	#featureSection a:active{
		background-color:#000000;
		color:#ff0097;
	}
	
	#about .sectionHeading{
		margin-left:4.7244%;
		font-size:28px;
		margin-top:36px;
		margin-bottom:16px;
	}
	
	#about article, #about aside{
		float:left;
		margin-bottom:24px;
	}
	
	#about article{
		width:66.1458%;
	}
	
	#about aside{
		width:33.854%;
		margin-top:45px;
	}
	
	#about article h3, #about article p{
		margin-left:4.7244%;
		margin-right:2.3622%;
	}
	
	#about aside h3, #about aside p{
		margin-left:4.615%;
		margin-right:9.23%;
	}
	
	#about article p{
		clear:left;
		font-size:20px;
		line-height:26px;
	}
	
	#about h3{
		font-size:18px;
		margin-bottom:23px;
	}
	
	#about aside h3{
		margin-bottom:18px
	}
	
	#about aside p{
		line-height:16px;
		font-size:10px;
		margin-bottom:24px;
	}	
	
	#categories{
		margin-left:4.615%;
	}
	
	#categories li{
		font-size:20px;
		margin-bottom:12px;
	}
	
	#jurors{
		clear:left;
		margin-left:3.125%;
		margin-right:3.125%;
		margin-bottom:48px;
	}
	
	.jurorDetails{
		top:8%;
	}
	
	#jurorsList li{
		width:31.111%;
		margin-right:3.333%;
	}
	
	#jurorsList h4, #jurorsList h5, #jurorsList h6{
		margin-left:10.04%;
		margin-right:10.04%;
		font-size:20px;
		line-height:27px;
	}
	
	#jurorsList li:nth-of-type(3){
		margin-right:0px;
	}
	
	.interludeSection h3{
		padding-top:100px;
		font-size:38px;
		line-height:46px;
		padding-bottom:100px;
		margin-left:3.125%;
		margin-right:3.125%;
	}
	
	#submit .sectionHeading{
		margin-left:4.7244%;
		font-size:28px;
		margin-top:36px;
		margin-bottom:16px;
	}
	
	#submit article, #submit aside{
		float:left;
		margin-bottom:48px;
	}
	
	#submit article{
		width:66.1458%;
	}
	
	#submit aside{
		width:33.854%;
		margin-top:45px;
	}
	
	#submit article p, #submit article ul{
		margin-left:4.7244%;
		margin-right:2.3622%;
	}
	
	#submit aside h3, #submit aside p{
		margin-left:4.615%;
		margin-right:9.23%;
	}
	
	#submit article p{
		font-size:20px;
		line-height:26px;
	}
	
	#submit article p:first-of-type{
		clear:left;
		margin-bottom:24px;
	}
	
	#submit article p a:active{
		color:#ffffff
	}
	
	#submittables li{
		font-size:38px;
		margin-bottom:18px;
	}
	
	#submittables li:nth-of-type(6){
		margin-bottom:24px;
	}
	
	#clarification{
		text-indent:-13px;
	}
	
	#submit aside h3{
		font-size:18px;
		margin-bottom:18px;
	}
	
	#contestDetails{
		line-height:16px;
		font-size:10px;
		margin-bottom:24px;
	}
	
	#submit aside p span{
		font-size:7px;
	}
	
	#disclaimer{
		line-height:12px;
		font-size:8px;
	}
	
	#gallery .sectionHeading{
		margin-left:3.125%;
		font-size:28px;
		margin-top:36px;
		margin-bottom:22px;
	}
	
	#filterButtonHolder{
		width:16.1458%;
		margin-top:32px;
		margin-right:3.125%;
	}
	
	#filterButtonHolder a{
		font-family:F_Grotesk_Book;
		font-size:16px;
		line-height:40px;
		padding-left:6.4516%;
		width:93.548%;
		color:#ff0097;
	}
	
	#filterButtonHolder .primary .secondary{
		font-family:F_Grotesk_Thin_Italic;
		font-size:12px;
	}
	
	#filterList{
		width:15.8854%;
		top:72px;
		right:3.38542%;
	}
	
	#filterList .filterMessage{
		width:60%;	
		padding-left:6.4516%;
	}
	
	#loading{
		top:50%;
	}
	
	.congrats{
		top:24.5%;
		font-size:60px;
		line-height:78px;
		letter-spacing:-2px;
	}
	
	.sliderCompositionHolder .detailsHolder{
		/*width:39.0625%;*/
		width:28.9%;
		/*left:30.33854%;*/
		left:35.417%;
	}
	
	.sliderCompositionHolder .badge{
		top:5.5%;
		right:2.75%;
	}
	
	.gridCompositionHolder{
		width:50%;
	}
	
	.detailsHolder{	
		-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
		box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
	}
	
	#imageSliderButtons{
		width:29.166%;
	}
	
	.title a:active{
		color:#ff0097;
	}
	
	.pageNumber{
		font-size:16px;	
	}
	
	.deselectedPage:active{
		color:#ffffff;
	}
	
	footer{
		height:455px;
	}
	
	#footerInfo h2{
		font-size:16px;
		margin-top:24px;
		margin-bottom:12px;
	}
	
	#emailForm{	
		height:100%;
		width:50%;
		float:left;
	}
	
	#emailForm h2{
		margin-left:6.25%;
	}
	
	#emailForm form{
		margin-left:6.25%;
		width:74.479%;
	}
	
	.prompt{	
		font-size:12px;
		margin-bottom:12px;
		display:block;
	}
	
	.prompt:nth-of-type(3){
		text-indent:-8px
	}
	
	#Field1{
		width:89.2857%;
		padding-left:5.357%;
		padding-right:5.357%;
		margin-bottom:24px;
	}
	
	#Field2{
		height:148px;
		width:89.2857%;
		padding-top:12px;
		padding-left:5.357%;
		padding-right:5.357%;
		margin-bottom:24px;
	}
	
	#saveForm{
		height:36px;
		line-height:36px;
		font-size: 16px;
	}
	
	#saveForm:active{
		background-color:#000000;
		color:#ff0097;
	}
	
	#twitterFeed{
		width:50%;
		float:left;
		height:100%;
	}
	
	#twitterFeed h2{
		margin-left:19.27%;
	}
	
	#twitterHolder{
		margin-left:19.27%;
		width:74.479%;
	}
	
	#copyright{
		margin-left:3.125%;
	}
	
	#copyright a:active{
		color:#808080;
	}
	
	#gridOverlay{
		background-image:url(../images/768_columns_and_gutters.png);
		background-size:100%;
	}
	
	#promptBG{
		width:29.1666%;
		margin-left:-14.5833%;
	}
	
	#promptText{
		top:8%;
	}
	
	#votingPrompt h4, #votingPrompt h5, #votingPrompt h6{
		margin-left:10.04%;
		margin-right:10.04%;
		font-size:20px;
		line-height:27px;
	}
	
	.container{
		width:100%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 977px){
	.gridCompositionHolder .detailsHolder{
		width:66.66%;
		left:16.665%;
	}
}

/* DESKTOP STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 978px){
	h1 a{
		-webkit-transition-property:color;   
		-webkit-transition-duration:250ms;
		-webkit-transition-timing-function:linear;
		
		-moz-transition-property: color;   
		-moz-transition-duration:250ms;
		-moz-transition-timing-function:linear; 
		
		transition-property:color;   
		transition-duration:250ms;
		transition-timing-function: linear;
	}

	h1 a:hover{
		color:#000000
	}
	
	#menuButtonHolder, #menuButtonHolder a{
		display:none;
	}
	
	nav{
		float:right;
		height:100%;
	}
	
	nav a{
		float:left;
		padding-left:15px;
		padding-right:15px;
		text-align:center;
		padding-top:14px;
		height:26px;
	}
	
	nav a{
		-webkit-transition-property:background-color, color;   
		-webkit-transition-duration:250ms, 250ms;
		-webkit-transition-timing-function:linear, linear;
		
		-moz-transition-property: background-color, color;   
		-moz-transition-duration: 250ms, 250ms;
		-moz-transition-timing-function: linear, linear; 
		
		transition-property:background-color, color;   
		transition-duration: 250ms, 250ms;
		transition-timing-function:linear, linear;
	}

	nav a:hover{
		background-color:#ffffff;
		color:#ff0097;
	}
	
	#featureSection h3{
		/* CONTEST */
		/*padding-top:119px;*/
		/* FINALISTS / WINNERS */
		/*padding-top:79px;*/
		font-size:52px;
		margin-bottom:10px;
	}
	
	#feature h3 span{
		font-size:37px;
	}
	
	#featureSection h2{
		/* CONTEST */
		/*margin-bottom:30px;*/
		/* FINALISTS / WINNERS */
		margin-bottom:10px;
		letter-spacing:-4px;
		font-size:80px;
		
		padding-top:79px;
	}
	
	#featureSection h1{
		margin-bottom:40px;
		font-size:80px;
	}
	
	#featureSection a{
		width:138px;
		height:30px;
		line-height:30px;
		font-size: 12px;
	}
	
	#featureSection a{
		-webkit-transition-property:background-color, color;   
		-webkit-transition-duration:250ms, 250ms;
		-webkit-transition-timing-function:linear, linear;
		
		-moz-transition-property: background-color, color;   
		-moz-transition-duration: 250ms, 250ms;
		-moz-transition-timing-function: linear, linear; 
		
		transition-property:background-color, color;   
		transition-duration: 250ms, 250ms;
		transition-timing-function:linear, linear;
	}
	
	#featureSection a:hover{
		background-color:#000000;
		color:#ff0097;
	}
	
	#about .sectionHeading{
		font-size:36px;
		margin-top:45px;
		margin-bottom:20px;
	}
	
	#about article, #about aside{
		float:left;
		margin-bottom:45px;
	}
	
	#about article{
		width:642px;
	}
	
	#about aside{
		width:306px;
		margin-left:30px;
		margin-top:55px;
	}
	
	#about article p{
		clear:left;
		font-size:28px;
		line-height:36px;
	}
	
	#about h3{
		font-size:24px;
		margin-bottom:31px;
	}
	
	#about aside h3{
		margin-bottom:25px
	}
	
	#about aside p{
		line-height:20px;
		font-size:14px;
		margin-bottom:30px;
	}
	
	#categories li{
		font-size:28px;
		margin-bottom:15px;
	}
	
	#jurors{
		clear:left;
		margin-bottom:60px;
	}

	.jurorDetails{
		top:24px;
	}
	
	#jurorsList li{
		width:306px;
		margin-right:30px;
	}
	
	#jurorsList h4, #jurorsList h5, #jurorsList h6{
		margin-left:30px;
		margin-right:30px;
		font-size:29px;
		line-height:37px;
	}
	
	#jurorsList li:nth-of-type(3){
		margin-right:0px;
	}
	
	.interludeSection h3{
		padding-top:138px;
		font-size:52px;
		line-height:60px;
		padding-bottom:138px;
	}
	
	#submit .sectionHeading{
		font-size:36px;
		margin-top:45px;
		margin-bottom:20px;
	}
	
	#submit article, #submit aside{
		float:left;
		margin-bottom:60px;
	}
	
	#submit article{
		width:642px;
	}
	
	#submit aside{
		width:306px;
		margin-left:30px;
		margin-top:55px;
	}
	
	#submit article p{
		font-size:28px;
		line-height:36px;
		
	}
	
	#submit article p:first-of-type{
		clear:left;
		margin-bottom:30px;
	}
	
	#submit article p a{
		-webkit-transition-property:color;   
		-webkit-transition-duration:250ms;
		-webkit-transition-timing-function:linear;
		
		-moz-transition-property: color;   
		-moz-transition-duration:250ms;
		-moz-transition-timing-function:linear; 
		
		transition-property:color;   
		transition-duration:250ms;
		transition-timing-function: linear;
	}

	#submit article p a:hover{
		color:#ffffff
	}
	
	#submittables li{
		font-size:52px;
		margin-bottom:20px;
	}
	
	#submittables li:nth-of-type(6){
		margin-bottom:30px;
	}
	
	#clarification{
		text-indent:-17px;
	}
	
	#submit aside h3{
		font-size:24px;
		margin-bottom:25px
	}
	
	#contestDetails{
		line-height:20px;
		font-size:14px;
		margin-bottom:30px;
	}
	
	#submit aside p span{
		font-size:10px;
	}
	
	#disclaimer{
		line-height:18px;
		font-size:12px;
	}
	
	#gallery .sectionHeading{
		font-size:36px;
		margin-top:45px;
		margin-bottom:28px;
	}
	
	#filterButtonHolder{
		width:138px;
		margin-top:51px;
	}
	
	#filterButtonHolder a{
		font-family:F_Grotesk_Book;
		font-size:16px;
		line-height:40px;
		padding-left:10px;
		width:126px;
		color:#ff0097;
	}
	
	#filterButtonHolder .primary .secondary{
		font-family:F_Grotesk_Thin_Italic;
		font-size:12px;
	}
	
	#filterList{
		width:136px;
		top:91px;
		right:2px;
	}
	
	#filterList .filterMessage{
		width:86px;		
		padding-left:10px;
	}
	
	#loading{
		top:50%;
	}
	
	.congrats{
		top:122px;
		font-size:80px;
		line-height:99px;
		letter-spacing:-2px;
	}
	
	.sliderCompositionHolder .detailsHolder{
		width:304px;
		left:336px;
	}
	
	.sliderCompositionHolder .badge{
		top:18px;
		right:18px;
	}

	.gridCompositionHolder{
		width:33.33%;
		/*width:25%;*/
	}
	
	.detailsHolder{	
		-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
		box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
	}
	
	#imageSliderButtons{
		width:306px;
	}
	
	.title a{
		-webkit-transition-property:color;   
		-webkit-transition-duration:250ms;
		-webkit-transition-timing-function:linear;
		
		-moz-transition-property: color;   
		-moz-transition-duration: 250ms;
		-moz-transition-timing-function: linear; 
		
		transition-property:color;   
		transition-duration: 250ms;
		transition-timing-function: linear;
	}

	.title a:hover{
		color:#ff0097;
	}
	
	.pageNumber{
		font-size:12px;	
	}

	.deselectedPage{
		-webkit-transition-property:color;   
		-webkit-transition-duration:250ms;
		-webkit-transition-timing-function:linear;
		
		-moz-transition-property: color;   
		-moz-transition-duration: 250ms;
		-moz-transition-timing-function: linear; 
		
		transition-property:color;   
		transition-duration: 250ms;
		transition-timing-function: linear;
	}

	.deselectedPage:hover{
		color:#ffffff;
	}
	
	footer{
		height:480px;
	}
	
	#footerInfo h2{
		font-size:24px;
		margin-top:30px;
		margin-bottom:20px;
	}
	
	#emailForm{	
		width:489px;
		height:100%;
		float:left;
	}
	
	#emailForm h2{
		margin-left:84px;
	}
	
	#emailForm form{
		margin-left:84px;
		width:306px;
	}
	
	.prompt{	
		font-size:12px;
		margin-bottom:10px;
		display:block;
	}
	
	.prompt:nth-of-type(3){
		text-indent:-8px
	}
	
	#Field1{
		width:291px;
		padding-left:15px;
		margin-bottom:20px;
	}
	
	#Field2{
		height:145px;
		width:276px;
		padding:15px;
		margin-bottom:20px;
	}
	
	#saveForm{
		height:40px;
		line-height:40px;
		font-size: 16px;
	}
	
	#saveForm{
		-webkit-transition-property:background-color, color;   
		-webkit-transition-duration:250ms, 250ms;
		-webkit-transition-timing-function:linear, linear;
		
		-moz-transition-property: background-color, color;   
		-moz-transition-duration: 250ms, 250ms;
		-moz-transition-timing-function: linear, linear; 
		
		transition-property:background-color, color;   
		transition-duration: 250ms, 250ms;
		transition-timing-function:linear, linear;
	}
	
	#saveForm:hover{
		background-color:#000000;
		color:#ff0097;
		cursor:pointer;
	}
	
	#twitterFeed{
		width:489px;
		float:left;
		height:100%;
	}
	
	#twitterFeed h2{
		margin-left:99px;
	}
	
	#twitterHolder{
		margin-left:99px;
		width:306px;
	}
	
	#gridOverlay{
		background-image:url(../images/978_columns_and_gutters.png);
	}
	
	#copyright a:hover{
		color:#808080;
	}
	
	#promptBG{
		width:306px;
		margin-left:-153px;
	}
	
	#promptText{
		top:24px;
	}
	
	#votingPrompt h4, #votingPrompt h5, #votingPrompt h6{
		margin-left:30px;
		margin-right:30px;
		width:246px;
		font-size:29px;
		line-height:37px;
	}
	
	.container{
		width:978px;
	}
}

@media only screen and (min-width: 978px) and (max-width: 1279px){	
	.gridCompositionHolder .detailsHolder{
		width:80%;
		left:10%
	}
}

@media only screen and (min-width: 1280px) and (max-width: 1599px){
	.gridCompositionHolder .detailsHolder{
		width:66.66%;
		left:16.665%;
	}
}

@media only screen and (min-width: 1600px){
	.gridCompositionHolder .detailsHolder{
		width:50%;
		left:25%;
	}
}

