#nav {

  width: 975px;

  float: left;

  margin: 16px 0 3px 0;

  padding: 0;

  list-style: none;

  background-color: #666666;

  border-bottom: 1px solid #666666;

  border-top: 1px solid #666666; }

#nav li {

  float: left; }

#nav li a {

  display: block;

  padding: 8px 19px;

  text-decoration: none;

  font-weight: bold;

  font-size:12px;

  color: #ffffff;

  border-right: 1px solid #666666; }

#nav li a:hover {

  color: #ffffff;

  background-color: #333333; }

/* End primary navigation bar styling. */



  #nav1 {

  width: 975px;

  float: left;

  margin: 0 0 3em 0;

  padding: 0;

  list-style: none;

  background-color: #f2f2f2;

  border-bottom: 1px solid #ffffff;

  border-top: 1px solid #ffffff; }

#nav1 li {

  float: left; }

#nav1 li a {

  display: block;

  padding: 8px 15px;

  text-decoration: none;

  font-weight: bold;

  font-size:70%;

  color: #000000;

  border-right: 1px solid #ffffff; }

#nav1 li a:hover {

  color: #c00;

  background-color: #ffffff; }

/* End secondary navigation bar styling. */

   

.myBoxesWhiteBackground {

padding: 10px;

width:450px;

height:200px;

background: rgb(255,255,255);



    -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);

    -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);

    box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);

border: 1px #CDCDCD solid;

border-radius: 5px;

}



.myBoxesGrayBackground {

padding: 10px;

width:450px;

height:200px;

background: #f8f8f8;



    -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);

    -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);

    box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);

border: 1px #CDCDCD solid;

border-radius: 5px;

}



#nav1 {



      border-bottom: 1px solid #f2f2f2;



      border-top: 1px solid #f2f2f2; margin-left: 40px;}







   #nav1 li a {



          



      border-right: 1px solid #f2f2f2; }



















a:link {color:blue;}    /* unvisited link */



a:visited {color:blue;} /* visited link */



a:hover {color:red;}   /* mouse over link */



a:active {color:red;}  /* selected link */

























