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

/* HTML5 STANDARD TAGS */

body { 
	font-family:"HelveticaNeue-Light", Helvetica, Arial, "sans-serif";
	/* font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif"; */
	font-weight:lighter; 
	background-color:#CCC; 
	background-image: url("../img/bg/rough_repeat_960.jpg");
	background-repeat: repeat;
	margin:0px;
}

p {margin:1em 0em 1em 0em; font-size:1em; line-height:1.5; color:#333;}

header { 
	height:180px; padding:1em; background-color:#666666; margin:0em;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='666', endColorstr='#333'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #666,  #333); /* for firefox 3.6+ */	
}

footer { 
	height:150px; padding:.5em; background-color:#666666; margin:1em 0em 0em 0em; clear:both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='333', endColorstr='#666'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#666)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #333,  #666); /* for firefox 3.6+ */
	}

h2 { font-size:1.5em; font-family:"HelveticaNeue-Light"; font-weight:lighter; color:#999; margin:0;}
h3 { font-size:1.25em; font-family:"HelveticaNeue-Light"; font-weight:lighter; color:#999; margin:0;}

img {display:block;}

/* END HTML5 STANDARD TAGS */


/* CUSTOM LAYOUT CLASS STYLES */

.page { max-width:100%; background-color:#FFF; }

.page_size { max-width:1080px; background-color:#FFF; padding:1em; margin:2em auto 2em auto ;}

.head_content {max-width:1080px; margin:auto;}

.row { width:100%; height:auto; clear:both; margin:0em 0em 1em 0em; }

.full { width:100%; margin:0px; float:left; }

.half { width:50%; margin:0px; float:left; }

.third { width:33.3%; margin:0px; float:left; }

.two_thirds { width:66.7%; margin:0px; float:left; }

.fourth { width:25%; margin:0px; float:left; }

.three_fourths { width:75%; margin:0px; float:left; }

.card { margin:.5em 1em .5em 1em; padding:1em; border: 1px solid #CCC; float:center; 
		-webkit-box-shadow: 3px 3px 6px #CCC; /* Chrome, Safari */
		box-shadow: 3px 3px 6px #CCCc; 	/* Standard syntax */
		}

.content { margin:.5em 1em .5em 1em; padding:1em; float:center; } /* INVISIBLE CARD */
.unpadded { margin:.5em 1em .5em 1em; float:center; } /* CONTENT MATCHES CARD SIZE */

.title_bar {width:auto; height:auto; background-color:#666; padding:.5em .5em .7em 1.5em;}
.full_bar {clear:both; width:auto; height:auto; background-color:#666; padding:.5em .5em .7em 1.5em;}

.logo {width:50%;}
.logo_main {display:block;} /*MIGHT HAVE TO USE JS SHOWHIDE FOR THIS */
.logo_mobile {display:none;} /*MIGHT HAVE TO USE JS SHOWHIDE FOR THIS */

.banner {width:100%;}
.banner_main {display:block;} /*MIGHT HAVE TO USE JS SHOWHIDE FOR THIS */
.banner_mobile {display:none;} /*MIGHT HAVE TO USE JS SHOWHIDE FOR THIS */

.img_scale {max-width:100%;}


/* FLUID GRID LAYOUT WITH NO % OR PX VALUES */
.grid {
	display:grid;
	width:auto; 
	grid-template-columns: auto auto;
	grid-gap:0em;
	margin:.5em 1em .5em 1em;
}
.img_left {width:auto;}
.content_left {float:left;} /* FLUID CONTAINER */
.content_right {float:left;} /* FLUID CONTAINER */
/* END FLUID LAYOUT */


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 640px) 
{
	header { height:120px; }

	.half { float: center; width:100%; }
	.third { float: center; width:100%; }
	.fourth { float: center; width:100%; }
	.two_thirds { float: center; width:100%; }
	.three_fourths { float: center; width:100%; } 
	.logo_main {display:none;} /*MIGHT HAVE TO USE JS SHOWHIDE FOR THIS */
	.logo_mobile {display:block;}
	
	/* GRID STYLES */
	.grid {display:block;}
	.content_left {float:center; width:100%;} 
	.content_right {float:center; width:100%;}
}