body {
	background: #fbfbfb;
        font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #444547;
	text-align: justify;
	padding: 20px 0px 20px 0px;
	margin: 20px 0px 20px 0px;
}


table, tr, td {
	border: none;
        font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #444547;
	text-align: justify;
}


a:link, a:visited {
	color: #3ed4f5;
	text-decoration: none;
}


a:hover {
	color: #67cc3e;
	text-decoration: none;
}


a:active {
	color: #3ed4f5;
	text-decoration: none;
}


p, li { 
	font-size: 15px;
	line-height: 25px;
	text-align: justify;
}


b, i {
	font-weight: 600;
}


.title {
	font-family: 'Open Sans', sans-serif;
	font-size: 55px;
	line-height: 60px;
	font-weight: 800;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	margin: 0px 0px 25px 0px;
}


img.opacity {
	border-radius: 50%;
	opacity: 0.8;
	filter: alpha(opacity=80);
	}	
	
img.opacity:hover {
	border-radius: 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	}


.site {
	font-family: 'Open Sans', sans-serif;;
	font-size: 20px;
	line-height: 25px;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
}


.category {
	font-size: 13px;
	line-height: 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
}


.info {
	text-align: center;
}


.quote {
	font-style: italic;
	text-align: justify;
	padding: 0px 10px 0px 10px;
}


h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 800;
	letter-spacing: 5px;
	color: #cd2a1b;
	text-align: center;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
}


h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 800;
	letter-spacing: 5px;
	color: #cd2a1b;
	text-align: left;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
}





/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}



/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}