BODY {font-family:"Arial"; background-color: #f2f2f2;  margin:0px;padding:0px;text-align:center;min-width:1046px;}







/* latin-ext */

@font-face {

  font-family: 'Capriola';

  font-style: normal;

  font-weight: 400;

  src: local('Capriola Regular'), local('Capriola-Regular'), url(https://fonts.gstatic.com/s/capriola/v4/MCXNg459ZtebBVYIDxweyhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');

  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Capriola';

  font-style: normal;

  font-weight: 400;

  src: local('Capriola Regular'), local('Capriola-Regular'), url(https://fonts.gstatic.com/s/capriola/v4/1uu0rRDB9aBBIKvbF1Q_1PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin */

@font-face {

  font-family: 'Cinzel Decorative';

  font-style: normal;

  font-weight: 400;

  src: local('CinzelDecorative-Regular'), url(https://fonts.gstatic.com/s/cinzeldecorative/v4/fmgK7oaJJIXAkhd9798yQl4jZHmtnl4mfN0ClpLnj0E.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin */

@font-face {

  font-family: 'Numans';

  font-style: normal;

  font-weight: 400;

  src: local('Numans'), local('Numans-Regular'), url(https://fonts.gstatic.com/s/numans/v6/GE2z0KRlbJSzANt08q-9bg.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin */

@font-face {

  font-family: 'Strait';

  font-style: normal;

  font-weight: 400;

  src: local('Strait'), local('Strait-Regular'), url(https://fonts.gstatic.com/s/strait/v4/LimB8Qw7LXxhgcZqZA4MPA.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin */

@font-face {

  font-family: 'Tangerine';

  font-style: normal;

  font-weight: 400;

  src: local('Tangerine'), url(https://fonts.gstatic.com/s/tangerine/v7/HGfsyCL5WASpHOFnouG-RFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}









p {font-family:"Arial"; }





h1 {font-size: 185%; font-weight: normal; color:#cc0000;} 







h2 {font-size: 200%; font-weight: normal; color:black;}







h3 {font-size: 250%; font-weight: normal; margin-top:50px; margin-bottom:20px; color:#cc0000;}







h4 {font-size: 130%; font-weight: normal; margin-top:50px; margin-bottom:20px; color: magenta;}





h5 {font-size:115%; font-weight:normal; margin-top:20px; margin-bottom:20px; color:cyan;}











blockquote {font-size:100%; font-weight:normal; margin-top:20px; margin-bottom:20px; margin-left:100px: margin-right:100px; font-family:'Numans',sans-serif;}







FORM {margin:0;padding:0;}













#centerwrapper {text-align:left; width:975px; margin-left:auto; margin-right:auto;}













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

  body, #nav, #nav1, #content,iframe,#centerwrapper,.myBoxesGrayBackground,.myBoxesWhiteBackground{

    max-width: 100%;

    width: 100% !important;

    min-width: 100% !important;

  }

  *{

    margin-right: 0 !important;

    margin-left: 0 !important;

  }

  p{

    margin-right: 0 !important;

    margin-left: 0 !important;

    width: 100%;

    display: block;

    float: none;

  }

  img{

    width: 100%;

    height: auto;

  }

  #nav1 li a{



    display: block;

    padding-left: 0;

    padding-right: 0;

    text-align: center;

  }

  ul, ol, li{

    /*display: inline;*/

  }

  #nav li{

    text-align: center;

  }

  *{

    /*border: 1px solid;*/

    float: none !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

  }

  .myBoxesGrayBackground, #content{

    margin-top: 10px !important;

    height: auto !important;

  }

  #centerwrapper{

    width: 90% !important;

    min-width: 90% !important;

    margin-left: 3% !important;

  }

  .myBoxesGrayBackground, .myBoxesWhiteBackground{

    padding: 0 2% !important;

    height: auto !important;

  }

  #nav{

    margin-left: 3% !important;

  }

  #nav li, #nav1 li{

    margin-bottom: 10px;

    margin-top: 10px;

  }

  #nav li a, #nav1 li a{

    font-size: 14px;

  }

  img[src='https://www.paypalobjects.com/en_US/i/scr/pixel.gif'] {

    height: 1px !important;

    overflow: hidden;

    visibility: visible;

    width: 1px !important;

  }

  form[target=paypal] img{

    height: 1px !important;

    overflow: hidden;

    visibility: visible;

    width: 1px !important;

  }

  form[target=paypal] input[type=hidden]{

  visibility: hidden;

  }

 

  ._questionmark{

  width: 150px !important;

  height: 150px !important;

  }

  ._pdf{

  width: 150px !important;

  height: 139px !important;

  }

  .myBoxesGrayBackground, .myBoxesWhiteBackground{

    box-sizing: border-box;

  }

  #centerwrapper{

    margin: auto !important;

  }

  #nav{

    margin-left: 0 !important;

  }

  .myBoxesWhiteBackground{

    margin-top: 0px !important;

  }

  #content ul, ol {

  padding-left: 25px !important;

  }
  
  .example-image{
   width: 200px !important;
   height: 133px !important;
   }
   
     .lb-nav {
    display: none !important;
  }
  .lb-outerContainer, .lb-dataContainer{
        margin: 0 auto !important;
  }
  
  .paypaloimage{

		width: 1px !important; height: 1px !important

		}
 }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Preload images */

body:after {

  content: url(//douglasniedt.com/photogallery/close.png) url(//douglasniedt.com/photogallery/loading.gif) url(//douglasniedt.com/photogallery/prev.png) url(//douglasniedt.com/photogallery/next.png);

  display: none;

}



.lightboxOverlay {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 9999;

  background-color: black;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

  opacity: 0.8;

  display: none;

}



.lightbox {

  position: absolute;

  left: 0;

  width: 100%;

  z-index: 10000;

  text-align: center;

  line-height: 0;

  font-weight: normal;

}



.lightbox .lb-image {

  display: block;

  height: auto;

  max-width: inherit;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

}



.lightbox a img {

  border: none;

}



.lb-outerContainer {

  position: relative;

  background-color: white;

  *zoom: 1;

  width: 250px;

  height: 250px;

  margin: 0 auto;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

}



.lb-outerContainer:after {

  content: "";

  display: table;

  clear: both;

}



.lb-container {

  padding: 4px;

}



.lb-loader {

  position: absolute;

  top: 43%;

  left: 0;

  height: 25%;

  width: 100%;

  text-align: center;

  line-height: 0;

}



.lb-cancel {

  display: block;

  width: 32px;

  height: 32px;

  margin: 0 auto;

  background: url(//douglasniedt.com/photogallery/loading.gif) no-repeat;

}



.lb-nav {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 10;

}



.lb-container > .nav {

  left: 0;

}



.lb-nav a {

  outline: none;

  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');

}



.lb-prev, .lb-next {

  height: 100%;

  cursor: pointer;

  display: block;

}



.lb-nav a.lb-prev {

  width: 34%;

  left: 0;

  float: left;

  background: url(//douglasniedt.com/photogallery/prev.png) left 48% no-repeat;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  -moz-transition: opacity 0.6s;

  -o-transition: opacity 0.6s;

  transition: opacity 0.6s;

}



.lb-nav a.lb-prev:hover {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  opacity: 1;

}



.lb-nav a.lb-next {

  width: 64%;

  right: 0;

  float: right;

  background: url(//douglasniedt.com/photogallery/next.png) right 48% no-repeat;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  -moz-transition: opacity 0.6s;

  -o-transition: opacity 0.6s;

  transition: opacity 0.6s;

}



.lb-nav a.lb-next:hover {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  opacity: 1;

}



.lb-dataContainer {

  margin: 0 auto;

  padding-top: 5px;

  *zoom: 1;

  width: 100%;

  -moz-border-radius-bottomleft: 4px;

  -webkit-border-bottom-left-radius: 4px;

  border-bottom-left-radius: 4px;

  -moz-border-radius-bottomright: 4px;

  -webkit-border-bottom-right-radius: 4px;

  border-bottom-right-radius: 4px;

}



.lb-dataContainer:after {

  content: "";

  display: table;

  clear: both;

}



.lb-data {

  padding: 0 4px;

  color: #ccc;

}



.lb-data .lb-details {

  width: 85%;

  float: left;

  text-align: left;

  line-height: 1.1em;

}



.lb-data .lb-caption {

  font-size: 13px;

  font-weight: bold;

  line-height: 1em;

}



.lb-data .lb-number {

  display: block;

  clear: left;

  padding-bottom: 1em;

  font-size: 12px;

  color: #999999;

}



.lb-data .lb-close {

  display: block;

  float: right;

  width: 30px;

  height: 30px;

  background: url(//douglasniedt.com/photogallery/close.png) top right no-repeat;

  text-align: right;

  outline: none;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

  opacity: 0.7;

  -webkit-transition: opacity 0.2s;

  -moz-transition: opacity 0.2s;

  -o-transition: opacity 0.2s;

  transition: opacity 0.2s;

}



.lb-data .lb-close:hover {

  cursor: pointer;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  opacity: 1;

}

 a.button3{
display:inline-block;
padding: .9em 1.2em 1.1em 1.2em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:500;
font-size:120%;
color:#FFFFFF;
background-color:#ff0000;
text-align:center;
transition: all 0.2s;
}
a.button3:hover{background-color:blue;
}
@media all and (max-width:30em){
a.button3{
display:block;
margin:0.2em auto;
margin-bottom:50px;
}
}

	@media screen and (max-width: 1000px){
		.myBoxesVideoBackground{
			width: 100% !important;
		}
		.video-container{
			position:relative;
			padding-bottom:56.25%;
			padding-top:30px;
			height:0;
			overflow:hidden;
		}
		.video-container iframe, .video-container object, .video-container embed {
			position:absolute;
			top:0;
			left:0;
			width:100% !important;
			height:100%;
		}
		.myBoxesWhiteBackground p{
			margin-top: 0 !important;
		}
	}