/*
* @author: Chad
*/

section.overview ul > li
{
	position:relative;
	margin:0 0 20px 0;
	min-height:158px;
	border:5px solid #EEE;
}
section.overview ul > li a.thumbnail
{
	display:block; position:absolute;
	top:0; left:0;
}
section.overview ul > li a.thumbnail img
{
	max-width:260px; height:158px;
}
section.overview ul > li article
{
	margin:20px 20px 20px 278px;
}
section.overview ul > li article h4
{
	margin:0 0 15px 0;
	font-size:18px; font-weight:700; text-transform:uppercase;
	line-height: 1;
}
section.overview ul > li article p
{
	margin:0 0 15px 0;
	line-height: 1.2;
}

section.overview ul > li ol {
	list-style: decimal outside;
	padding-left: 16px;
}

section.overview ul > li ol li {
	margin: 0 0 15px 0;
}

aside a.more span { color: black; font-weight: normal; }

section.overview ul > li.app-icon > a {
	display: block; position: absolute;
	top: 0; left: 0;
	max-width: 260px; height: 158px;
	background: #f8f8f8;
}
section.overview ul > li.app-icon > a img {
	width: 106px; height: 106px;
	position: absolute;
	top: 26px; left: 77px;
}

section.overview ul > li.case-study {

}

section.overview ul > li.case-study article {
	margin: 16px 20px 0px 278px;
}

section.overview ul > li.case-study article h3 {
	color: #666666;
	padding-bottom: 2px;
}

section.overview ul > li.case-study article h4 {
	margin: 0 0 10px 0;
	line-height: 1;
}

/* Regular Desktop */

@media only screen and (min-width:1024px)
{
	
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	section.overview ul > li
	{
		margin-bottom:15px;
	}
	section.overview ul > li article h4
	{
		margin-bottom:10px;
		font-size:16px; line-height:1;
	}
	section.overview ul > li article
	{
		margin:15px 15px 15px 278px;
	}
	section.overview ul > li ol li {
		margin-bottom: 10px;
	}

	/* app-icon */
	section.overview ul > li.app-icon > a {
		display: block; position: absolute;
		top: 0; left: 0;
		width: 200px; height: 158px;
		background: #f8f8f8;
	}
	section.overview ul > li.app-icon > a img {
		width: 76px; height: 76px;
		position: absolute;
		top: 40px; left: 61px;
	}
	section.overview ul > li.app-icon > article {
		margin: 15px 15px 15px 220px;
	}

}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	.template-2 #main > .row-2 > .col-1 {
		border: none;
		padding-bottom: 0;
	}
	section.overview ul > li a.thumbnail
	{
		position:relative;
		width:100%; height:auto;
	}
	section.overview ul > li a.thumbnail img
	{
		width:100%; height:auto;
	}
	section.overview ul > li article p,
	section.overview ul > li article ol {
		/*display:none;*/
	}
	section.overview ul > li article
	{
		position:relative;
		margin:15px;
	}
	section.overview ul > li article aside
	{
		position:absolute;
		top:0; left:0;
		width:100%; height:100%;
		margin:0; padding:0;
	}
	section.overview ul > li article aside a.more
	{
		display:block; overflow:hidden;
		width:100%; height:100%;
		margin:0; padding:0;
		text-indent:-9999px;
		background:url(/img/ui/arrow-right.png) no-repeat 100% 50%;
	}

	/* app-icon */
		section .overview ul > li.app-icon {
		min-height: auto;
	}
	section.overview ul > li.app-icon:before,
	section.overview ul > li.app-icon:after {
		content: "";
		display: table;
	}
	section.overview ul > li.app-icon:after {
		clear: both;
	}
	section.overview ul > li.app-icon > a {
		display: block; position: static; float: left;
		width: auto; height: auto;
		background: #f1f1f1;
	}
	section.overview ul > li.app-icon > a img {
		width: 57px; height: 57px;
		position: static;
		padding: 10px;
	}
	section.overview ul > li.app-icon > article {
		margin: 26px 15px 0 95px;
	}
	section.overview ul > li.app-icon > article aside {
		
	}
	section.overview ul > li.app-icon > article aside a.more {

	}
	section.overview ul > li article h4 {

	}

	/* case-study */
	section.overview ul > li.case-study article {
		margin: 20px;
	}


}