/**************************** NORMAL BUTTONS ***********************************************/

.lg_nom{height:360px;}
.lg_nom .nom-box{height:150px;width:23%;}

.sm_nom{height:350px;}
.sm_nom .nom-box{height:150px;width:23%;}
.sm_nom .nom-btn p.nom-btn-title{font-size:13px;margin:8px 0px 0px;}

.xs_nom{height:185px;}
.xs_nom .nom-box{height:150px;width:23%;}
.xs_nom .nom-btn p.nom-btn-title{font-size:13px;margin:8px 0px 0px;}

#nom-btns-co{
	float:left;
	width:100%;
	/*height:auto;*/

	text-align: left;
	/*background: #14284B url(../img/blue-gradient-2.png);
	background-color:#F0F0F0;
	background-image:url(../img/bg/concrete_wall_3.png);
	background-repeat: repeat;*/


	background: rgba(230,230,230,1);
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(196,196,196,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(100%, rgba(196,196,196,1)));
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(196,196,196,1) 100%);
	background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(196,196,196,1) 100%);
	background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(196,196,196,1) 100%);
	background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(196,196,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#c4c4c4', GradientType=0 );



	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:20px;
	padding-right:20px;
	border:1px solid #cecece;
	border-color: #cecece #bababa #b0b0b0;
}
/********** Nomination Box *******************/
.nom-box{
	float:left;
	padding:0px;
	/*width:258px;
	height:150px;*/

	/*border:1px solid #E0E0E0;*/
	margin:2% 0px 0px 2%;
	background-color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.nom-box:hover{
	box-shadow: 0 5px 8px -3px #707070;
	-moz-box-shadow: 0 5px 8px -3px #707070;
	-webkit-box-shadow: 0 5px 8px -3px #707070;
}

.nom-box:hover .nom-btn-title{color:#ffcf21;}
.nom-box:hover .nom-title{background:none;}



.nom-link{
	float:left;
	width:100%;
	height:100%;
}

.nom-title{
	float:left;
	width:100%;
	/*height:115px;*/
	height:76%;
	text-align:center;
}

.nom-title .category{
	width: auto;
	text-align: center;
	color: #ffcf21;
	margin: 15px auto 0px auto;
	font-size: 25px;
	font-weight: 400;
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
}

.nom-btn{
	float:left;
	width:100%;
	/*height:35px;*/
	height:24%;
	background-image: -moz-linear-gradient(top, #4660ab, #313f6d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4660ab), to(#313f6d));
	background-image: -webkit-linear-gradient(top, #4660ab, #313f6d);
	background-image: -o-linear-gradient(top, #4660ab, #313f6d);
	background-image: linear-gradient(to bottom, #4660ab, #313f6d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4660abcc', endColorstr='#313f6dcc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;

}

.nom-btn .nom-btn-title{
	float:left;
	width:100%;
	text-align:center;
	margin:6px 0px 0px 0px;
	color:#fff;
	font-size:14px;
	font-weight:400;
}
/**************************** END BUTTONS ***********************************************/







/**************************** SMALL BUTTONS ***********************************************/
#small-nom-btns-co{
	float:left;
	width:100%;
	height:auto;
	text-align: left;
	/*background: #14284B url(../img/blue-gradient-2.png);*/
	background-color:#F0F0F0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:20px;
	padding-right:20px;
}
/********** SMALL Nomination Box *******************/
.small-nom-box{
	float:left;
	padding:0px;
	width:186px;
	height:150px;
	border:1px solid #E0E0E0;
	margin:20px 0px 0px 20px;
	background-color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.small-nom-box:hover{
	-webkit-box-shadow:0px 1px 9px 4px rgba(197, 169, 109, 0.61);
	-moz-box-shadow:0px 1px 9px 4px rgba(197, 169, 109, 0.61);
	box-shadow:0px 1px 9px 4px rgba(197, 169, 109, 0.61);
}

.small-nom-box:hover .small-nom-btn-title{color:#C5A96D;}


.small-nom-link{
	float:left;
	width:100%;
	height:100%;
}

.small-nom-title{
	float:left;
	width:100%;
	height:114px;
	text-shadow: 1px 1px 2px rgba(255,255,255,1);
}

.small-nom-title .category{
	float:left;
	width:100%;
	text-align: center;
	color:#15274B;
	margin:15px 0px 0px 0px;
	font-size:25px;
	font-weight:400;
}

.small-nom-btn{
	float:left;
	width:100%;
	height:35px;
	background-image: -moz-linear-gradient(top, #4660ab, #313f6d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4660ab), to(#313f6d));
	background-image: -webkit-linear-gradient(top, #4660ab, #313f6d);
	background-image: -o-linear-gradient(top, #4660ab, #313f6d);
	background-image: linear-gradient(to bottom, #4660ab, #313f6d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4660abcc', endColorstr='#313f6dcc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;

}

.small-nom-btn .small-nom-btn-title{
	float:left;
	width:100%;
	text-align:center;
	margin:6px 0px 0px 0px;
	color:#fff;
	font-size:13px;
	font-weight:400;
}

/**************************** END SMALL BUTTONS ***********************************************/

.architects-btn{
	background-image:url('../img/nom-btns/architects-btn.jpg');
}
.subcontractor-btn{
	background-image:url('../img/nom-btns/subcontractors-btn.jpg');
}
.general-contractors-btn{
	background-image:url('../img/nom-btns/general-contractors-btn.jpg');
}
.engineers-btn{
	background-image:url('../img/nom-btns/engineers-btn.jpg');
}
.construction-managers-btn{
	background-image:url('../img/nom-btns/construction-managers-btn.jpg');
}
.building-owners-btn{
	background-image:url('../img/nom-btns/building-owners-btn.jpg');
}
.projects-btn{
	background-image:url('../img/nom-btns/projects-btn.jpg');
}
.suppliers-btn{
	background-image:url('../img/nom-btns/suppliers-btn.jpg');
}
.renovation-btn{
	background-image:url('../img/nom-btns/renovations-btn.jpg');
}
.historic-renovation-btn{
	background-image:url('../img/nom-btns/historic-renovations-btn.jpg');
}
.green-building-btn{
	background-image:url('../img/nom-btns/green-building-btn.jpg');
}










/*************************************************/
/* Smallest devices (tablets, 400px and less) */
/*************************************************/
@media (max-width: 400px) {

	.lg_nom{height:100%;}
	.lg_nom .nom-box{height:150px;width:100%;}

	.sm_nom{height:100%;}
	.sm_nom .nom-box{height:150px;width:100%;}
	.sm_nom .nom-btn p.nom-btn-title{font-size:13px;margin:8px 0px 0px;}

	.xs_nom{height:100%;}
	.xs_nom .nom-box{height:150px;width:100%;}
	.xs_nom .nom-btn p.nom-btn-title{font-size:13px;margin:8px 0px 0px;}


	#nom-btns-co{
		float:left;
		width:100%;
		padding:10px;
		margin:0px;
	}

	.nom-box{
		margin-left:0px;
		margin-bottom:10px;
		background-size:cover;
	}

}





/*************************************************/
/* Small devices (tablets, 401px to 768px) */
/*************************************************/
@media (min-width: 401px) and (max-width: 767px){

	.lg_nom{height:100%;}
	.lg_nom .nom-box{height:150px;width:48%;}
	.lg_nom .nom-box:nth-child(2n+0){margin-left:4%;}

	.sm_nom{height:100%;}
	.sm_nom .nom-box{height:150px;width:48%;}
	.sm_nom .nom-box:nth-child(2n+0){margin-left:4%;}
	.sm_nom .nom-btn p.nom-btn-title{font-size:13px;margin:8px 0px 0px;}

	.xs_nom{height:100%;}
	.xs_nom .nom-box{height:150px;width:48%;}
	.xs_nom .nom-box:nth-child(2n+0){margin-left:4%;}
	.xs_nom .nom-btn p.nom-btn-title{font-size:13px;margin:8px 0px 0px;}


	#nom-btns-co{
		float:left;
		width:100%;
		padding:10px;
		margin:0px;
	}

	.nom-box{
		margin-left:0px;
		margin-bottom:10px;
		background-size:cover;
	}

}

@media (max-width: 767px) {


}