@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video { max-width: 100%; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width: 100%; }
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		12;
	dw-num-cols-tablet:		12;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Fluid Styles */
.fluid { clear: both; margin-left: 0; width: 100%; float: left; display: block; }
.fluidList { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* Mobile Layout: 480px and below. */
  
.gridContainer { margin-left: auto; margin-right: auto; width: 86.45%; padding-left: 2.275%; padding-right: 2.275%; clear: none; float: none; }


/* Header & HERO styles*/
.heroHeader {  color:#FFFFFF;}
/* Navigation Bar styles */
.topNav { width: 100%; margin-left: 0; clear: both; }
.topNavUl { position: static; width: 100%; margin-left: 0; }
.topNavLI { width: 32.2033%; margin-left: 1.6949%; clear: none; height: auto; position: static; }
/* Main heading styles*/

.mainHeading { }
.mainTagline { }
/* Text & Content areas styles */
.textContainer { padding-top: 20px; }
#sectionOne { width: 83.0508%; margin-left: 8.4745%; }
#sectionTwo { width: 100%; margin-left: 0; clear: both; display: none; }
.secondarySection { width: 100%; margin-left: 0; clear: both; }
.secondaryHeading { width: 100%; margin-left: 0; }
/*.contentArea{
    width: 80%;
    margin-left: 10%;
    margin-top: 0;
    margin-bottom: 5%;
}*/

.tiles { width: 83.0508%; margin-left: 8.4745%; clear: both; display: block; padding-bottom: 10px; }
.tiles:hover { opacity: 0.6; cursor: pointer; }
/* Footer styles*/
.footer { }
.footerSection { width: 100%; margin-left: 0; clear: both; }
.footerTitle { text-align: center; width: 100%; margin-left: 0; margin-top: 10px; }
.gallery { }
.showAreaH2 { }
.zeroMargin_mobile { margin-left: 0; }
.hide_mobile { display: none; }