/** CSS Document 
	*Global Styles
	*www.http://footcandles.net/
	*
	*Contents:
	*1.		Universal Markup
	*2.		Body
	*3.		Header
	*4.		Navigation
	*5.		Links
	*6.		Images
	*7.		Forms
	*8.		Footer 
	*9.		Misc 
	*10.	Mobile Layout: 480px and below
	*11.	Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout
	*12.	Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout
	*13.	Print Layout
	*
	*Colors:
	*	black		#000000
	*	white		#FFFFFF
	*	dark blue	#000099
	*	lavendar	#9999ff*/
	
/* ********UNIVERSAL MARKUP******** */	
@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/ */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

[hidden] { display: none; }

html { 	font-size: 100%; 
		overflow-y: scroll; 
		-webkit-text-size-adjust: 100%; 
		-ms-text-size-adjust: 100%; }

body, button, input, select, textarea { 
		font-family: serif; 
		color: #FFFFFF; } /* white */
		
[hidden] {	display: none;}
		

/* ********BODY******** */
body {	margin: 0; 
	font-size: 17px; 
	line-height: 1.231;
	background: #000000; /* Old browsers */		
	background-image: url(../Images/Background.png);
	background-repeat:repeat-x; }
		
.gallery-text {color: #000000;} /* black */
		
.pushy-container {
	position: relative;
	height: 100%;}
	
#content {padding: 20px 20px;}

h1 { font-family: 'Special Elite', serif;
	font-size: 36px;
	color: #9999ff; /* lavendar */
	clear:both;}
		
h2 { font-family: 'Special Elite', serif; 
	font-size: 24px;
	color: #FFFFFF;} /* white*/
	
h3 { font-family: 'Special Elite', serif; 
	font-size: 18px;
	font-style:italic;
	color: #FFFFFF;} /* white*/

article {text-align:justify;}

li.lists  {margin-left: 10px;
	line-height: 35px;}

li.lists a {color: #9999ff} /* lavendar*/
	

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	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/
*/

/* ********HEADER******** */
.logo {	max-width: 65%;} /*see MOBILE, TABLET, DESKTOP*/

/* ********NAVIGATION******** */
/*see MOBILE, TABLET, DESKTOP for variations*/
ul.nav {
	min-height: 40px;
	list-style-type: none;
    margin: 0;
    padding: 0;}
	
ul.nav li {
	float: left;
	font-variant:small-caps;
	font-size:17px;
	border-right: 1px solid #9999ff;  /* lavendar */
	max-width: 18%;
	min-width:: 12%;
	height: 40px;}
	
ul.nav li.sm-btn { max-width: 13%;
	min-width:: 7%;}
	
ul.nav li.md-btn { max-width: 16%;
	min-width:: 10%;}
		
ul.nav li:last-child {border-right: none;}
		
ul.nav li a {
    display: block;
	text-align: center;
	padding: 5px 10px;
	text-decoration: none;
	background-color: #000000;} /* black */

ul.nav li a:hover {background-color: #000099; /* dark blue */
	color: #FFFFFF;} /* white */
	
/* Pushy Button */
ul {margin: 0;
    padding: 0;}

ul li > a .fa {
	float: right;}
	
.pushy-menu-btn {
	width: 75px;
	padding: 10px;
	background: #000000; /* black*/
	font-size:20px;
	color: #FFFFFF; /* white */
	text-align: center;
	cursor: pointer;}

.pushy-menu-btn:hover {
	background: #000099; /* dark blue */
	color: #FFFFFF;} /* white */
   

/* ********LINKS******** */
a { color: #FFFFFF; } /* white */
a:visited { color: #FFFFFF; } /* white */
a:hover { color: #9999ff; } /* lavendar */
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */


/* ********IMAGES******** */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }/*Correct overflow not hidden in IE9 */

img, object, embed, video {
	max-width: 100%;}
/* IE 6 does not support max-width so default to width 100% */

.ie6 img {width:100%;}
	
#IMGform {width: 35%;}
	
/*Home Page Gallery*/
/*see MOBILE, TABLET, DESKTOP for variations*/
ul.home	{ list-style-type:none;
	margin-top: 6%;
	margin-bottom:15%;}

ul.home li {display:inline-block;
	max-width: 49%;}

.home img{
	width: 85%;
    -webkit-box-shadow: 2px 2px 10px #919191;
    -moz-box-shadow: 2px 2px 10px #919191;
    box-shadow: 2px 2px 10px #919191;
	padding: 10px;}
	


/*PrettyPhoto Gallery*/	
ul.gallery {list-style-type:none;} 

ul.gallery li {display:inline-block;}
	
li.below:after, li.belowTALL:after, li.belowHORIZONTAL:after, li.belowHORIZONTALtall:after {
	content: attr(title); 
	display:block;
	padding: 10px;
	color: #9999ff; /* lavendar */
	font-size: 17px;
	text-align:center;
	font-variant:small-caps;}

li.below:after, li.belowTALL:after {width: 120px;}

li.below:after, li.belowHORIZONTALtall:after  {margin-top: 21px;}

li.belowHORIZONTAL:after, li.belowHORIZONTALshort:after {width: 120px;}
	
li.imageBottom  {margin:5px;}

.gallery img{
    -webkit-box-shadow: 2px 2px 10px #919191;
    -moz-box-shadow: 2px 2px 10px #919191;
    box-shadow: 2px 2px 10px #919191;
	padding: 10px;}
	
li.negative-margin { margin: 0px -2px;}


/* ********FORMS******** */
/*see MOBILE, TABLET, DESKTOP for variations*/
form {margin-bottom:5%;}

.form {margin-bottom:5%;}

.label {padding: .5%;
	display:block;
	text-align:left;
	font-variant:small-caps;
	cursor: pointer;}
	
input {padding: .5%;
	color: #000000; /* black */
	font-size: 17px;}
	
#submit {background-color:#9999ff; /* lavendar */
	font-size:125%;}
	
#zip {display:none;}

.error {color:#ff0000; /* red */
	background-color:#ccccff; /* light lavendar */
	font-variant:small-caps;
	padding: .5%;}

textarea { font-size: 17px;
	color: #000000; /* black */
	overflow: auto; 
	vertical-align: top; 
	resize: vertical; }


/* ********FOOTER******** */
/*see MOBILE, TABLET, DESKTOP for variations*/
footer {
	position: relative;
	bottom: 10px;
	z-index:500;
	clear:both;}
	
img.social-media {	
	width: 5%;
	max-width:50px;
	min-width: 25px;}
	
#copyright {float: right;
	white-space:normal;
	color: #9999ff;  /* lavendar */
	max-width: 50%;
	padding-right: 10%;}

/* ********MISC******** */


/* ********MOBILE LAYOUT: 480px and below******** */
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;}
	
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;}	
	
.logo {	max-width: 95%;}

.nav {display: none;} /* see NAVIGATION & pushy.css*/

.about-image { padding-right: 10px;
	padding-bottom: 10px;
	max-width: 95%;}
	

/* ********TABLET LAYOUT: 481px to 768px. Inherits styles from: Mobile Layout.******** */
@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;}
	
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;}
	
.logo {	max-width: 75%;} /*see HEADER*/

.about-image {max-width: 98%;}

/* see FORMS, DESKTOP*/
form {width: 60%;
	float: left;}
.form {width: 50%;
	float: left;
	margin-right: 10%;}

footer { left: 7%;}

}

/* ********DESKTOP LAYOUT: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout******** */
@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;}
	
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;}
	
.logo {	max-width: 65%; /*see HEADER*/
	padding: 0px 0px 15px 0px;}

.nav {display:block;} /* see NAVIGATION & pushy.css*/
.pushy-menu-btn {display: none;} /* see NAVIGATION & pushy.css*/

.about-image { float: right;
	max-width: 35%;
	padding-left: 20px;}
	
ul.home li {max-width: 19.5%;}/* see IMAGES: Home Page Gallery & TABLET*/
.home img{width: 89%;}/* see IMAGES: Home Page Gallery & TABLET*/

/* see FORMS*/
form {width: 60%;
	float: left;}
.form {width: 50%;
	float: left;
	margin-right: 10%;}
.label {float:left;
	width:15%;
	display:block;
	text-align:right;
	clear:left;
	margin-right:2%;
	cursor: pointer;}
#submit {margin-left:18%;}

footer { bottom: -20px; left: 5%;}

}

/* ********PRINT LAYOUT******** */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}