body {
	background: url("../img/background.jpg") no-repeat fixed center center / 100% auto rgba(0, 0, 0, 0);
}





nav {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	position: absolute;
	margin-top: 0px;
	z-index: 500;
	font-size: .85em;
	display:block;
	width:100%;
}

a:link, a:visited {
		color: #00b9b6;
		font-weight: bold;
		}

.logo {width: 100%; margin-top: -5px; padding: 0;}
.logo img {width: 100%;}

.logo2 {width: 100%; margin-top: 0px; padding: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, .4); padding: 10px; margin: 0;}
.logo2 img {width: 100%; padding: 0; margin: -15px -25px -15px -30px; }

.top-nav li.logo a, .top-nav li.logo.active-item a {

	background: url("../images/shades/80mg.png") repeat;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1em;
	padding: 0 0;
}


#carousel {
	background: #fff;
}


#head {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	padding: 9em 0 5em;
	text-align: center;
	color: white;
}

#head2 {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	padding: 4em 0 1em;
	text-align: center;
}

#head3 {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	padding: 5em 0 1em;
	text-align: center;
}

#head4 {
	background: none repeat scroll 0 0 rgba(0, 70, 80, 0.85);
	padding: 4em;
	text-align: center;
	color: white;
}

#headChristmas {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	padding: 4em 0 3em;
	text-align: center;
	margin-top: -15px;
}

#content {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.92);
	padding: 5em 0;
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
}
#content h2 {
	font-size: 1.5em;
	font-weight: 400;
	margin: 1em 0 0.3em;
	text-transform: none;
}

#content2 {
	background: none repeat scroll 0 0 rgba(55, 142, 153, 0.85);
	padding: 3em 0 2em 0;
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
}
#content2 h2 {
	font-size: 1.5em;
	font-weight: 400;
	margin: 1em 0 0.3em;
	text-transform: none;
}

.listing-block {
    background-color: none;
    padding: 2.5em;
}




#first-block {
	background: #fff;
}
#first-block {
	background: #fff;
	text-align: center;
	padding: 8em 5em;
}


#camera-block {
	background: #d3d3d3;
	text-align: center;
	padding: 0 auto ;
}



#second-block {
	text-align: center;
	padding: 8.5em 0;
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	color: white;
}



#parallax {
	text-align: center;
	padding: 4.5em 0;
	color: white;
	background: url("../images/path2.jpg") no-repeat fixed center center / 100% auto rgba(0, 30, 34, 0.35);
}

#parallax-2 {
	text-align: center;
	padding: 4.5em 0;
	color: white;
	background: url("../images/stan2.jpg") no-repeat fixed center center / 100% auto rgba(0, 30, 34, 0.35);
}

#parallax h1, #parallax h2, #parallax h3, #parallax h4, #parallax p, #parallax-2 h1, #parallax-2 h2, #parallax-2 h3, #parallax-2 h4, #parallax-2 p {color: white;}

#parallax h2 {font-weight: 900; font-size: 46px;}

#parallax-2 h2 {font-weight: 400; font-size: 32px;}

#parallax img, #parallax-2 img {border: 2px solid white;}



#second-block-small {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	text-align: left;
	padding: 2.5em 0 1em 0;
}
#second-block-small p, #second-block-small h2 {
	color: #fff;
}
#second-block h2 {
font-size: 2.2em;
margin-bottom: 10px;
}


#photo-detail-block {
	text-align: center;
	padding: 2.5em 0 0;
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	margin-top: -10px;
}


#photo-detail-block-large {
	text-align: center;
	padding: 7em 0 0;
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	margin-top: -10px;
}


#third-block {
	background: #fff;
	text-align: center;
	padding: 2.5em 0;
}



#logoff {
	background: none repeat scroll 0 0 rgba(0, 106, 120, 0.85);
	padding: 3em 0 ;
	text-align: center;
	color: white;
}



#fourth-block h2 {
	text-align: center;
	padding: 4.5em 0;
	color: #fff;
}
#fourth-block p {
	color: #fff;
}

#footer-block {
	text-align: center;
	padding: 3.5em 0;
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
}

#footer-block a {
	font-size: .7em;
	font-weight: 400;
}	

