/* Demo promos styles on home page */

.home section.demos {
	padding-bottom: 1.25em;
}

div.intro h3, div.intro p {
	margin-left: 5%;
	margin-right: 5%;
}

ul.demo-promos, ul.reviews-promos {
	overflow: hidden;
	margin: 0 auto!important;
	list-style-type: none;
	display:block;
}

ul.demo-promos  li {
	margin-bottom: 1.4em;
	display:inline;
	float:left;
	margin-left: 1.8%;
}

ul.demo-promos  li p {
	margin-left: 0;
	margin-right: 0;
}

ul.demo-promos  li p.thumb img {
	padding: 0.625em;
	background: #fff;
	border: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	border-radius: 0.25em;
}

ul.demo-promos  li a {
	color: #3B3B3B;
	text-decoration: none;
}

ul.demo-promos  li a:hover {
	color: #1C1E1F;
}

ul.demo-promos  li a:hover img {
	opacity: 0.6;
}

.demo-promos p.btn-link {
	display: inline-block;
}

.ie8 ul.demo-promos  li p.thumb img, .ie7 ul.demo-promos  li p.thumb img, .ie6 ul.demo-promos  li p.thumb img {
	padding: 2.5%;
	width: 94%; /* give IE8 and below total width of 99% plus 1px border*/
}

ul.reviews-promos li {
	margin-bottom: 2.25em;
}

blockquote {
	font-family: Georgia, Garamond, serif;
	font-size: 1.25em;
	font-style: italic;
	line-height: 130%;
	margin: 0.5em 0;
}

/* pro class */