/* CSS Document */


input[type="radio"] {
	display:none;
}
label {
	width:23%;
	float:left;
	text-align:center;
	background: #366186;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.15);
	color:#fff;
	text-shadow: 1px 1px 2px #083d6b;
	padding:0.5%;
	margin:0.5%;
	margin-bottom:30px;
	cursor:pointer;
}
input[type="radio"][id="premium"]:checked + label {
  	background:#00afd1;
}
input[type="radio"][id="premium"]:checked ~ .architectural, input[type="radio"][id="premium"]:checked ~ .standard {
	width:0;
	height:0;
	padding:0;
	margin:0;
	opacity:0;
}
input[type="radio"][id="architectural"]:checked + label {
  	background:#00afd1;
}
input[type="radio"][id="architectural"]:checked ~ .premium, input[type="radio"][id="architectural"]:checked ~ .standard {
	width:0;
	height:0;
	padding:0;
	margin:0;
	opacity:0;
}
input[type="radio"][id="standard"]:checked + label {
  background:#00afd1;
}
input[type="radio"][id="standard"]:checked ~ .premium, input[type="radio"][id="standard"]:checked ~ .architectural {
	width:0;
	height:0;
	padding:0;
	margin:0;
	opacity:0;
}
.tile {
	color:#fff;
	text-shadow: 1px 1px 0 #afafaf;
	width:23%;
	height:100px;
	float:left;
	transition:all 3s;
	margin:0.5%;
	padding:1.5% 0.5% 0.5% 0.5%;
}
.green {
  	background:#00afd1;
}
.blue {
  	background:#00afd1;
}
.re {
  	background:#00afd1;
}