#footer-block h4 {
	font-size: .9em;
	color: silver;
	font-weight: 400;
}	



/* Stroke Buttons */ 
.button.button-white-stroke, a.button.button-white-stroke, a.button.button-white-stroke:link, a.button.button-white-stroke:visited,
.primary-color-white .button.button-primary-stroke, .primary-color-white a.button.button-primary-stroke, .primary-color-white a.button.button-primary-stroke:link, .primary-color-white a.button.button-primary-stroke:visited {
  background: none;
  border: 1px solid #fff;
  box-shadow: none;
  color: white;
  border-radius: 0;
}
.button.button-white-stroke:hover, a.button.button-white-stroke:hover,
.primary-color-white .button.button-primary-stroke:hover, .primary-color-white a.button.button-primary-stroke:hover {
  background: #fff none repeat scroll 0 0;
  color: #605507;
}
.button.button-primary-stroke, a.button.button-primary-stroke, a.button.button-primary-stroke:link, a.button.button-primary-stroke:visited,
.primary-color-primary .button.button-primary-stroke, .primary-color-primary a.button.button-primary-stroke, .primary-color-primary a.button.button-primary-stroke:link, .primary-color-primary a.button.button-primary-stroke:visited {
  background: none;
  border: 1px solid #C81010;
  box-shadow: none;
  color: #C81010;
}
.button.button-primary-stroke:hover, a.button.button-primary-stroke:hover,
.primary-color-primary .button.button-primary-stroke:hover, .primary-color-primary a.button.button-primary-stroke:hover {
  background: #C81010 none repeat scroll 0 0;
  color: #fff;
}

.button.button-dark-stroke, a.button.button-dark-stroke, a.button.button-dark-stroke:link, a.button.button-dark-stroke:visited,
.primary-color-dark .button.button-primary-stroke, .primary-color-dark a.button.button-primary-stroke, .primary-color-dark a.button.button-primary-stroke:link, .primary-color-dark a.button.button-primary-stroke:visited {
  background: none;
  border: 1px solid #002633;
  box-shadow: none;
  color: #002633;
}
.button.button-dark-stroke:hover, a.button.button-dark-stroke:hover,
.primary-color-dark .button.button-primary-stroke:hover, .primary-color-dark a.button.button-primary-stroke:hover {
  background: #002633 none repeat scroll 0 0;
  color: #fff;
}





.jobList {
	height: 380px; 
	border: 1px solid silver;
}

.jobListImage {
	height: 260px;
	overflow: hidden;
}


#title-block {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	text-align: center;
	padding: 11em 0 1em 0;
}

#title-block h2 {
	color: white;
}

.carousel-text {
	display: block;
	position: absolute;
	top: 90%;
	width: 100%;
	z-index: 999;
}
.carousel-text h2 {
	background: none repeat scroll 0 0 #fff;
	color: rgb(0, 30, 34);
	display: inline-block;
	padding: 0.3125em 0.625em;
	font-size: 1.5em;
	background: url("../images/shades/50w.png") repeat;
}
.carousel-text p {
	background: url("../images/shades/50.png") repeat;
	color: #fff;
	display: inline-block;
	font-size: 1.2em;
	padding: 0.625em 0.8em;
}

.imageCaption, .imageCaptionLeft {
	font-size: .8em;
	color: gray;
	text-align: right;
	margin-top: -10px;
	margin-right: 10px;
	margin-bottom: 15px;
}

.imageCaptionLeft {
	text-align: left;
}

.galleryCaption {
	font-size: .8em;
	color: #bcbbbb;
	text-align: center;
	margin-top: -40px;
}

.black {color: black;}
.pad {padding: 2em;}
.padLeft {padding-left: 5em;}
.padRight {padding-right: 5em;}
.padBottom {padding-bottom: 30px;}
.padDownload {padding: 1em 2em 1em 2em; text-align: center;}
.padDownload img {width: 101px;}

.lineHeight2 {
	line-height: 2em;
	font-size: 1.1em;
}
.downloadBox {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
	padding: 1em;
	margin-bottom: 1.75em;
	}

.smallLeftImage {
		width: 30%; 
		float: left;
		box-shadow: none;
		margin: 0 1em 1em 0;
		}
.smallLeftImage img {
		margin: 0 1em 1em 0;
		}
		
