.mainSummary h2, .mainSummary h1 {
    color: #ccc !important;
	font-size:2em;
}

.mainSummary h2 span, .mainSummary h1 span {
	color: #fff;
}

.mainSummary h1 {
	color: #ccc !important;
	    font-size: 2em;
	    line-height: 1.4em;
}

.mainSummary p {
	color: #aaa;
	    font-size: 1.2em;
	    line-height: 1.5em;
	    margin-top: 36px;
}

.mainSummary p.footnote {
	border-top: 1px dotted #555;
	    font-size: 0.8em;
	    margin-top: 10px;
	    padding-top: 10px;
}

.summaryInner {
	background-color:rgba(200, 200, 200, .3);
		color: #fff;
	    margin-left: 5%;
	    padding: 5% 20% 5% 5%;
		
	    width: 55%;
		font-weight:300;
		background: rgba(51,51,51,0.95);
		background: -moz-linear-gradient(left, rgba(51,51,51,0.9) 32%, rgba(61,61,61,0.7) 51%, rgba(85,85,85,0) 100%);
		background: -webkit-gradient(left top, right top, color-stop(32%, rgba(51,51,51,0.7)), color-stop(51%, rgba(61,61,61,0.95)), color-stop(100%, rgba(85,85,85,0)));
		background: -webkit-linear-gradient(left, rgba(51,51,51,0.9) 32%, rgba(61,61,61,0.7) 51%, rgba(85,85,85,0) 100%);
		background: -o-linear-gradient(left, rgba(51,51,51,0.9) 32%, rgba(61,61,61,0.7) 51%, rgba(85,85,85,0) 100%);
		background: -ms-linear-gradient(left, rgba(51,51,51,0.9) 32%, rgba(61,61,61,0.7) 51%, rgba(85,85,85,0) 100%);
		background: linear-gradient(to right, rgba(51,51,51,0.9) 32%, rgba(61,61,61,0.7) 51%, rgba(85,85,85,0) 100%);
}


.mainSummary h2 {
	background-color:rgba(200, 200, 200, .3);
		color: #fff;
	    margin-left: 5%;
	    padding: 5% 20% 5% 5%;
		font-size:2em;
	    width: 50%;
		font-weight:300;
		background: rgba(51,51,51,0.95);
		background: -moz-linear-gradient(left, rgba(51,51,51,0.95) 32%, rgba(61,61,61,0.95) 51%, rgba(85,85,85,0) 100%);
		background: -webkit-gradient(left top, right top, color-stop(32%, rgba(51,51,51,0.95)), color-stop(51%, rgba(61,61,61,0.95)), color-stop(100%, rgba(85,85,85,0)));
		background: -webkit-linear-gradient(left, rgba(51,51,51,0.95) 32%, rgba(61,61,61,0.95) 51%, rgba(85,85,85,0) 100%);
		background: -o-linear-gradient(left, rgba(51,51,51,0.95) 32%, rgba(61,61,61,0.95) 51%, rgba(85,85,85,0) 100%);
		background: -ms-linear-gradient(left, rgba(51,51,51,0.95) 32%, rgba(61,61,61,0.95) 51%, rgba(85,85,85,0) 100%);
		background: linear-gradient(to right, rgba(51,51,51,0.95) 32%, rgba(61,61,61,0.95) 51%, rgba(85,85,85,0) 100%);
	}
	
	.about .mainSummary {
		 background-image: url("dsnimgs/about-back-full-bw.jpg");
	}
	
	.new .summaryInner {
		margin-left:0;
		/*background:none;*/
	}
	
	
	.new {
		box-shadow:0 0 25px rgba(180, 180, 180, 0.7) inset !important;
	}
	
	.new h1 span {
		color:#c5d2b1 !important;
	}
	
	.new h1 {
		font-size:1.75em !important;
	}
	
	.about img {
		width:100%;
		margin-bottom:20px;
	}
	
	.expertise .mainSummary, .about .mainSummary, .contact .mainSummary {
		 background-image: url("dsnimgs/illustrative-portfolio-back-full-bw.jpg");
		 background-position: center center;
	}

.main {
	clear:both;
	position:relative;
	top:0px;
	width:100% !important;
}

