@charset "utf-8";
/* CSS Document */
.col-1 {
	float:left;
	margin-right:3%;
	width:15%;
}
.col-2 {
	float:right;
	width:82%;
}
.project-img {
	border:1px solid #D1D3D4;
	float:right;
	margin:0 0 10px 20px;
}
.project-img2 {
	display:none;
}
.col-1 ul {
	margin-left:-15px;
	margin-top:0;
}
.col-1 ul li {
	line-height:1.5;
}
.col-2 ul {
	margin-top:0;
}
.col-2 ul {
	margin-left:-13px;
}
.col-2 ul li a {
	margin-left:-3px;
}
article {
	border:1px solid #D1D3D4;
	background: #fbfdff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fbfdff 0%, #fbfdff 36%, #e6f0f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fbfdff), color-stop(36%,#fbfdff), color-stop(100%,#e6f0f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #fbfdff 0%,#fbfdff 36%,#e6f0f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #fbfdff 0%,#fbfdff 36%,#e6f0f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #fbfdff 0%,#fbfdff 36%,#e6f0f5 100%); /* IE10+ */
	background: linear-gradient(135deg,  #fbfdff 0%,#fbfdff 36%,#e6f0f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdff', endColorstr='#e6f0f5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:15px;
	margin-bottom:15px;
}
h2 {
	color:#41B8EA;
	font-style:italic;
	margin-bottom:10px;
}
h3 {
	font-size:1em;
	margin-bottom:0;
}
p {
	margin-top:0;
}
ul.tablet-hide, ul.tablet-hide2 {
	display:none;
}
@media (min-width:1100px) and (max-width:1210px) {
	.col-1 {
		width:19%;
	}
	.col-2 {
		width:78%;
	}
}
@media (min-width:980px) and (max-width:1099px) {
	.col-1 {
		margin-right:1.5%;
		width:20%;
	}
	.col-2 {
		width:78.5%;
	}
	.project-img {
		margin:0 0 10px 20px;
		width:50%;
	}
	.col-1 ul {
		margin-left:-18px;
	}
}
@media (min-width:768px) and (max-width:979px) {
	.col-1 {
		margin-right:1.5%;
		width:20%;
	}
	.col-2 {
		width:78.5%;
	}
	.project-img {
		margin:0 0 10px 20px;
		width:50%;
	}
	h2 {
		font-size:1.25em;
	}
	article ul {
		margin-left:-12px;
	}
	ul.tablet-hide2 {
		display:block;
	}
	.full-list {
		display:none;
	}
}
@media (min-width:650px) and (max-width:767px) {
	.col-1 {
		margin-right:1%;
		width:19%;
	}
	.col-2 {
		width:80%;
	}
	.col-1 ul {
		margin-left:-20px;
	}
	.col-1 ul li a {
		margin-left:-3px;
	}
	.project-img {
		width:50%;
	}
	ul.tablet-hide2 {
		display:block;
	}
	.full-list {
		display:none;
	}
}
@media (min-width:550px) and (max-width:649px) {
	.col-1 {
		margin-right:1%;
		width:20%;
	}
	.col-2 {
		width:79%;
	}
	.col-1 ul {
		margin-left:-20px;
	}
	.col-1 ul li a {
		margin-left:-3px;
	}
	.project-img {
		width:50%;
	}
	ul.tablet-hide2 {
		display:block;
	}
	.full-list {
		display:none;
	}
	article {
		background:none;
		border-bottom:none;
		border-left:none;
		border-right:none;
		border-top:1px dotted #A7A9AC;
		padding:10px 0 10px;
	}
}
@media (max-width:549px) {
	h1 {
		font-weight:bold;
	}
	.col-1 {
		margin-right:0;
		border-bottom:1px dotted #A7A9AC;
		margin-bottom:15px;
		width:100%;
	}
	.col-2 {
		width:100%;
	}	
	.col-2:first-child {
		border-bottom:1px dotted #A7A9AC;
		margin-bottom:15px;
	}	
	.table-hide, .tablet-hide2 {
		display:inline-block;
	}
	article {
		border:none;
		background:none; /* Old browsers */
		filter:none; /* IE6-9 fallback on horizontal gradient */
		padding:0;
		margin-bottom:15px;
	}
	.col-2 article {
		border-bottom:1px dotted #A7A9AC;
		margin-bottom:15px;
		padding-bottom:15px;
	}
	.col-2 article:last-child {
		border-bottom:none;
		margin-bottom:0;
	}
	.quote {
		margin-bottom:15px;
	}
	.project-img {
		float:right;
		width:55%;
	}
	.col-2 .tablet-hide2, .col-2 .tablet-hide {
		display:none;
	}
	.tablet-hide {
		display:inline-block;
	}
	.col-2 ul {
		margin-left:-20px;
	}
	.col-2 ul li a {
		margin-left:-3px;
	}
}
@media (max-width:360px) {
	.project-img {
		display:none;
	}
	.project-img2 {
		border:1px solid #D1D3D4;
		display:block;
		float:none;
		margin-bottom:10px;
		width:100%;
	}
	.col-2 article:last-child {
		margin-bottom:15px;
	}
}
.top {
	clear:none;
	display:inline-block;
	float:none;
	margin:0 0 0 15px;
}
.btn, .top {
	margin-top:10px;
}
#capone .top {
	margin-left:0;
}