.noShadow {box-shadow: none;}


.white {color: white;}
.black {color: black;}
.alignLeft {
	text-align: left;
}

.alignRight{
	text-align: right;
}
.boxShadow {
		box-shadow: 0px 0px 20px gray;
		}

.sample {margin-bottom: 1em; }
.small {font-size: .8em;}
.small5 {font-size: .5em;}
.small25 {font-size: .25em;}
.smallSize {
		font-size: .7em; 
		color: grey;
		margin-top: 3px;
		}
		
.date {font-size: .7em; color: gray; margin: -6px 0 12px 0;}
a.button {
	background: none repeat scroll 0 0 #2fcbe0;
	border: 0 none;
	border-radius: 5px;
	color: rgb(0, 30, 34);
	font-size: 0.8em;
	font-weight: 600;
	padding: 0.625em;
	text-transform: uppercase;
}

a.button2 {
	background: none repeat scroll 0 0 #2fcbe0;
	border: 0 none;
	border-radius: 5px;
	color: rgba(211, 244, 248, 1);
	font-size: 0.8em;
	font-weight: 600;
	padding: 0.625em;
	text-transform: uppercase;
}

a:hover.button2 {
	background: none repeat scroll 0 0 #053940;
	border: 0 none;
	border-radius: 5px;
	color: rgba(211, 244, 248, 1);
	font-size: 0.8em;
	font-weight: 600;
	padding: 0.625em;
	text-transform: uppercase;
}

a.buttonSmall {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.96);
	border: 1px solid #004953;
	color: rgba(0, 74, 83, 1);
	font-size: 0.5em;
	font-weight: 600;
	padding: 0.6em 1em;
	text-transform: uppercase;
}

a:hover.buttonSmall {
	background: none repeat scroll 0 0 #053940;
	color: white;
}




@media screen and (min-width: 1100px) {



}


@media screen and (max-width: 1000px) {


.top-nav a {
	font-size: 0.65em;
	text-transform: uppercase;
}

}


@media screen and (max-width: 800px) {
	
nav {font-size: .4em;}

#title-block {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	text-align: center;
	padding: 1em 0 1em 0;
}

.carousel-text {
	display: block;
	position: absolute;
	top: 75%;
	width: 70%;
	z-index: 999;
}

.carousel-text h2 {
	background: none repeat scroll 0 0 #fff;
	color: rgb(0, 30, 34);
	display: inline-block;
	padding: 0.3125em 0.625em;
	font-size: 1em;
	background: url("../images/shades/50w.png") repeat;
}

.logo {width: 100%; margin-top: 10px;}

.top-nav li.logo a, .top-nav li.logo.active-item a {
	width: 35%;
	background: none;
	background: none repeat scroll 0 0 rgba(71, 71, 71, 0.85);
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1em;
	padding-bottom: 1em;
}


body {
	background-image: none;
	background-color: white;
}

nav {
	margin-top: 0px;
}

#logoTop {
	margin: 0;
}

.carousel-text {
	display: block;
	position: absolute;
	top: 75%;
	width: 70%;
	z-index: 999;
}

.carousel-text h2 {
	background: none repeat scroll 0 0 #fff;
	color: rgb(0, 30, 34);
	display: inline-block;
	padding: 0.3125em 0.625em;
	font-size: 1em;
	background: url("../images/shades/50w.png") repeat;
}



.leftAlign1 {text-align: left; margin-left: 0;}


}

.emailList {
	width: 320px;
	margin-left: -11px;	
}


@media screen and (max-width: 420px) {
	
.logo {width: 100%; margin-top: 15px;}


.top-nav a {
	font-size: 2em;
	text-transform: uppercase;
}


.top-nav li.logo a, .top-nav li.logo.active-item a {
	width: 100%;
	padding: 10px;
}

#carousel {
	background: black;
	padding-top: 80px;
	}
.carousel-text {
visibility: hidden;
}

#third-block {
	padding: 1em 0;
}
#third-block h2 {
	font-size: 2em;
	}
first-block h2 {
	font-size: 12px;
	}

.pad {padding: 1em;}
.padLeft {padding-left: 1em;}
.padRight {padding-right: 0em;}
.padBottom {padding-bottom: 10px;}
	
}