/*Global*/
body, html {
    height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	font-size:100%;
	background-color:white;
	color:black;
	text-align:left;}
h1 {
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	font-size:6em;
	line-height:1.1;
	text-align:left;}
h2 {
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	font-size:5em;
	line-height:1.1;
	text-align:left;}
h3 {
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	font-size:4em;
	line-height:1.1;
	text-align:left;}
h4 {
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	font-size:3em;
	line-height:1.1;
	text-align:left;}
h5 {
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	color:black;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	font-size:2em;
	line-height:1;
	margin:10px 0;
	text-align:left;}
p {
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	color:black;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	font-size:1.5em;
	line-height:1.1;
	text-align:left;}
ol {
	margin-left:40px;
	font-size:1.5em;
	line-height:1.1;}
ul {
	margin-left:40px;
	font-size:1.5em;
	line-height:1.1;}
ol,li{font-weight: normal;}
button {
	background-color:#E9E9E9;
	border:none;
	color:white;
	padding:20px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:2em;
	margin:0 auto;
	cursor:pointer;
	border-radius:30px;}
td,th {
	padding:1% 2%;
	border: 1px solid;}
.center {
	text-align:center;}
.blank {
	height:5%;}
a:link {
	color:red;
	text-decoration:none;}
a:active {
	color:red;
	text-decoration:none;}
a:visited {
	color:red;
	text-decoration:none;}
a:hover {
	color:red;
	text-decoration:line-through;}
iframe {
	display:block;
	margin:auto;}




/*Lobby Section*/
.lobby-container {
	width:100vw;
	height:100vh;
	background-image: url("images/portraiture/m-10.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center;
	opacity:.9;}
.lobby-inner {
	display:block;
	position:absolute;
	padding:12px 0 0 0;
	border-style:solid;
	background-color:#ECECEC;
	opacity:.7;
	right:3%;
	bottom:6%;
	/*top:6%;*/
	/*right:3%;*/}
.lobby-inner img {
	display:block;
	margin:0 auto;
	width:30%;}
.lobby-inner h5 {
	margin:0;
	text-align: center;}




/*Menu*/
.menu-container {
	display:block;
	background-color:white;
	position:fixed;
	border-right:solid;
	height:100%;
	width:20%;
	top: 0%;
	left: 0;}
.menu-inner {
	display:block;
	padding-top:50px;
	overflow-wrap: break-word;
	width:100%;}
.menu-inner h5 {
	color:black;
	font-size: 1.8em;
	line-height: 1;
	text-align: center;}
.menu-inner p {
	color:black;
	font-size: 1.1em;
	line-height:.5;
	text-align: center;}
.menu-inner a {
	color:#414a4c;
	text-decoration:none;}
.menu-inner a:hover {
	text-decoration:line-through;}

/*Homepage Section*/
.container {
	display:block;
	background-color:white;
	margin-left:20%;
	width:80%;}
.inner {
	display:block;
	width:100%;
	padding:5% 0}
.title {
	font-size:2em;
	background-color:#1D1D1D;
	color:white;
	padding:1% 1% 1% 5%;}
.content {
	display:block;
	width:90%;
	margin:0 auto;}
.dualheader-l {
	display:inline-block;
	width:44%;
	margin:0 auto;
	padding-left:5%;
	vertical-align: text-top;}
.dualheader-r {
	display:inline-block;
	width:44%;
	margin:0 auto;
	padding-right:5%;
	vertical-align: text-top;}
.camview {
	border-radius: 50%;
	width:50%;}
.youtube {
	display:block;
	width:90%;
	margin:0 auto;
	text-align: center;}
.inner img {
	display:block;
	max-width:70%;
	margin:0 auto;
	padding-top:5%;}
.imagetitle {
	font-size:1em;
	color:black;
	text-align:center;
	font-weight:bold;
	margin-top:10px;}

.decoration-container {
	display:block;
	background-color:white;
	margin-top:5%;
	margin-bottom:5%;
	width:100%;}
.decoration-inner h1 {
	display:block;
	width:90%;
	margin:0 auto;
	padding-top:2%;
	padding-bottom:1%;
	color:white;;
	text-align:center;}
.content table{
	width:80%;
	vertical-align:text-top;
	text-align:center;
	border-collapse: collapse;
	margin:0 auto;}
.content td,th {
	padding:1% 2%;}
.intro911 {
	display:block;
	width:80vw;
	height:100vh;
	background-image:url("/images/911/911rolls.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:top;}
.classicsintro {
	display:block;
	width:80vw;
	height:100vh;
	background-image:url("/images/portraiture/m-10.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;}



/*Lightbox*/
#xlight {
    z-index:997;
	position:fixed;
	top:0;
    width:100%;
    height:100%;
	background-color:rgba(0,0,0,.9);
    text-align:center;}
#xcontent {
	z-index:998;
	display:block;
	padding:2% 0;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:90%;}
#xlight img {
	padding:0;
	z-index:999;
	max-width:100%;
	max-height:100%;
	border-width:10px;
	border-color:white;
	border-style:solid;}

/*Photo*/
.clearfix{
	width:100%;
	display:block;
	margin:0;
	padding:0;}
.clearfix::after{
	content: " ";
   	visibility: hidden;
   	display: block;
   	height: 0;
  	clear: both;}
.bigpage_container{
	display:block;
	width:80%;
	margin-left:20%;
}
.bigpage_inner{
	display:block;
	width:90%;
	margin: 0 auto;}
.pics-right{
	display:block;
	width:60%;
	margin:0 auto;
	float:right;
	vertical-align: middle;
}
.pics-right img{
	display:block;
	max-height:25%;
	margin:0 auto;
}
.pics-left{
	display:block;
	width:60%;
	margin:0 auto;
	float:left;
}
.pics-left img{
	display:block;
	max-height:25%;
	margin:0 auto;
}	

.bigpage_inner img{
	display:block;
	max-width:80%;
	margin:0 auto;
}
.gallery-container {
	display:block;
	width:80%;
	margin-left:20%;}
.gallery-inner {
	display:block;
	width:90%;
	margin:0 auto;}
.photobox {
	margin:1% 1%;
	display:flex;
	flex-flow: row wrap;
	text-align:center;
	justify-content:space-around;
	padding:0px;}
.photobox a {
	flex: 0 0 auto;
	margin:5px 5px;}
.photobox img {
	width:auto;
	max-height:300px;
	display:block;}
.photobox2 {
	margin:1% 1%;
	display:flex;
	flex-flow: row wrap;
	text-align:center;
	justify-content:space-around;
	padding:0px;}
.photobox2 a {
	flex: 0 0 auto;
	margin:30px 30px;}
.photobox2 img {
	width:auto;
	max-height:400px;
	display:block;}
.photobox2 p {
	color:white;
	text-align:left;
	padding-top:20px;}
.xtrigger p {
	display:block;
	margin:auto;
	color:black;
	width:300px;
	word-wrap:break-word;}
.writingpage-container {
	display:block;
	width:80%;
	margin-left:20%;}
.writingpage-inner{
	color:white;
	padding-top:2px;
	text-align:center;
	z-index:130;}
.writingpage-inner table{
	display:inline-block;
	width:30%;
	vertical-align:text-top;
	text-align:center;
	margin:0 auto;}
.writingpage-inner th{
	color:white;}
.writingpage-inner p {
	word-wrap:break-word;}
#table2017 h4 {
	text-align: center;}
#table2016 h4 {
	text-align: center;}
