/* Global Styles */
html,body { width: 100%; height: 100%; }
body { font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; background: #000; }
.Clear				{ clear:both; }

.MenuText			{ position:fixed; z-index:10; top:52px; right:8px; font:bold 16px Tahoma; color:#ffd9aa; text-shadow:2px 2px 2px #191919; }
.NIco				{ color:#e06450; }

.HeaderBack			{ background:url('../img/header-back.png') repeat-x center 74px; }
.HeaderBack2		{ background:url('../img/Aperture.png') no-repeat; background-position: center 27px; width:60%; margin:auto; }
.MainTitle			{ color:#fff; font-size:110px; word-spacing:52px; text-shadow:3px 3px 10px #000; font-family:'Oswald', sans-serif; }
.SubTitle			{ color:#ffe10b; font:bold 19px Tahoma; letter-spacing:10px; text-shadow:2px 2px 5px #000; }
.SlideMe { position: relative; display: table; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.About				{ background: #b8c3d6; padding-bottom: 12px; }
.AboutContainer		{ margin-right: auto; margin-left: auto; width:100%; }
.AboutContainer h2	{ height:100px; background:url('../img/Header-About.jpg') center 0px; font:bold 84px Tahoma; color:#ffd390; text-shadow:3px 3px 10px #000; margin-top:14px; text-align:left; text-indent:100px; border-top:solid 2px #5f5f5f; border-bottom:solid 2px #5f5f5f; padding-top:20px; box-shadow:0px 5px 13px 0px #000; margin-bottom:19px; }
.Bio1				{ width:40%; float:left; font:bold 17px Tahoma; background:#e8e8e8; border-radius:10px; padding:12px; border:solid 2px #797979; margin:10px 0px 10px 9%; }
.Bio2				{ width:40%; float:right; font:bold 17px Tahoma; background:#e8e8e8; border-radius:10px; padding:12px; border:solid 2px #797979; margin:10px 9% 10px 0px; }
.BioTitle			{ font:bold italic 52px tahoma; position:relative; color:#845214; text-shadow:2px 2px 5px #808080; bottom:6px; }
.BT1				{ text-align:right; right:25px; }
.BT2				{ text-align:left; left:5px; }
.BioPhotoTagami		{ background:url('../img/BioPhoto-GlenTagami.jpg'); float:right; min-height:251px; width:250px; border:solid 2px #000; border-radius:10px; margin-left:6px; margin-bottom:7px; }
.BioPhotoDietz		{ background:url('../img/BioPhoto-BrittDietz.jpg'); float:left; min-height:251px; width:250px; border:solid 2px #000; border-radius:10px; margin-right:6px; margin-bottom:7px; }

.Portfolio				{ background: #362f2d; padding-bottom: 12px; }
.PortfolioContainer		{ margin-right: auto; margin-left: auto; width:100%; }
.PortfolioContainer h2	{ height:100px; background:url('../img/Header-Portfolio.jpg') center 0px; font:bold 84px Tahoma; color:#ffd390; text-shadow:3px 3px 10px #000; margin-top:14px; text-align:left; text-indent:100px; border-top:solid 2px #5f5f5f; border-bottom:solid 2px #5f5f5f; padding-top:20px; box-shadow:0px 5px 13px 0px #000; margin-bottom:19px; }
.GalleryBox				{  }
.GalleryTn				{ width:24%; height:20%; max-height:227px; max-width:340px; min-height:133px; min-width:200px; display:inline; margin:9px 5px; position:relative; box-shadow:3px 3px 5px #000; border:solid 1px #000; }

.Affiliations				{ background: #2d3520; padding-bottom: 12px; }
.AffiliationsContainer		{ margin-right: auto; margin-left: auto; width:100%; }
.AffiliationsContainer h2	{ height:100px; background:url('../img/Header-Affiliations.jpg') center 0px; font:bold 84px Tahoma; color:#ffd390; text-shadow:3px 3px 10px #000; margin-top:14px; text-align:left; text-indent:100px; border-top:solid 2px #5f5f5f; border-bottom:solid 2px #5f5f5f; padding-top:20px; box-shadow:0px 5px 13px 0px #000; margin-bottom:19px; }
.AffilBox				{ width:95%; max-width:1435px; font:bold 17px Tahoma; background:#e8e8e8; border-radius:10px; padding:12px; border:solid 2px #797979; margin:28px auto 10px auto; position:relative; text-align:center; }
.AffilList				{ text-align: center; font: bold 13px Tahoma; }
.AffilList li			{ line-height:1.5em; border-bottom:1px solid #ccc; float:left; display:inline; }
.DoubleUL				{ display:inline-table; width:42%; overflow:hidden; border-top:2px solid #3c3d69; border-bottom:2px solid #3c3d69; margin:9px 11px 9px 11px; padding:10px 0px; }
.DoubleUL li  			{ width: 50%; text-align: left; } 
.MuseumPhoto1			{ display:inline-table; background:url('../img/Affil-Museum1.jpg') center center; height:172px; width:321px; border-radius:10px; border:solid 2px #000; position:relative; box-shadow:3px 3px 5px #000; bottom:20px; }
.MuseumPhoto2			{ display:inline-table; background:url('../img/Affil-Museum2.jpg') center center; height:172px; width:321px; border-radius:10px; border:solid 2px #000; position:relative; box-shadow:3px 3px 5px #000; bottom:20px; }

.Published				{ background: #202535; padding-bottom: 12px; }
.PublishedContainer		{ margin-right: auto; margin-left: auto; width:100%; }
.PublishedContainer h2	{ height:100px; background:url('../img/Header-Published.jpg') center 0px; font:bold 84px Tahoma; color:#ffd390; text-shadow:3px 3px 10px #000; margin-top:14px; text-align:left; text-indent:100px; border-top:solid 2px #5f5f5f; border-bottom:solid 2px #5f5f5f; padding-top:20px; box-shadow:0px 5px 13px 0px #000; margin-bottom:19px; }
.PublishedBox			{ background:#efefef; width:78%; margin:auto; padding:8px; border-radius:10px; border:solid 2px #656565; font:bold 17px Tahoma; max-width:1160px; }
.PGalleryBox			{ width: 93%; margin: auto; }
.PGalleryTn1			{ width:200px; height:250px; display:inline; margin:9px 5px; position:relative; box-shadow:3px 3px 5px #000; border:solid 1px #000; }
.PGalleryTn2			{ width:250px; height:200px; display:inline; margin:9px 5px; position:relative; box-shadow:3px 3px 5px #000; border:solid 1px #000; }

.Contact				{ background:#352020; padding-bottom:12px; border-bottom:solid 3px #545454; }
.ContactContainer		{ margin-right:auto; margin-left:auto; width:100%; }
.ContactContainer h2		{ height:100px; background:url('../img/Header-Contact.jpg') center 0px; font:bold 84px Tahoma; color:#ffd390; text-shadow:3px 3px 10px #000; margin-top:14px; text-align:left; text-indent:100px; border-top:solid 2px #5f5f5f; border-bottom:solid 2px #5f5f5f; padding-top:20px; box-shadow:0px 5px 13px 0px #000; margin-bottom:19px; }
.ContactBox				{ width:95%; position:relative; margin:auto; max-width:1500px; }
.ContactForm			{ float:left; width:58%; background:#525252; border-radius:10px; border:solid 2px #000; box-shadow:2px 2px 8px #131313; padding:8px; height:500px; margin-bottom:12px; }
/*.SMedia					{ float:right; width:40%; max-width:570px; margin-top: 23px; } */
.SMedia					{ float:none; margin-top:23px; width:95%; max-width:570px; margin:auto; margin-top:23px; }
/*.Social1				{ color:#4a4a4a; font:bold 20px Arial; background:#efefef; margin:auto; padding:8px; border-radius:10px; border:solid 2px #656565; max-width:444px; margin-bottom:10px; }*/
.Social1				{ color:#4a4a4a; font:bold 20px Arial; background:#efefef; margin:auto; padding:8px; border-radius:10px; border:solid 2px #656565; max-width:570px; margin-bottom:10px; }
.Social2				{ max-width:460px; margin:auto; border-top:solid 2px #808080; padding-top:11px; }
.SocialDietz			{ display:inline-table; width:45%; color:#cdcdcd; font:bold 25px tahoma; }
.SocialTagami			{ display:inline-table; width:45%; color:#cdcdcd; font:bold 25px tahoma; }
.SocialIcon				{ font-size:40px; text-shadow:2px 2px 3px #000; margin:7px; }

.Footer					{ width:95%; margin:auto; text-align:center; padding:10px; margin-top:8px; height:100%; max-height:316px; }
.FooterText				{ margin-bottom:11px; font:bold 12px Tahoma; text-transform:uppercase; color:#9a7d59; }
.Footer1				{ display:inline-table; width:95%; height:100%; max-width:474px; max-height:316px; background:url('../img/Final-Left.jpg'); border-radius:10px; border:solid 2px #cdcdcd; margin-right:4px; margin-bottom:5px; }
.Footer2				{ display:inline-table; width:95%; height:100%; max-width:474px; max-height:316px; background:url('../img/Final-Right.jpg'); border-radius:10px; border:solid 2px #cdcdcd; margin-left:4px; margin-bottom:5px; }

@media (max-width:1263px) {
	.DoubleUL 				{ width:56%; }
	.MuseumPhoto1			{ bottom:16px; }
	.MuseumPhoto2			{ display:none; } }

@media (max-width:1040px) {
	.Bio1			{ width:46%; margin:10px 0px 10px 3%; }
	.Bio2			{ width:46%; margin:10px 3% 10px 0px; }	
	.BT1			{ text-align:center; right:auto; font:bold 41px Tahoma; }
	.BT2			{ text-align:center; left:auto; font:bold 41px Tahoma; }
	.PublishedContainer h2		 	{ font: bold 63px Tahoma; }	}

@media (max-width:1040px) {
	.GalleryTn 		{ width:30%; } }

@media (max-width:950px) {
	.BioPhotoDietz,.BioPhotoTagami	{ float:none; width:100%; margin:auto; max-width:254px; margin-bottom:7px; }	
	.PublishedContainer h2		 	{ text-align:center; text-indent:0px; }	}

@media (max-width:900px) {
	.DoubleUL 				{ width:90%; }
	.MuseumPhoto1			{ bottom:0px; margin:5px 0px; }
	.DoubleUL li  			{ width:100%; text-align:center; float:none; display:block; }
	.SMedia					{ float:none; max-width:none; margin-top:23px; width:95%; }
	/*.ContactForm			{ float:none; width:95%; margin:auto; } */ }

@media (min-width:744px) {
	.HeaderBack2	{ background:url('../img/Aperture-W.png') no-repeat; background-position: center center; overflow:visible; position:relative; bottom:13px; padding-top:86px; width:100%; }
	.MainTitle		{ font-size:123px; } }

@media (max-width:744px) {
	.AboutContainer h2,.PortfolioContainer h2,.AffiliationsContainer h2,.ContactContainer h2		 { text-align:center; text-indent:0px; font: bold 60px Tahoma; }
	.PublishedContainer h2	{ text-align:center; text-indent:0px; font: bold 47px Tahoma; } }

@media (max-width:646px) {
	.GalleryTn 		{ width:47%; } }

@media (max-width:500px) {
	.GalleryTn 					{ height:227px; width:340px; }
	.GalleryBox					{ height:2450px; overflow-y:scroll; overflow-x:hidden; }
	.PublishedContainer h2		{ font: bold 41px Tahoma; }
	.ContactContainer h2			{ font: bold 56px Tahoma; }	}

@media (max-width:581px) {
	.HeaderBack2	{ width:100%; } }

@media (max-width:480px) {
	.BioPhotoDietz,.BioPhotoTagami	{ background-position: center center; } }

@media (max-width:480px) {
	.BioPhotoDietz,.BioPhotoTagami	{ background-position: center center; } }

@media (max-width:469px) {
	.PGalleryTn1	{ max-width:200px; max-height:250px; width:44%; height:41%; }
	.PGalleryTn2	{ max-width:250px; max-height:200px; height:44%; width:41%; } }    

.text-vertical-center { display: table-cell; text-align: center; vertical-align: middle; }
.text-vertical-center h1 { font-weight: 700; margin: 0; padding: 0; }

/* Custom Button Styles */
.btn-dark 			{ color: #fff; border: none; border-radius: 11px; background-color: rgba(0, 0, 0, .4); }
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active 	{ color: #fff; background-color: rgba(0, 0, 0, .7); }
.btn-light 			{ color: #333; border: none; border-radius: 0; background-color: rgb(255, 255, 255); }
.btn-light:hover,
.btn-light:focus,
.btn-light:active 	{ color: #333; background-color: rgba(255, 255, 255, .8); }

/* Custom Horizontal Rule */
hr.small { max-width: 100px; }

/* Side Menu */
#sidebar-wrapper { position:fixed; z-index:1000; right:0; overflow-y:auto; width:250px; height:100%; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -ms-transition:all .4s ease 0s; -o-transition:all .4s ease 0s; transition:all .4s ease 0s; transform:translateX(250px); background:#222; }
.sidebar-nav 				{ position: absolute; top: 0; width: 250px; margin: 0; padding: 0; list-style: none; }
.sidebar-nav li 				{ font:bold 17px Tahoma; line-height:40px; text-indent:16px; }
.sidebar-nav li a 			{ display: block; text-decoration: none; color: #999; }
.sidebar-nav li a:hover 		{ text-decoration:none; color:#fff; background:#346198; }
.sidebar-nav li a:active,
.sidebar-nav li a:focus 		{ text-decoration:none; }
.sidebar-nav > .sidebar-brand 			{ font-size:18px; line-height:55px; height:55px; }
.sidebar-nav > .sidebar-brand a 			{ color:#999; }
.sidebar-nav > .sidebar-brand a:hover 	{ color:#fff; background:none; }

#menu-toggle 			{ position: fixed; z-index: 10; top: 0; right: 0; }
#sidebar-wrapper.active 	{ right:250px; width:250px; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -ms-transition:all .4s ease 0s; -o-transition:all .4s ease 0s; transition:all .4s ease 0s; }
.toggle 					{ font-size: 1em; margin: 5px 5px 0 0; padding: 15px 20px; }

/* Header */
.header { position:relative; display:table; width:100%; height:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }