@charset "utf-8";
/* CSS Document */

body{background:url(../images/works_bg.png);}

#container{
	width:320px;
	margin:50px auto;
}
@media ( min-width : 600px ) {
	#container{
		width:960px;
	}
}
p {
	text-align: center;
}


/****************************************************/
#hero {
	background-image:url(../images/hero_launch.jpg);
}
@media ( max-width : 599px ) {
	#hero p {
		font-size: 18px;
	}
}
/****************************************************/

.product{
	display: inline-block;
	text-align:center;
	line-height:16px;
	margin:0 10px 9px;
	width:300px;
	vertical-align:top;
	font-size:12px;
}
.product img{vertical-align:bottom;}

.product p{margin-top:3px}

.regular{
	width:300px;
	min-height:220px;
}
.half{
	width:140px;
	min-height:220px;
}

/* quarter */
.quarter-wrapper{
	display: inline-block;
	width:140px;
	margin:0 10px 9px;
}
.quarter{
	margin: 0 0 10px 0;
	width:140px;
	min-height:105px;
	float: left;
}
.quarter-wrapper > .quarter:first-child{
	margin: 0 0 3px 0;
	height:110px;
	overflow:hidden;
}
.regular img,
.quarter img{
	border-top:solid 10px #d5d5d5 ;
	border-left:solid 10px #d5d5d5 ;
	border-right:solid 10px #d5d5d5 ;
}
.half img {
	border-top:solid 10px #d5d5d5 ;
	border-left:solid 20px #d5d5d5 ;
	border-right:solid 20px #d5d5d5 ;
}