/*
body {background-color:yellow;}

@media all and (min-width: 800px) and (max-resolution: 2dppx) , all and (min-width: 400px) and (min-resolution: 2dppx) , all and (min-width: 530px) and (min-resolution: 1.5dppx)   { 
	body {background-color:purple;}
}

@media all and (min-width: 1500px) and (max-resolution: 2dppx) , all and (min-width: 750px) and (min-resolution: 2dppx) , all and (min-width: 1000px) and (min-resolution: 1.5dppx) , all and (min-width: 1000px) and (min-resolution: 1.5dppx)  {
	body {background-color:blue;}
}
*/
			
/******************************** Bluebird Brewhouse ************************************************************************************************/

.bluebirdLogo .projectNav a {background-color:#85bdde;}
.bluebirdLogo h2 a#workType {background-color:#4f9cce;}
.bluebirdLogo h3.projectTitle {color:#2379ba;}
.bluebirdLogo .mainImage {
	background-image: url('../images/illustration/bluebirdLogo/main-t.gif');
	background-color:#f4eedf;
	padding-bottom: 57%;
}
.bluebirdLogo .moreOne {
	background-image: url('../images/illustration/bluebirdLogo/one-again-t.jpg');
	background-color:#e1e6ea;
	padding-bottom: 59%;
}
.bluebirdLogo .moreTwo {
	background-image: url('../images/illustration/bluebirdLogo/one-t.jpg');
	background-color:#e1e6ea;
	padding-bottom: 81%;
}
.bluebirdLogo .moreThree {
	background-image: url('../images/illustration/bluebirdLogo/two-t.jpg');
	background-color:#d3d5c0;
	padding-bottom: 74%;
}


@media all and (min-width: 800px) {
	.bluebirdLogo .mainImage {
		background-image: url('../images/illustration/bluebirdLogo/main-w.gif');
		padding-bottom: 28%;
	}
	.bluebirdLogo .moreOne {
		background-image: url('../images/illustration/bluebirdLogo/one-again-w.jpg');
		padding-bottom: 29%;
	}
	.bluebirdLogo .moreTwo {
		background-image: url('../images/illustration/bluebirdLogo/one-w.jpg');
		padding-bottom: 50%;
	}
	.bluebirdLogo .moreThree {
		background-image: url('../images/illustration/bluebirdLogo/two-w.jpg');
		padding-bottom: 63%;
	}
}


/******************************** Orchard Logo ************************************************************************************************/

.orchardLogo .projectNav a {background-color:#a7d4f0;}
.orchardLogo h2 a#workType {background-color:#7c8535;}
.orchardLogo h3.projectTitle {color:#a51629;}
.orchardLogo .mainImage {
	background-image: url('../images/illustration/orchardLogo/main-t.gif');
	background-color:#e2e6d7;
	padding-bottom: 73%;
}
.orchardLogo .moreOne {
	background-image: url('../images/illustration/orchardLogo/one-t.jpg');
	background-color:#e9f4fa;
	padding-bottom: 30%;
}
.orchardLogo .moreTwo {
	background-image: url('../images/illustration/orchardLogo/two-t.jpg');
	background-color:#d3d5c0;
	padding-bottom: 84%;
}


@media all and (min-width: 800px) {
	.orchardLogo .mainImage {
		background-image: url('../images/illustration/orchardLogo/main-w.gif');
		padding-bottom: 29%;
	}
	.orchardLogo .moreOne {
		background-image: url('../images/illustration/orchardLogo/one-w.jpg');
		padding-bottom: 18%;
	}
	.orchardLogo .moreTwo {
		background-image: url('../images/illustration/orchardLogo/two-w.jpg');
		padding-bottom: 49%;
	}
}



/******************************** Greenlee Logo ************************************************************************************************/

.greenleeLogo .projectNav a {background-color:#b6d2aa;}
.greenleeLogo h2 a#workType {background-color:#85b4aa;}
.greenleeLogo h3.projectTitle {color:#5d997d;}
.greenleeLogo .mainImage {
	background-image: url('../images/illustration/greenleeLogo/main-t.jpg');
	background-color:#e2e6d7;
	padding-bottom: 61%;
}
.greenleeLogo .moreOne {
	background-image: url('../images/illustration/greenleeLogo/one-t.gif');
	background-color:#e9f4fa;
	padding-bottom: 101%;
}
.greenleeLogo .moreTwo {
	background-image: url('../images/illustration/greenleeLogo/two-t.gif');
	background-color:#e9f4fa;
	padding-bottom: 53%;
}

.greenleeLogo .moreThree {
	background-image: url('../images/illustration/greenleeLogo/three-t.jpg');
	background-color:#eaf8f9;
	padding-bottom: 69%;
}

.greenleeLogo .moreFour {
	background-image: url('../images/illustration/greenleeLogo/four-t.jpg');
	background-color:#dee5df;
	padding-bottom: 92%;
}


@media all and (min-width: 800px) {
	.greenleeLogo .mainImage {
		background-image: url('../images/illustration/greenleeLogo/main-w.jpg');
		padding-bottom: 28%;
	}
	.greenleeLogo .moreOne {
		background-image: url('../images/illustration/greenleeLogo/one-w.gif');
		padding-bottom: 50%;
	}
	.greenleeLogo .moreTwo {
		background-image: url('../images/illustration/greenleeLogo/two-w.gif');
		padding-bottom: 35%;
	}
	
	.greenleeLogo .moreThree {
		background-image: url('../images/illustration/greenleeLogo/three-w.jpg');
		padding-bottom: 48%;
	}

	.greenleeLogo .moreFour {
		background-image: url('../images/illustration/greenleeLogo/four-w.jpg');
		padding-bottom: 62%;
	}
	
}


/******************************** Cathy Logo ************************************************************************************************/

.leslieLogo .projectNav a {background-color:#add580;}
.leslieLogo h2 a#workType {background-color:#459074;}
.leslieLogo h3.projectTitle {color:#008db7;}
.leslieLogo .mainImage {
	background-image: url('../images/illustration/leslieLogo/main-t.jpg');
	background-color:#a5dbb7;
	padding-bottom: 51%;
}
.leslieLogo .moreOne {
	background-image: url('../images/illustration/leslieLogo/one-t.gif');
	background-color:#ffffff;
	padding-bottom: 85%;
}

@media all and (min-width: 800px) { 
	.leslieLogo .mainImage {
		background-image: url('../images/illustration/leslieLogo/main-w.jpg');
		padding-bottom: 30%;
	}
	.leslieLogo .moreOne {
		background-image: url('../images/illustration/leslieLogo/one-w.gif');
		padding-bottom: 50%;
	}
}

/******************************** Culbert Logo ************************************************************************************************/

.culbertLogo .projectNav a {background-color:#add580;}
.culbertLogo h2 a#workType {background-color:#907961;}
.culbertLogo h3.projectTitle {color:#5b926e;}
.culbertLogo .mainImage {
	background-image: url('../images/illustration/culbertLogo/main-t.jpg');
	background-color:#f6f9fa;
	padding-bottom: 79%;
}
.culbertLogo .moreOne {
	background-image: url('../images/illustration/culbertLogo/one-t.jpg');
	background-color:#e5f5fb;
	padding-bottom: 67%;
}


@media all and (min-width: 800px) {
	.culbertLogo .mainImage {
		background-image: url('../images/illustration/culbertLogo/main-w.jpg');
		padding-bottom: 33%;
	}
	.culbertLogo .moreOne {
		background-image: url('../images/illustration/culbertLogo/one-w.jpg');
		padding-bottom: 53%;
	}
}


/******************************** Center Within Logo ************************************************************************************************/

.centerwithinLogo .projectNav a {background-color:#add580;}
.centerwithinLogo h2 a#workType {background-color:#907961;}
.centerwithinLogo h3.projectTitle {color:#5b926e;}
.centerwithinLogo .mainImage {
	background-image: url('../images/illustration/centerwithinLogo/main-t.jpg');
	background-color:#f6f9fa;
	padding-bottom: 79%;
}
.centerwithinLogo .moreOne {
	background-image: url('../images/illustration/centerwithinLogo/one-t.jpg');
	background-color:#e5f5fb;
	padding-bottom: 67%;
}


@media all and (min-width: 800px) {
	.centerwithinLogo .mainImage {
		background-image: url('../images/illustration/centerwithinLogo/main-w.jpg');
		padding-bottom: 33%;
	}
	.centerwithinLogo .moreOne {
		background-image: url('../images/illustration/centerwithinLogo/one-w.jpg');
		padding-bottom: 53%;
	}
}

/******************************** Turtles ************************************************************************************************/

.twoTurtles .projectNav a {background-color:#bcbc61;}
.twoTurtles h2 a#workType {background-color:#77a576;}
.twoTurtles h3.projectTitle {color:#557857;}
.twoTurtles .mainImage {
	background-image: url('../images/illustration/twoTurtles/main-t.jpg');
	background-color:#f6f9fa;
	padding-bottom: 89%;
}
.twoTurtles .moreOne {
	background-image: url('../images/illustration/twoTurtles/one-t.jpg');
	background-color:#e5f5fb;
	padding-bottom: 165%;
}


@media all and (min-width: 800px) {
	.twoTurtles .mainImage {
		background-image: url('../images/illustration/twoTurtles/main-w.jpg');
		padding-bottom: 38%;
	}
	.twoTurtles .moreOne {
		background-image: url('../images/illustration/twoTurtles/one-w.jpg');
		padding-bottom: 109%;
	}
}

/******************************** Hourglass ************************************************************************************************/

.hourglassLadies .projectNav a {background-color:#c8dea9;}
.hourglassLadies h2 a#workType {background-color:#be202e;}
.hourglassLadies h3.projectTitle {color:#5f7748;}
.hourglassLadies .mainImage {
	background-image: url('../images/illustration/hourglassLadies/main-t.jpg');
	background-color:#f6f9fa;
	padding-bottom: 85%;
}
.hourglassLadies .moreOne {
	background-image: url('../images/illustration/hourglassLadies/one-t.jpg');
	background-color:#e5f5fb;
	padding-bottom: 123%;
}


@media all and (min-width: 800px) {
	.hourglassLadies .mainImage {
		background-image: url('../images/illustration/hourglassLadies/main-w.jpg');
		padding-bottom: 49%;
	}
	.hourglassLadies .moreOne {
		background-image: url('../images/illustration/hourglassLadies/one-w.jpg');
		padding-bottom: 98%;
	}
}

/******************************** Wolf ************************************************************************************************/

.wolfIllustration .projectNav a {background-color:#a08c1c;}
.wolfIllustration h2 a#workType {background-color:#1e2141;}
.wolfIllustration h3.projectTitle {color:#243027;}
.wolfIllustration .mainImage {
	background-image: url('../images/illustration/wolfIllustration/main-t.jpg');
	background-color:#f6f9fa;
	padding-bottom: 60%;
}
.wolfIllustration .moreOne {
	background-image: url('../images/illustration/wolfIllustration/one-t.jpg');
	background-color:#e5f5fb;
	padding-bottom: 96%;
}


@media all and (min-width: 800px) {
	.wolfIllustration .mainImage {
		background-image: url('../images/illustration/wolfIllustration/main-w.jpg');
		padding-bottom: 28%;
	}
	.wolfIllustration .moreOne {
		background-image: url('../images/illustration/wolfIllustration/one-w.jpg');
		padding-bottom: 57%;
	}
}

/******************************** Hats ************************************************************************************************/

.impracticalHats .projectNav a {background-color:#2768a5;}
.impracticalHats h2 a#workType {background-color:#1e2141;}
.impracticalHats h3.projectTitle {color:#e15270;}
.impracticalHats .mainImage {
	background-image: url('../images/illustration/impracticalHats/main-t.jpg');
	background-color:#ffffff;
	padding-bottom: 63%;
}
.impracticalHats .moreOne {
	background-image: url('../images/illustration/impracticalHats/one-t.jpg');
	background-color:#ffffff;
	padding-bottom: 69%;
}
.impracticalHats .moreTwo {
	background-image: url('../images/illustration/impracticalHats/two-t.jpg');
	background-color:#6c8e6f;
	padding-bottom: 99%;
}


@media all and (min-width: 800px) {
	.impracticalHats .mainImage {
		background-image: url('../images/illustration/impracticalHats/main-w.jpg');
		padding-bottom: 32%;
	}
	.impracticalHats .moreOne {
		background-image: url('../images/illustration/impracticalHats/one-w.jpg');
		padding-bottom: 51%;
	}
	.impracticalHats .moreTwo {
		background-image: url('../images/illustration/impracticalHats/two-w.jpg');
		background-color:#e5f5fb;
		padding-bottom: 62%;
	}
}

/******************************** Representation ************************************************************************************************/

.representationIllustration .projectNav a {background-color:#87b3c5;}
.representationIllustration h2 a#workType {background-color:#4f717d;}
.representationIllustration h3.projectTitle {color:#00394b;}
.representationIllustration .mainImage {
	background-image: url('../images/illustration/representationIllustration/main-t.jpg');
	background-color:#88b5c7;
	padding-bottom: 68%;
}
.representationIllustration .moreOne {
	background-image: url('../images/illustration/representationIllustration/one-t.jpg');
	background-color:#cedce2;
	padding-bottom: 73%;
}


@media all and (min-width: 800px) {
	.representationIllustration .mainImage {
		background-image: url('../images/illustration/representationIllustration/main-w.jpg');
		padding-bottom: 34%;
	}
	.representationIllustration .moreOne {
		background-image: url('../images/illustration/representationIllustration/one-w.jpg');
		padding-bottom: 56%;
	}
}



/******************************** Cambrian ************************************************************************************************/

.cardsCambrian .projectNav a {background-color:#6b9336;}
.cardsCambrian h2 a#workType {background-color:#a8c785}
.cardsCambrian h3.projectTitle {color:#861c1d;}
.cardsCambrian .mainImage {
	background-image: url('../images/illustration/cardsCambrian/main-t.jpg');
	background-color:#ffffff;
	padding-bottom: 68%;
}
.cardsCambrian .moreOne {
	background-image: url('../images/illustration/cardsCambrian/one-t.jpg');
	background-color:#ffffff;
	padding-bottom: 53%;
}
.cardsCambrian .moreTwo {
	background-image: url('../images/illustration/cardsCambrian/two-t.jpg');
	background-color:#ffffff;
	padding-bottom: 94%;
}
.cardsCambrian .moreThree {
	background-image: url('../images/illustration/cardsCambrian/three-t.jpg');
	background-color:#ffffff;
	padding-bottom: 73%;
}


@media all and (min-width: 800px) {
	.cardsCambrian .mainImage {
		background-image: url('../images/illustration/cardsCambrian/main-w.jpg');
		padding-bottom: 40%;
	}
	.cardsCambrian .moreOne {
		background-image: url('../images/illustration/cardsCambrian/one-w.jpg');
		padding-bottom: 60%;
	}
	.cardsCambrian .moreTwo {
		background-image: url('../images/illustration/cardsCambrian/two-w.jpg');
		padding-bottom: 60%;
	}
	.cardsCambrian .moreThree {
		background-image: url('../images/illustration/cardsCambrian/three-w.jpg');
		background-color:#e5f5fb;
		padding-bottom: 56%;
	}
}

/******************************** Winter Video ************************************************************************************************/

.winterWatercolorVideo .mainImage {display:none;}

.winterWatercolorVideo .video {
	  position:relative;
	  z-index:2;
  	  width:100%;
  	  padding-bottom:56%;
}

.winterWatercolorVideo .video iframe {
	width:100%;
	height:100%;
	position:absolute;
	background-color:#fff;
}
.winterWatercolorVideo .projectNav a {background-color:#aac9ed;}
.winterWatercolorVideo h2 a#workType {background-color:#49381c}
.winterWatercolorVideo h3.projectTitle {color:#49381c;}
.winterWatercolorVideo .moreOne {
	background-image: url('../images/illustration/winterWatercolorVideo/one-t.jpg');
	background-color:#ffffff;
	padding-bottom: 73%;
}
.winterWatercolorVideo .moreTwo {
	background-image: url('../images/illustration/winterWatercolorVideo/two-t.jpg');
	background-color:#ffffff;
	padding-bottom: 93%;
}
.winterWatercolorVideo .moreThree {
	background-image: url('../images/illustration/winterWatercolorVideo/three-t.jpg');
	background-color:#ffffff;
	padding-bottom: 104%;
}
.winterWatercolorVideo .moreFour {
	background-image: url('../images/illustration/winterWatercolorVideo/four-t.jpg');
	background-color:#ffffff;
	padding-bottom: 107%;
}


@media all and (min-width: 800px) {
	
	.winterWatercolorVideo .video {
	  	  width:65%;
		  padding-bottom:36%;
	  	  float:right;
		  background-position: center center;
	}
	
	.winterWatercolorVideo .moreOne {
		background-image: url('../images/illustration/winterWatercolorVideo/one-w.jpg');
		padding-bottom: 54%;
	}
	.winterWatercolorVideo .moreTwo {
		background-image: url('../images/illustration/winterWatercolorVideo/two-w.jpg');
		padding-bottom: 45%;
	}
	.winterWatercolorVideo .moreThree {
		background-image: url('../images/illustration/winterWatercolorVideo/three-w.jpg');
		background-color:#e5f5fb;
		padding-bottom: 56%;
	}
	.winterWatercolorVideo .moreFour {
		background-image: url('../images/illustration/winterWatercolorVideo/four-w.jpg');
		background-color:#ffffff;
		padding-bottom: 70%;
	}
}

/******************************** Watercolor Cards ************************************************************************************************/

.cardsWatercolorAnimals .projectNav a {background-color:#53bbba;}
.cardsWatercolorAnimals h2 a#workType {background-color:#dc774b}
.cardsWatercolorAnimals h3.projectTitle {color:#bf2e18;}
.cardsWatercolorAnimals .mainImage {
	background-image: url('../images/illustration/cardsWatercolorAnimals/main-t.jpg');
	background-color:#ffffff;
	padding-bottom: 56%;
}
.cardsWatercolorAnimals .moreOne {
	background-image: url('../images/illustration/cardsWatercolorAnimals/one-t.jpg');
	background-color:#ffffff;
	padding-bottom: 79%;
}
.cardsWatercolorAnimals .moreTwo {
	background-image: url('../images/illustration/cardsWatercolorAnimals/two-t.jpg');
	background-color:#ffffff;
	padding-bottom: 69%;
}


@media all and (min-width: 800px) {
	.cardsWatercolorAnimals .mainImage {
		background-image: url('../images/illustration/cardsWatercolorAnimals/main-w.jpg');
		padding-bottom: 40%;
	}
	.cardsWatercolorAnimals .moreOne {
		background-image: url('../images/illustration/cardsWatercolorAnimals/one-w.jpg');
		padding-bottom: 53%;
	}
	.cardsWatercolorAnimals .moreTwo {
		background-image: url('../images/illustration/cardsWatercolorAnimals/two-w.jpg');
		padding-bottom: 52%;
	}
}

/******************************** Toad ************************************************************************************************/

.toadIllustration .projectNav a {background-color:#9bb3da;}
.toadIllustration h2 a#workType {background-color:#b8af7b;}
.toadIllustration h3.projectTitle {color:#546a26;}
.toadIllustration .mainImage {
	background-image: url('../images/illustration/toadIllustration/main-t.jpg');
	background-color:#9bb3da;
	padding-bottom: 63%;
}
.toadIllustration .moreOne {
	background-image: url('../images/illustration/toadIllustration/one-t.jpg');
	background-color:#cedce2;
	padding-bottom: 123%;
}


@media all and (min-width: 800px) {
	.toadIllustration .mainImage {
		background-image: url('../images/illustration/toadIllustration/main-w.jpg');
		padding-bottom: 27%;
	}
	.toadIllustration .moreOne {
		background-image: url('../images/illustration/toadIllustration/one-w.jpg');
		padding-bottom: 56%;
	}
}

/******************************** Orchid ************************************************************************************************/

.orchidWatercolor .projectNav a {background-color:#68768b;}
.orchidWatercolor h2 a#workType {background-color:#779a6a;}
.orchidWatercolor h3.projectTitle {color:#c88759;}
.orchidWatercolor .mainImage {
	background-image: url('../images/illustration/orchidWatercolor/main-t.jpg');
	background-color:#fcf8ef;
	padding-bottom: 69%;
}
.orchidWatercolor .moreOne {
	background-image: url('../images/illustration/orchidWatercolor/one-t.jpg');
	background-color:#e1ebea;
	padding-bottom: 123%;
}


@media all and (min-width: 800px) {
	.orchidWatercolor .mainImage {
		background-image: url('../images/illustration/orchidWatercolor/main-w.jpg');
		padding-bottom: 33%;
	}
	.orchidWatercolor .moreOne {
		background-image: url('../images/illustration/orchidWatercolor/one-w.jpg');
		padding-bottom: 64%;
	}

}

/******************************** Isolation ************************************************************************************************/

.isolation .projectNav a {background-color:#8d8b99;}
.isolation h2 a#workType {background-color:#0e566e;}
.isolation h3.projectTitle {color:#2d6d79;}
.isolation .mainImage {
	background-image: url('../images/illustration/isolation/main-t.jpg');
	background-color:#0d4f6f;
	padding-bottom: 70%;
}
.isolation .moreOne {
	background-image: url('../images/illustration/isolation/one-t.jpg');
	background-color:#f8f8f8;
	padding-bottom: 74%;
}
.isolation .moreTwo {
	background-image: url('../images/illustration/isolation/two-t.jpg');
	background-color:#b5bab6;
	padding-bottom: 71%;
}
.isolation .moreThree {
	background-image: url('../images/illustration/isolation/three-t.jpg');
	background-color:#cac9cf;
	padding-bottom: 103%;
}


@media all and (min-width: 800px) {
	.isolation .mainImage {
		background-image: url('../images/illustration/isolation/main-w.jpg');
		padding-bottom: 36%;
	}
	.isolation .moreOne {
		background-image: url('../images/illustration/isolation/one-w.jpg');
		padding-bottom: 40%;
	}
	.isolation .moreTwo {
		background-image: url('../images/illustration/isolation/two-w.jpg');
		background-color:#b5bab6;
		padding-bottom: 66%;
	}
	.isolation .moreThree {
		background-image: url('../images/illustration/isolation/three-w.jpg');
		background-color:#cac9cf;
		padding-bottom: 70%;
	}

}

/******************************** Batik Dragon ************************************************************************************************/

.batikDragon .projectNav a {background-color:#db584d;}
.batikDragon h2 a#workType {background-color:#1d3842}
.batikDragon h3.projectTitle {color:#db584d;}
.batikDragon .mainImage {
	background-image: url('../images/illustration/batikDragon/main-t.jpg');
	background-color:#347d6a;
	padding-bottom: 89%;
}
.batikDragon .moreOne {
	background-image: url('../images/illustration/batikDragon/one-t.jpg');
	background-color:#e8e8e8;
	padding-bottom: 94%;
}
.batikDragon .moreTwo {
	background-image: url('../images/illustration/batikDragon/two-t.jpg');
	background-color:#3e8573;
	padding-bottom: 85%;
}


@media all and (min-width: 800px) {
	.batikDragon .mainImage {
		background-image: url('../images/illustration/batikDragon/main-w.jpg');
		padding-bottom: 37%;
	}
	.batikDragon .moreOne {
		background-image: url('../images/illustration/batikDragon/one-w.jpg');
		padding-bottom: 77%;
	}
	.batikDragon .moreTwo {
		background-image: url('../images/illustration/batikDragon/two-w.jpg');
		background-color:#b5bab6;
		padding-bottom: 78%;
	}

}

/******************************** Snail Pale Ale ************************************************************************************************/

.snailPaleAle .projectNav a {background-color:#eac0eb;}
.snailPaleAle h2 a#workType {background-color:#000;}
.snailPaleAle h3.projectTitle {color:#3f0740;}
.snailPaleAle .mainImage {
	background-image: url('../images/illustration/snailPaleAle/main-t.jpg');
	background-color:#000;
	padding-bottom: 88%;
}
.snailPaleAle .moreOne {
	background-image: url('../images/illustration/snailPaleAle/one-t.jpg');
	background-color:#f0e8f0;
	padding-bottom: 94%;
}
.snailPaleAle .moreTwo {
	background-image: url('../images/illustration/snailPaleAle/two-t.jpg');
	background-color:#f0e9f0;
	padding-bottom: 68%;
}


@media all and (min-width: 800px) {
	.snailPaleAle .mainImage {
		background-image: url('../images/illustration/snailPaleAle/main-w.jpg');
		padding-bottom: 40%;
	}
	.snailPaleAle .moreOne {
		background-image: url('../images/illustration/snailPaleAle/one-w.jpg');
		padding-bottom: 54%;
	}
	.snailPaleAle .moreTwo {
		background-image: url('../images/illustration/snailPaleAle/two-w.jpg');
		background-color:#b5bab6;
		padding-bottom: 40%;
	}

}

/******************************** Emergence ************************************************************************************************/

.emergenceIllustration .projectNav a {background-color:#1054a7;}
.emergenceIllustration h2 a#workType {background-color:#af2f3c;}
.emergenceIllustration h3.projectTitle {color:#513277;}
.emergenceIllustration .mainImage {
	background-image: url('../images/illustration/emergenceIllustration/main-t.jpg');
	background-color:#313058;
	padding-bottom: 80%;
}
.emergenceIllustration .moreOne {
	background-image: url('../images/illustration/emergenceIllustration/one-t.jpg');
	background-color:#f0e8f0;
	padding-bottom: 115%;
}


@media all and (min-width: 800px) {
	.emergenceIllustration .mainImage {
		background-image: url('../images/illustration/emergenceIllustration/main-w.jpg');
		padding-bottom: 31%;
	}
	.emergenceIllustration .moreOne {
		background-image: url('../images/illustration/emergenceIllustration/one-w.jpg');
		padding-bottom: 72%;
	}
}

/******************************** Illusion ************************************************************************************************/

.illusionIllustration .projectNav a {background-color:#1054a7;}
.illusionIllustration h2 a#workType {background-color:#af2f3c;}
.illusionIllustration h3.projectTitle {color:#513277;}
.illusionIllustration .mainImage {
	background-image: url('../images/illustration/illusionIllustration/main-t.jpg');
	background-color:#313058;
	padding-bottom: 63%;
}
.illusionIllustration .moreOne {
	background-image: url('../images/illustration/illusionIllustration/one-t.jpg');
	background-color:#f0e8f0;
	padding-bottom: 118%;
}

@media all and (min-width: 800px) {
	.illusionIllustration .mainImage {
		background-image: url('../images/illustration/illusionIllustration/main-w.jpg');
		padding-bottom: 41%;
	}
	.illusionIllustration .moreOne {
		background-image: url('../images/illustration/illusionIllustration/one-w.jpg');
		padding-bottom: 42%;
	}
}



/******************************** INFO ART COW ********************************/

.infoArtCow .projectNav a {background-color:#53bbba;}
.infoArtCow h2 a#workType {background-color:#dc774b;}
.infoArtCow h3.projectTitle {color:#bf2e18;}
.infoArtCow .mainImage {
	background-image: url('../images/illustration/info-art-cow/cow-main-800.jpg');
	background-color:#ffffbc;
	padding-bottom: 67%;
}
.infoArtCow .moreOne {
	background-image: url('../images/illustration/info-art-cow/cow-display-800.jpg');
	background-color:#c2c8d4;
	padding-bottom: 120%;
}


@media all and (min-width: 800px) and (max-resolution: 2dppx) , all and (min-width: 400px) and (min-resolution: 2dppx)   { 
	.infoArtCow .mainImage {
		background-image: url('../images/illustration/info-art-cow/cow-main-1500.jpg');
		padding-bottom: 33%;
	}
	.infoArtCow .moreOne {
		background-image: url('../images/illustration/info-art-cow/cow-display-1500.jpg');
		padding-bottom: 65%;
	}
}

@media all and (min-width: 1500px) and (max-resolution: 2dppx) , all and (min-width: 750px) and (min-resolution: 2dppx) , all and (min-width: 1000px) and (min-resolution: 1.5dppx)   { 
	.infoArtCow .mainImage {background-image: url('../images/illustration/info-art-cow/cow-main-2000.jpg');}
	.infoArtCow .moreOne {background-image: url('../images/illustration/info-art-cow/cow-display-2000.jpg');}
}





/******************************** WEB ********************************/
/******************************** WEB ********************************/
/******************************** WEB ********************************/
/******************************** WEB ********************************/
/******************************** WEB ********************************/
/******************************** WEB ********************************/
/******************************** WEB ********************************/
/******************************** WEB ********************************/
/******************************** WEB ********************************/
/******************************** WEB ********************************/

/******************************** Orchard Website ********************************/

.orchard-website .projectNav a {background-color:#cadda2;}
.orchard-website h2 a#workType {background-color:#a11527;}
.orchard-website h3.projectTitle {color:#778133;}
.orchard-website .mainImage {
	background-image: url('../images/interactive/orchard-website/main-t.jpg');
	background-color:#cfdda9;
	padding-bottom: 53%;
}
.orchard-website .moreOne {
	background-image: url('../images/interactive/minnelaw-website/responsive-website-process.gif');
	background-color:#fff;
	padding-bottom: 13%;
}
.orchard-website .moreTwo {
	background-image: url('../images/interactive/orchard-website/wireframe-t.gif');
	background-color:#ddeffb;
	padding-bottom: 303%;
}
.orchard-website .moreThree {
	background-image: url('../images/interactive/orchard-website/home-t.jpg');
	background-color:#e8ebe0;
	padding-bottom: 195%;
}
.orchard-website .moreFour {
	background-image: url('../images/interactive/orchard-website/one-t.jpg');
	background-color:#e8ebe0;
	padding-bottom: 65%;
}


@media all and (min-width: 800px) {
	.orchard-website .mainImage {
		background-image: url('../images/interactive/orchard-website/main-w.jpg');
		padding-bottom: 24%;
	}
	.orchard-website .moreOne {
	background-image: url('../images/interactive/minnelaw-website/responsive-website-process.gif');
	background-color:#fff;
	padding-bottom: 13%;
}
	.orchard-website .moreTwo {
		background-image: url('../images/interactive/orchard-website/wireframe.gif');
		padding-bottom: 74%;
	}
	.orchard-website .moreThree {
		background-image: url('../images/interactive/orchard-website/home-w.jpg');
		padding-bottom: 110%;
	}
	.orchard-website .moreFour {
		background-image: url('../images/interactive/orchard-website/one-w.jpg');
		padding-bottom: 48%;
	}
}



/******************************** Greenlee Website ********************************/

.greenlee-website .projectNav a {background-color:#bcd0cc;}
.greenlee-website h2 a#workType {background-color:#378798;}
.greenlee-website h3.projectTitle {color:#509073;}
.greenlee-website .mainImage {
	background-image: url('../images/interactive/greenlee-website/main-t.jpg');
	background-color:#d4def3;
	padding-bottom: 53%;
}
.greenlee-website .moreOne {
	background-image: url('../images/interactive/greenlee-website/one-t.jpg');
	background-color:#c2d3d7;
	padding-bottom: 147%;
}


@media all and (min-width: 800px) {
	.greenlee-website .mainImage {
		background-image: url('../images/interactive/greenlee-website/main-w.jpg');
		padding-bottom: 24%;
	}
	.greenlee-website .moreOne {
		background-image: url('../images/interactive/greenlee-website/one-w.jpg');
		padding-bottom: 39%;
	}
}

	.greenlee-website .moreThree {
		background-image: url('../images/illustration/greenleeLogo/two-w.gif');
		padding-bottom: 35%;
	}
	
	.greenlee-website .moreFour {
		background-image: url('../images/illustration/greenleeLogo/three-w.jpg');
		padding-bottom: 48%;
	}

	.greenlee-website .moreFive {
		background-image: url('../images/illustration/greenleeLogo/four-w.jpg');
		padding-bottom: 62%;
	}

/******************************** Cathy Website ********************************/

.leslie-website .projectNav a {background-color:#aed483;}
.leslie-website h2 a#workType {background-color:#da9525;}
.leslie-website h3.projectTitle {color:#778133;}
.leslie-website .mainImage {
	background-image: url('../images/interactive/leslie-website/main-t.jpg');
	background-color:#efeae6;
	padding-bottom: 63%;
}
.leslie-website .moreOne {
	background-image: url('../images/interactive/leslie-website/one-t.jpg');
	background-color:#ccdbbc;
	padding-bottom: 136%;
}


@media all and (min-width: 800px) {
	.leslie-website .mainImage {
		background-image: url('../images/interactive/leslie-website/main-w.jpg');
		padding-bottom: 28%;
	}
	.leslie-website .moreOne {
		background-image: url('../images/interactive/leslie-website/one-w.jpg');
		padding-bottom: 49%;
	}
}

/******************************** Flasghip Website ********************************/

.flagship-website .projectNav a {background-color:#c8edc2;}
.flagship-website h2 a#workType {background-color:#3f6778;}
.flagship-website h3.projectTitle {color:#a37e52;}
.flagship-website .mainImage {
	background-image: url('../images/interactive/flagship-website/main-t.jpg');
	background-color:#c3d5db;
	padding-bottom: 72%;
}
.flagship-website .moreOne {
	background-image: url('../images/interactive/flagship-website/one-t.jpg');
	background-color:#c3d5db;
	padding-bottom: 164%;
}


@media all and (min-width: 800px) {
	.flagship-website .mainImage {
		background-image: url('../images/interactive/flagship-website/main-w.jpg');
		padding-bottom: 31%;
	}
	.flagship-website .moreOne {
		background-image: url('../images/interactive/flagship-website/one-w.jpg');
		padding-bottom: 52%;
	}
}

/******************************** Virtus Law Website ********************************/

.virtuslaw-website .projectNav a {background-color:#e7c6ad;}
.virtuslaw-website h2 a#workType {background-color:#4d3126;}
.virtuslaw-website h3.projectTitle {color:#731c0c;}
.virtuslaw-website .mainImage {
	background-image: url('../images/interactive/virtuslaw-website/main-t.jpg');
	background-color:#fff;
	padding-bottom: 63%;
}

.virtuslaw-website .moreOne {
	background-image: url('../images/interactive/virtuslaw-website/one-t.jpg');
	background-color:#beb1a0;
	padding-bottom: 218%;
}

@media all and (min-width: 800px) {
	.virtuslaw-website .mainImage {
		background-image: url('../images/interactive/virtuslaw-website/main-w.jpg');
		padding-bottom: 30%;
	}
	.virtuslaw-website .moreOne {
		background-image: url('../images/interactive/virtuslaw-website/one-w.jpg');
		padding-bottom: 54%;
	}
}

/******************************** Dr. Tim Website ********************************/

.drtim-website .projectNav a {background-color:#eeded8;}
.drtim-website h2 a#workType {background-color:#d0c6c0;}
.drtim-website h3.projectTitle {color:#6c6660;}
.drtim-website .mainImage {
	background-image: url('../images/interactive/drtim-website/main-t.jpg');
	background-color:#fff;
	padding-bottom: 34%;
}
.drtim-website .moreOne {
	background-image: url('../images/interactive/drtim-website/one-t.jpg');
	background-color:#e1ddda;
	padding-bottom: 65%;
}
	.drtim-website .moreTwo {
		background-image: url('../images/illustration/culbertLogo/one-w.jpg');
		padding-bottom: 53%;
	}



@media all and (min-width: 800px) {
	.drtim-website .mainImage {
		background-image: url('../images/interactive/drtim-website/main-w.jpg');
		padding-bottom: 35%;
	}
	.drtim-website .moreOne {
		background-image: url('../images/interactive/drtim-website/one-w.jpg');
		padding-bottom: 38%;
	}
}

/******************************** MinneLaw Website ********************************/

.minnelaw-website .projectNav a {background-color:#0f3b62;}
.minnelaw-website h2 a#workType {background-color:#995a25;}
.minnelaw-website h3.projectTitle {color:#696e76;}
.minnelaw-website .mainImage {
	background-image: url('../images/interactive/minnelaw-website/minnelaw-main.jpg');
	background-color:#fff;
	padding-bottom: 28%;
}
.minnelaw-website .moreOne {
	background-image: url('../images/interactive/minnelaw-website/responsive-website-process.gif');
	background-color:#fff;
	padding-bottom: 13%;
}
.minnelaw-website .moreTwo {
	background-image: url('../images/interactive/minnelaw-website/minnelaw-annotated.jpg');
	background-color:#fff;
	padding-bottom: 73%;
}
.minnelaw-website .moreThree {
	background-image: url('../images/interactive/minnelaw-website/minneLaw-all.jpg');
	background-color:#33465f;
	padding-bottom: 48%;
}


/******************************** Center Within Website ************************************************************************************************/

.centerwithin-website .projectNav a {background-color:#abc988;}
.centerwithin-website h2 a#workType {background-color:#501a6c;}
.centerwithin-website h3.projectTitle {color:#501a6c;}
.centerwithin-website .mainImage {
	background-image: url('../images/interactive/centerwithin-website/centerwithin-main.jpg');
	background-color:#fff;
	padding-bottom: 33%;
}
.centerwithin-website .moreOne {
	background-image: url('../images/interactive/minnelaw-website/responsive-website-process.gif');
	background-color:#fff;
	padding-bottom: 13%;
}
.centerwithin-website .moreTwo {
		background-image: url('../images/interactive/centerwithin-website/centerwithin-all.jpg');
		padding-bottom: 48%;
}

/******************************** Silver Current Website ************************************************************************************************/

.silvercurrent-website .projectNav a {background-color:#d97915;}
.silvercurrent-website h2 a#workType {background-color:#5d0043;}
.silvercurrent-website h3.projectTitle {color:#5d0043;}
.silvercurrent-website .mainImage {
	background-image: url('../images/interactive/silvercurrent-website/silvercurrent-main.jpg');
	background-color:#fff;
	padding-bottom: 30%;
}

.silvercurrent-website .moreOne {
		background-image: url('../images/interactive/silvercurrent-website/silver-current-full.jpg');
		padding-bottom: 39%;
		background-color: #e0ebdc;
}



/******************************** Medtronic ************************************************************************************************/

.medtronic .projectNav a {background-color:#002554;}
.medtronic h2 a#workType {background-color:#501a6c;}
.medtronic h3.projectTitle {color:#004b87;}
.medtronic .mainImage {
	background-image: url('../images/interactive/med/main.jpg');
	background-color:#fff;
	padding-bottom: 29%;
}

.medtronic .moreOne {
		background-image: url('../images/interactive/med/design-process-w.gif');
		padding-bottom: 27%;
}

.medtronic .moreTwo {
		background-image: url('../images/interactive/med/workflow.gif');
		padding-bottom: 44%;
}

.medtronic .moreThree {
		background-image: url('../images/interactive/med/content-flow.gif');
		padding-bottom: 31%;
}

.medtronic .moreFour {
		background-image: url('../images/interactive/med/wireframes.gif');
		padding-bottom: 39%;
}

.medtronic .moreFive {
		background-image: url('../images/interactive/med/highfi.jpg');
		padding-bottom: 44%;
}

.medtronic .moreSix {
		background-image: url('../images/interactive/med/templates.jpg');
		padding-bottom: 33%;
}



/******************************** Duke ************************************************************************************************/

.duke .projectNav a {background-color:#021658;}
.duke h2 a#workType {background-color:#0078c4;}
.duke h3.projectTitle {color:#9aab1d;}
	.duke .mainImage {
	background-image: url('../images/interactive/duke/duke-main.jpg');
	background-color:#fff;
	padding-bottom: 39%;
	}
	.duke .moreOne {
		background-image: url('../images/interactive/duke/duke-process.gif');
		padding-bottom: 17%;
	}
	.duke .moreTwo {
		background-image: url('../images/interactive/duke/engineering-home-wireframe-w.gif');
		padding-bottom: 80%;
	}
	.duke .moreThree {
		background-image: url('../images/interactive/duke/engineering-home-w.jpg');
		padding-bottom: 72%;
	}
	.duke .moreFour {
		background-image: url('../images/interactive/duke/engineering-applications-w.jpg');
		padding-bottom: 92%;
	}

	.duke .moreFive {
		background-image: url('../images/interactive/duke/engineering-cee-home-w.jpg');
		padding-bottom: 66%;
	}

	.duke .moreSix {
		background-image: url('../images/interactive/duke/engineering-cbte-home-w.jpg');
		padding-bottom: 50%;
	}

	.duke .moreSeven {
		background-image: url('../images/interactive/duke/engineering-smarthome-home-w.jpg');
		padding-bottom: 50%;
	}

	.duke .moreEight {
		background-image: url('../images/interactive/duke/engineering-posters-w.jpg');
		padding-bottom: 70%;
	}



/******************************** UMN ************************************************************************************************/

.umn .projectNav a {background-color:#ffd75f;}
.umn h2 a#workType {background-color:#790018;}
.umn h3.projectTitle {color:#790018;}
.umn .mainImage {
	background-image: url('../images/interactive/uofm/umn-main.jpg');
	background-color:#fff;
	padding-bottom: 30%;
	}
	.umn .moreOne {
			background-image: url('../images/interactive/uofm/umn-process.gif');
			padding-bottom: 19%;
	}
	.umn .moreTwo {
			background-image: url('../images/interactive/uofm/critique-goal.jpg');
			padding-bottom: 59%;
	}
	.umn .moreThree {
			background-image: url('../images/interactive/uofm/umn-adjust.jpg');
			padding-bottom: 59%;
	}

	.umn .moreThree {
			background-image: url('../images/interactive/uofm/umn-feedback.jpg');
			padding-bottom: 106%;
	}

	.umn .moreSix {
			background-image: url('../images/interactive/uofm/student1.jpg');
			padding-bottom: 39%;
	}
	.umn .moreSeven {
			background-image: url('../images/interactive/uofm/student2.jpg');
			padding-bottom: 39%;
	}
	.umn .moreEight {
			background-image: url('../images/interactive/uofm/student3.jpg');
			padding-bottom: 39%;
	}