#table2015 h4 {
	text-align: center;}
#table2014 h4 {
	text-align: center;}
#table2013 h4 {
	text-align: center;}
.margin {
	padding-left:5%;}

/*Mobile*/
@media only screen
	and (max-width:1921px)
		{
			.menu-inner h5 {font-size:1.5em;}
			.menu-inner p {font-size:1.3em;}
		}
@media only screen
	and (max-width:1601px)
		{
			.menu-inner h5 {font-size:1.4em;}
			.menu-inner p {font-size:1.2em;}
		}
@media only screen
	and (max-width:1367px)
		{
			.menu-inner h5 {font-size:1.3em;}
			.menu-inner p {font-size:1.1em;}
		}
@media only screen
	and (max-width:1113px)
		{
			.menu-inner h5 {font-size:1.2em;}
			.menu-inner p {font-size:1em;}
		}
@media only screen
	and (max-width:1025px)
		{
			.menu-inner h5 {font-size:1.1em;}
			.menu-inner p {font-size:.9em;}
		}
@media only screen
	and (max-width:801px)
		{
			.menu-inner h5 {font-size:.8em;}
			.menu-inner p {font-size:.6em;}
		}
@media only screen
	and (max-width:415px)
		{
			.menu-inner h5 {font-size:.5em;}
			.menu-inner p {font-size:.3em;}
		}
@media only screen
	and (max-width:376px)
		{
			.menu-inner h5 {font-size:.2em;}
			.menu-inner p {font-size:.2em;}
		}
@media only screen
	and (max-width:321px)
		{
			.menu-inner h5 {font-size:.1em;}
			.menu-inner p {font-size:.1em;}
		}