.content {
	position:relative;
	top:200px;
	width:90%;
	margin-left:5%;
}

.content h4 {
    font-size: 1.7em;
    margin: 46px 0 10px;
	color:#777;
}

.content ul {
	margin-left:18px;
}

.about .content {
			color:#555;
}

.content p {
	margin-bottom:20px;
}

.content ul li {
	margin-bottom:10px;
}

.content strong {
	color:#000;
}

.portfolio .main {
	top:200px;
}

.mainSummary {
    background-image: url("dsnimgs/northshore2.jpg");
    background-position: right bottom;
    background-size: cover;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.8) inset;
    clear: both;
    margin-bottom: 50px;
    position: relative;
    top: 200px;
    width: 100%;
}

a#workType {
	background-color:#ddd;
	color: #719637;
	transition: background-color .5s ease;
}

.projectNav a {
	background-color:#bababa;
}


.folio {
	clear: both;
	position: relative;
	top: 200px;
}

.inner .next {
	background-color: #000;
	    background-position: center center;
	    background-repeat: no-repeat;
	    height: 103px;
	    position: relative;
	    text-indent: -9999px;
	    width: 16px;
		top:0;
}

.inner {
	height: auto !important;
	    margin-left: 5% !important;
	    padding: 2%;
	    width: 86% !important;
}

h3 {
	clear: both;
	    font-size: 2.5em;
	    font-weight: 300;
	    height: 125px;
	    letter-spacing: 0;
	    position: relative;
	    text-decoration: none;
	    top: 21px;
}

.portfolio-type {
    padding: 50px 0;
}

.illustrative-portfolio {
    background-image: none !important;
    background-position: center -118px;
    background-size: cover;
}

.interactive-portfolio {
    background-image: none !important;
    background-position: center -118px;
    background-size: cover;
	
}
/*
.illustrative-portfolio {
    background-image: none !important;
}

.interactive-portfolio {
    background-image: none !important;
}
*/
.thumb {
	background: grey none repeat scroll 0 0;
	    display: block;
	    float: left;
	    padding-bottom:48%;
		width:100%;
	    margin: 0;
		background-position:center center;
		background-size:cover;
		opacity:1;
		transition: opacity .5s ease;
		text-indent:-9999px;
}

a.thumb:hover {
	opacity:.5;
}

.main {
	margin-bottom:50px;
}

.t-1 {background-image:url("../images/index-thumbs/hillcrest-t1.gif");}
.t-2 {background-image:url("../images/index-thumbs/greenlee-t2.gif");}
.t-3 {background-image:url("../images/index-thumbs/cathyleslie-t3.gif");}
.t-4 {background-image:url("../images/index-thumbs/flagship-t4.gif");}
.t-5 {background-image:url("../images/index-thumbs/virtus-t5.gif");}
.t-6 {background-image:url("../images/index-thumbs/drtim-t6.gif");}
.t-10 {background-image:url("../images/index-thumbs/centerwithin-t10.gif");}
.t-11 {background-image:url("../images/index-thumbs/minnelaw-t11.gif");}
.t-12 {background-image:url("../images/index-thumbs/silvercurrent-t12.gif");}

.t-7 {background-image:url("../images/index-thumbs/duke-t7.gif");}
.t-8 {background-image:url("../images/index-thumbs/umn-t8.gif");}
.t-9 {background-image:url("../images/index-thumbs/medtronic-t9.gif");}


