/*============================================

Tile Button CSS Plugin by SONHLAB.com - version 1.0
Website: http://sonhlab.com
Documentation: http://docs.sonhlab.com/tile-button-metro-ui/
License: Personal & Commercial Uses.

============================================*/

/* START GLOBAL */
html,body,div,span,applet,object,iframe,input,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	/*margin:0;
	padding:0;
	border: 0px;*/
}

body {
	/*font-family:sans-serif;
	background:#000;*/
}

a {
	text-decoration:none;
}

#mainform {
	width:960px;
	margin:auto;
}
@media screen and (max-width:960px) {
	#mainform {
		width:100%;
		margin:auto;
	}
}
.title {
	margin:50px 5px;
	font-size:3em;
	font-weight:normal;
}
.title a {
	color:#1e1e1e;
	font-family: 'Archivo Narrow', sans-serif;
}

h2, h3 {
	margin:10px 5px;
	color:#1e1e1e;
	font-family: sans-serif;
}
h2 a {
	color:#1e1e1e;
	font-family: 'Archivo Narrow', sans-serif;
}
.button-holder {
	padding:5px;
	margin-bottom:50px;
	position:relative;
	margin:5px;
	width:100%;
	text-align:center;
}
/* END GLOBAL */




/* TILE BUTTONS */

/* Button 100 x 100 */
.tile-bt {
	text-align:center;
	cursor:pointer;
	width:125px;
	height:125px;
}
.tile-bt a {
	display:block;
	padding-top:15px;
	text-decoration: !important;
}
.tile-bt img {
	margin:0 auto 0 auto;
	padding-bottom:10px;
	height:64px;
	width:64px;
	position:relative;
	display:block;
}
.tile-bt span {
	font-size:14px;
	padding-bottom:14px;
	display:block;
}
.tile-bt:active {
	opacity:0.5;
}
/* Button 100 x 100 */



/* Button 205 x 100 */
.tile-bt-2 {
	width:205px;
	height:100px;
	line-height:100px;
	text-align:center;
	cursor:pointer;
}
.tile-bt-2 a {
	display:block;
	text-decoration: !important;
}
.tile-bt-2 img {
	vertical-align: middle;
	margin:auto;
	padding:0px;
	position:relative;
	width:48px;
	height:48px;
}
.tile-bt-2 span {
	vertical-align: middle;
	display:inline;
}
.tile-bt-2:active {
	opacity:0.5;
}

/* End Button 265 x 100 */

/* Button 265 x 100 */
.tile-bt-3 {
	width:300px;
	height:145px;
	line-height:18px;
	font-size:16px;
	text-align:left;
	cursor:pointer;
}
.tile-bt-3 a {
	display:block;
	text-decoration: !important;
}
.tile-bt-3 img {
	vertical-align: middle;
	float:left;
	margin:auto;
	padding:0px;
	position:relative;
	width:92px;
	height:92px;
	margin-right:10px;
}
.tile-bt-3 span {
	vertical-align: middle;
	display:inline;
}
.tile-bt-3:active {
	opacity:0.5;
}

/* End Button 205 x 100 */

/* END TILE BUTTONS */





/* BACKGROUND LIST */

/* Solid Colors */
.solid-blue { background:#00BBE2; }
.solid-blue-2 { background:#2C84EE; }
.solid-darkblue { background:#044E94; }
.solid-violetred { background:#781766; }
.solid-red { background:#E51400;}
.solid-red-2 { background:#E81750; }
.solid-pink { background:#FF539B; }
.solid-purple { background:#D02090; }
.solid-orange { background:#FB8F02; }
.solid-orange-2 { background:#FF6600; }
.solid-orange-3 { background:#DD5F37; }
.solid-coral { background:#CD5B45; }
.solid-green { background:#67B239; }
.solid-green-2 {background:#96BF01; }
.solid-darkgreen { background:#016C38; }
.solid-olive { background:#999900}
.solid-grass { background:#CDCD00; }
.solid-darkred { background:#5F0000; }
.solid-gold { background:#FEE9AE; }
.solid-yellow { background:#F7D100; }
.solid-black { background:#000; }
.solid-smoke { background:#F5F5F5; }
.solid-standard { background:#F0B128; }
.solid-pro { background:#fc6060; }
/* End Solid Colors */

/* END BACKGROUND LIST */




/* MISC */
.clearspace { clear: both;}
.floatleft { float:left;}
.margin-5 { margin-right:5px; margin-bottom:5px; }
.light-text {
	font-family: 'Archivo Narrow', sans-serif;
	color:#fff;
	font-size:10px;
	text-decoration:none;
}
.dark-text {
	color:#1e1e1e;
	text-decoration:none;
}
.gradient {
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */
	background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */
	text-decoration:none;
}
.shadow-white, .shadow-black, .shadow-blue, .shadow-green, .shadow-red {
	display:inline-block;
	text-decoration:none;
}
.shadow-white:hover {
	box-shadow:0px 0px 6px 3px #fff;
	-webkit-box-shadow:0px 0px 6px 3px #fff;
	-moz-box-shadow:0px 0px 6px 3px #fff;
	-o-box-shadow:0px 0px 6px 3px #fff;
	-ms-box-shadow:0px 0px 6px 3px #fff;
}
.shadow-blue:hover {
	box-shadow:0px 0px 6px 3px #38D1F7;
	-webkit-box-shadow:0px 0px 6px 3px #38D1F7;
	-moz-box-shadow:0px 0px 6px 3px #38D1F7;
	-o-box-shadow:0px 0px 6px 3px #38D1F7;
	-ms-box-shadow:0px 0px 6px 3px #38D1F7;
}
.shadow-green:hover {
	box-shadow:0px 0px 6px 3px #AACA37;
	-webkit-box-shadow:0px 0px 6px 3px #AACA37;
	-moz-box-shadow:0px 0px 6px 3px #AACA37;
	-o-box-shadow:0px 0px 6px 3px #AACA37;
	-ms-box-shadow:0px 0px 6px 3px #AACA37;
}
.shadow-red:hover {
	box-shadow:0px 0px 6px 3px #E81750;
	-webkit-box-shadow:0px 0px 6px 3px #E81750;
	-moz-box-shadow:0px 0px 6px 3px #E81750;
	-o-box-shadow:0px 0px 6px 3px #E81750;
	-ms-box-shadow:0px 0px 6px 3px #E81750;
}
.shadow-black:hover {
	box-shadow:0px 0px 6px 3px #444;
	-webkit-box-shadow:0px 0px 6px 3px #444;
	-moz-box-shadow:0px 0px 6px 3px #444;
	-o-box-shadow:0px 0px 6px 3px #444;
	-ms-box-shadow:0px 0px 6px 3px #444;
}