@import url(http://fonts.googleapis.com/css?family=Open+Sans);
html {
	height: 100%;
}
body {
	margin: 0;
	background-color: #ddd;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #333;
	font-weight: 400;
}
#cboxTitle {
	/*letter-spacing: 0.05em;
	word-spacing: 0.15em;*/
}
.cboxPhoto {
	/*box-shadow: 0px 1px 10px #666;
	overflow: visible;*/
}
div.banners {
	position: relative;
	display: table;
	width: 980px;
	margin: 54px auto 0 auto;
	text-align: center;
	clear: both;
}
div.banners div {
	display: inline-block;
	width: 235px;
	height: 235px;
	vertical-align: top;
	margin: 0 5px 10px 5px;
	box-shadow: 0px 1px 2px rgba(153,153,153,0.4);
}
div.banners div:hover {
	opacity: 0.8;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	/*box-shadow: 0px 0px 4px rgba(0,0,0,0.4);*/
}
div.banners a, div.banners img {
	/*display: inline-block;
	width: auto;
	height: auto;
	vertical-align: top;
	float: left;*/
}
div.banners a {
	/*margin: 0 5px 10px 5px;*/
}
@media screen and (max-width: 960px) {
body {
	padding-bottom: 20px;
}
div.banners {
	width: 96%;
	margin-top: 40px;
}
}
@media screen and (max-width: 641px) {
div.banners {
	margin-top: 20px;
}
}