.tI-1 {background-image:url("../images/illustration/bluebirdLogo/main-t.gif");}
.tI-2 {background-image:url("../images/illustration/orchardLogo/main-t.gif");}
.tI-3 {background-image:url("../images/illustration/greenleeLogo/main-t.jpg");}
.tI-4 {background-image:url("../images/illustration/leslieLogo/main-t.jpg");}
.tI-5 {background-image:url("../images/illustration/culbertLogo/main-t.jpg");}
.tI-6 {background-image:url("../images/illustration/twoTurtles/main-t.jpg");}
.tI-7 {background-image:url("../images/illustration/hourglassLadies/main-t.jpg");}
.tI-8 {background-image:url("../images/illustration/wolfIllustration/main-t.jpg");}
.tI-9 {background-image:url("../images/illustration/impracticalHats/main-t.jpg");}
.tI-10 {background-image:url("../images/illustration/representationIllustration/main-t.jpg");}
.tI-11 {background-image:url("../images/illustration/cardsCambrian/main-t.jpg");}
.tI-12 {background-image:url("../images/illustration/winterWatercolorVideo/main-t.jpg");}
.tI-13 {background-image:url("../images/illustration/snailPaleAle/main-t.jpg");}
.tI-14 {background-image:url("../images/illustration/emergenceIllustration/main-t.jpg");}
.tI-15 {background-image:url("../images/illustration/illusionIllustration/main-t.jpg");}
.tI-16 {background-image:url("../images/illustration/cardsWatercolorAnimals/main-t.jpg");}
.tI-17 {background-image:url("../images/illustration/toadIllustration/main-t.jpg");}
.tI-18 {background-image:url("../images/illustration/orchidWatercolor/main-t.jpg");}
.tI-19 {background-image:url("../images/illustration/isolation/main-t.jpg");}
.tI-20 {background-image:url("../images/illustration/info-art-cow/cow-main-2000.jpg");}
.tI-21 {background-image:url("../images/illustration/batikDragon/main-t.jpg");}

.tS-1 {background-image:url("../images/student/hans-student/main-w.jpg");}

footer {
	padding-top:0;
	top:175px;
}

@media all and (max-width: 800px) { /* below 800 */

.main, .mainSummary, footer {
	top:0 !important;
}

.mainSummary h2 {
	font-size:1.5em;
}

.content {
	top:0;
}

}

@media all and (max-width: 500px) { /* below 500 */
	
	.mainSummary h2 {
		width:80%;
	}

}

@media all and (min-width: 600px) { /*above 600*/
	.thumb {
		padding-bottom: 24%;
		    width: 50%;
	}
	
	.about img {
		width:45%;
		margin:0 0px 10px 20px;
		float:right;
	}
}

@media all and (min-width: 800px) { /*above 800*/

.content ul {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
		-webkit-column-gap: 50px; /* Chrome, Safari, Opera */
		    -moz-column-gap: 50px; /* Firefox */
		    column-gap: 50px;
		
}

.about .content {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
		-webkit-column-gap: 50px; /* Chrome, Safari, Opera */
		    -moz-column-gap: 50px; /* Firefox */
		    column-gap: 50px;
}

.about img {
	width:100%;
	margin-bottom:25px;
	margin-left:0;
	float:left;
}

}

@media all and (min-width: 900px) { /*above 900*/
	.thumb {
		padding-bottom: 20%;
		    width: 33.33%;
	}
}


@media all and (min-width: 1000px) {

	.content ul {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		    -moz-column-count: 3; /* Firefox */
		    column-count: 3;
		
	}
	
	
	
}


@media all and (min-width: 1200px) {


	.projectNav a {
		top: 72px;
	}
	
	.navTop .next {
	    display: block;
	}
	
	.workTypeTop {
	    display: block;
	}
	
	.navTop {
		top: 129px;
		width:100%;
	}
	
	.line {
		top:0;
	}
	
	.projectNav a {
	    background-position: center 3px !important;
	    background-repeat: no-repeat !important;
	    color: #fff !important;
	    display: block !important;
	    float: left !important;
	    height: 70px !important;
	    position: relative !important;
	    text-indent: -9999px !important;
	    width: 5% !important;
		border-top:0;
	}
	
	.navTop .next {
		float: right !important;
		    padding-right: 0% !important;
	}
	
	a#workType {
	    color: #719637;
	    display: block;
	    float: left;
	    font-size: 1em;
	    height: 42px;
	    letter-spacing: 0.5em;
	    margin-left: 1%;
	    margin-top: 1px;
	    padding-top: 27px;
	    text-align: center;
	    text-decoration: none;
	    text-indent: 0;
	    text-transform: uppercase;
	    width: 88%;
	}
	
	.workTypeTop a {
		left:5%;
	}
	
	.mainSummary h2 {
		    padding: 7% 20% 7% 5%;
	}

}

@media all and (min-width: 2500px) {
	.thumb {
		padding-bottom: 16%;
		    width: 25%;
	}
}