@charset "utf-8";

/* =============================================================================
============================================================#19141D=========#030202===== */

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

body { margin: 0; font-size: 14px; line-height: 1.231; 
background:#000000;
      
}
#wrapper{Margin-top: 0;
background: #020202; /* Old browsers */
background: -moz-linear-gradient(top,  #020202 0%, #8abbd7 41%, #066dab 71%, #7c7c7c 90%, #000202 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #020202 0%,#8abbd7 41%,#066dab 71%,#7c7c7c 90%,#000202 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #020202 0%,#8abbd7 41%,#066dab 71%,#7c7c7c 90%,#000202 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#000202',GradientType=0 ); /* IE6-9 */
 }

.mobileonly {visibility:hidden;}
.desktoponly {visibility:visible}

a { color: #cefafb; }
a:visited { color: #cefafb; }
a:hover, a:hover.menuheader, a:hover.menuheader span.small, a:hover.Footnav { color: #cefafb; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

a:hover, a:active { outline: 0; }

 
/* =============================================================================
TEXT
   ===============================#F7EEDF=========================================== */

.text { font-family: "Courier New", Courier, monospace; color:#ffffff; font-size:16px;}

.texthead{font-family: "Courier New", Courier, monospace; color:#ffffff; font-size:18px; margin-bottom:12px; }
	 
.textinfo{ font-family: "Courier New", Courier, monospace; color:#ffffff; font-size:18px; }

h1{ font-size:100px; padding-bottom: 12px; padding-top:12px; margin-top:0px; margin-bottom:0px;} 

h2{ font-size:20px; margin-top:-30px; margin-bottom:35px;}

h3{ font-size:22px; }

h4{ font-size:20px;}

.phone{font-size:16px; text-decoration:none; color:#ffffff;  margin-left:12%;  margin-right:12%; }
.larger{ font-size:20px;}
 .about{color:#ffffff; text-align:left; font-family: "Courier New", Courier, monospace;} 
/* =============================================================================
   HOME PAGE
   ========================================================================== */

 

.album .image-wrapper-h{  height:auto; max-width:315px; position: relative;   margin:20; display: inline-block; padding-top:6px; padding-bottom:20px; padding-right:14px; } 
/*.album .image-wrapper-v{  width:auto; max-height:340px; max-width:340px;  position: relative;  margin:10;  display: inline-block; } 	*/
.album .image-wrapper-h .shadow{  height:auto; max-width:300px;   margin:0 auto;   box-shadow: 6px 8px 16px hsla(0,0%,0%,0.90); } 
/*.album .image-wrapper-v .shadow{  width:auto; max-height:300px; max-width:300px;    margin:0 auto;  box-shadow: 6px 6px 10px #000000;} */	 




 


/* =============================================================================
   STRUCTURE  top down
  ================================== =====#FFFEFA=================================== */
  
 .doublewide{margin-left:auto; margin-right:auto; text-align:center; max-width:1412px; }
 
  /* ==++++++++ HEADER +++++++++== */
  	 
header {  top:0px; width:100%; alignment-baseline:middle; z-index:10; margin-top:0px;  background-repeat:no-repeat;  background-attachment:local; } 
   
div#logos{
	line-height:54px; margin-top:24px; margin-left:-8%; }
	

a.MainnavTitle, a.MainnavSubTitle { 	vertical-align:middle; text-decoration:none; font-family:"Courier New", Courier, monospace; color:#ffffff; font-weight: normal; font-style: normal; 	}
a.MainnavTitle{font-weight: bold; font-size: 48px!important; 	margin-bottom: 12px;}
a.MainnavSubTitle {font-size: 48px!important; margin-left: 25%; margin-top:-18px; margin-bottom:1.5%; letter-spacing: .05em;}

/*- ============================  CONTENT / PAGES ==========================================  -*/
#folio { margin-top:0px;   text-align: left;   vertical-align:top; }

/* ============== Main Side Navigation +++++++++++++++++ */

#sidenav{ padding-left: 14px; padding-right: 10px; padding-bottom: 2px; padding-top: 14px; width: 212px; height:auto; position:absolute; margin-top:0px; }

navbutton{}

     body.home #homelink, body.disco #discolink, body.about #aboutlink { background-color:hsla(358,89%,93%,0.30); }

a.Mainnav, a.MainnavTitle { color: #ffffff; }

a:visited.Mainnav, a.MainnavTitle { color: #ffffff;}

a:hover.Mainnav, a.MainnavTitle { color: #ffffff; opacity:1;}
	
.Mainnav {font-size: 20px; padding: 6px 8px; margin-right:2%; margin-bottom:1.5%; font-weight:normal;}

.Mainnav { border-width:0px; font-family:"Courier New", Courier, monospace; color:#ffffff; text-decoration:none;	}

ul { list-style-type: none; margin: 0; padding: 0; }

a:link.Mainnav, a:visited.Mainnav { display: block;  width: 204px; text-align: justify; padding: 4px; text-decoration: none;}

a:hover.Mainnav, a:active.Mainnav { background-color: #111461;}
/*- ==================== end main side navigation ==================   -*/

.album{ max-width:1150px; min-width:300px; padding: 10px;  float:left; text-align: left; vertical-align:top; min-height:700px; padding-left:250px;}
body.art .album{min-height:600px;}

.album .image-wrapper-h{  height:auto; max-width:315px; position: relative;   margin:20; display: inline-block; padding-top:6px; padding-bottom:20px; padding-right:24px; } 
.album .image-wrapper-v{  width:auto; max-height:315px; max-width:360px;  position: relative;  margin:10;  display: inline-block; } 	
.album .image-wrapper-h .shadow{  height:auto; max-width:300px;   margin:0 auto;   box-shadow: 6px 6px 10px #000000; } 
.album .image-wrapper-v .shadow{  width:auto; max-height:300px; max-width:300px;    margin:0 auto;  box-shadow: 6px 6px 10px #000000;} 	 
.album .image-wrapper-h .shadow .imagelink{   width:100% !important; height:100% !important;  margin-bottom:16px; }
.album .image-wrapper-v .shadow .imagelink{   width:100% !important; height:100% !important;  margin-bottom:16px; }

.album .footer {text-align:center;width: 156px; border-top:solid 1px #333; color:#ffffff; font-weight:bold; padding-top: 7px; padding-bottom:7px; margin-top: 10px;}	
.album .footer a.gallerylinks{ font-size:14px; color:#ffffff!important;}

#textblock {  width:80%; position:relative; margin-top:0px; color:#ffffff; text-align:justify; }
#textblock p{line-height: 16px; font-size:16px;}
#textblock p.emph{line-height: 18px; font-size:18px;}
	/* ============== Footer Navigation +++++++++++++++++ */
.left{text-align:left; padding-right:20%;}

.right{text-align:right; padding-left:20%;}

p.copy{font-size:14px; color:#ffffff; font-family: "Courier New", Courier, monospace; padding-top:6px; padding-bottom:12px;}

.navbutton .Footnav {	font-family: "Courier New", Courier, monospace; color:#ffffff; text-decoration:none; font-size: 12px; padding: 6px 6px; margin-right:2%; font-weight:bold;}
	
#footernav { width:100%; alignment-baseline:middle;  }

footer{position:relative; margin-top: 0; margin-bottom:12px;}
	
body.home #homelinkFOOT, body.disco #discolinkFOOT, body.about #aboutlinkFOOT{color:#ffffff; text-decoration:overline; text-decoration:underline;}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

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

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================
 MOBILE and such Structure
------------------------------------------
++++++++++++++++============================
=============================================
============================================
+++++++++++++++++++=============================----- */

@media only screen and (max-width: 1480px){
   }
   
/*------------------------------------*\
	IPAD
\*------------------------------------*/

@media only screen and (max-device-width: 1024px){
.mobileonly {visibility:hidden;	}
body { margin: 0; font-size: 13px; line-height: 1.231; }
#sidenav{  width: 212px; height:auto; position:relative!important; margin-top:0px; display: inline-block; padding-left:50px;}

}

@media (max-width: 800px) { 
h1{ font-size:80px; padding-bottom: 12px; padding-top:12px; margin-top:0px; margin-bottom:0px;} 
h2{ font-size:18px; margin-top:-30px; margin-bottom:35px;}
a.MainnavTitle { font-size: 30px!important;}
a.MainnavSubTitle {font-size: 24px!important;}	
#sidenav{  width: 212px; height:auto; position:relative!important; margin-top:0px; display: inline-block; padding-left:50px;}

}

@media (max-width: 650px) {
.mobileonly {visibility:visible;}
.desktoponly {visibility:hidden;}
h1 { font-size:65px; padding-bottom: 12px; padding-top:12px; margin-top:0px; margin-bottom:0px;} 
h2 { font-size:16px; margin-top:-30px; margin-bottom:35px;}

.Mainnav {font-size: 16px; padding: 12px 12px; margin-right:2.5%; margin-bottom:2%;}
a.MainnavTitle {font-size: 24px!important;}
a.MainnavSubTitle {font-size: 18px!important;}
 body.home .album .image-wrapper-h{ position: static!important;  display: inline-block!important; } 	
#sidenav{  width: 212px; height:auto; position:relative!important; margin-top:0px; display: inline-block; padding-left:50px;}
 	div#logos{line-height:24px; margin-top:4px; margin-left:4px; }
	a.MainnavTitle{letter-spacing: .05em;	margin-bottom:-12px;}
a.MainnavSubTitle { margin-left: 25%; margin-top:-18px; margin-bottom:1.5%; letter-spacing: .05em;}

a:link.Mainnav, a:visited.Mainnav { text-align: center; padding: 0px; text-decoration: none;}
}



@media (max-width: 450px) {
.mobileonly {visibility:visible;}
.desktoponly {visibility:hidden;}
h1{ font-size:320px; padding-bottom: 12px; padding-top:12px; margin-top:0px; margin-bottom:0px;} 
h2{  font-size:14px; margin-top:-30px;  margin-bottom:35px;}

 	div#logos{line-height:20px; margin-top:4px; margin-left:4px; }
.Mainnav {font-size: 16px; padding: 12px 12px; margin-right:1.5%; margin-bottom:1%; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
a.MainnavTitle {font-size: 20px!important; padding-right:12px; letter-spacing: .05em;	margin-bottom:-12px;}
a.MainnavSubTitle {font-size: 16px!important; margin-left: 25%; margin-top:-18px; margin-bottom:1.5%; letter-spacing: .05em;}
p.menu, li.menu{  font-size:16px; } 
#sidenav{  width: 212px; height:auto; position:relative!important; margin-top:0px; display: inline-block; padding-left:50px;}

 body.home .album .image-wrapper-h{ position: static!important;  display: inline-block!important; } 

a:link.Mainnav, a:visited.Mainnav { text-align: center; padding: 0px; text-decoration: none;}
.album{ max-width:1150px; min-width:300px; padding: 10px;  float:left; text-align: center; vertical-align:top; min-height:700px; padding-left:10px!important;}
	    }

@media (max-width: 350px) {
.mobileonly {visibility:visible;}
.desktoponly {visibility:hidden;}
h1{ font-size:320px; padding-bottom: 12px; padding-top:12px; margin-top:0px; margin-bottom:0px;} 
h2{  font-size:14px; margin-top:-30px;  margin-bottom:35px;}

 	div#logos{line-height:20px; margin-top:4px; margin-left:4px; }
.Mainnav {font-size: 16px; padding: 12px 12px; margin-right:1.5%; margin-bottom:1%; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
a.MainnavTitle {font-size: 20px!important; padding-right:12px; letter-spacing: .05em;	margin-bottom:-12px;}
a.MainnavSubTitle {font-size: 16px!important; margin-left: 25%; margin-top:-18px; margin-bottom:1.5%; letter-spacing: .05em;}
p.menu, li.menu{  font-size:16px; } 
#sidenav{  width: 212px; height:auto; position:relative!important; margin-top:0px; display: inline-block; padding-left:50px;}
 body.home .album .image-wrapper-h{ position: static!important;  display: inline-block!important; } 

a:link.Mainnav, a:visited.Mainnav { text-align: center; padding: 0px; text-decoration: none;}
.album{ max-width:1150px; min-width:300px; padding: 10px;  float:left; text-align: center; vertical-align:top; min-height:700px; padding-left:10px!important;}
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
.mobileonly {visibility:visible;}
.desktoponly {visibility:hidden;}
h1{ font-size:320px; padding-bottom: 12px; padding-top:12px; margin-top:0px; margin-bottom:0px;} 
h2{  font-size:14px; margin-top:-30px;  margin-bottom:35px;}

 	div#logos{line-height:20px; margin-top:4px; margin-left:4px; }
.Mainnav {font-size: 16px; padding: 12px 12px; margin-right:1.5%; margin-bottom:1%; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
a.MainnavTitle {font-size: 20px!important; padding-right:12px; letter-spacing: .05em;	margin-bottom:-12px;}
a.MainnavSubTitle {font-size: 16px!important; margin-left: 25%; margin-top:-18px; margin-bottom:1.5%; letter-spacing: .05em;}
p.menu, li.menu{  font-size:16px; } 
#sidenav{  width: 212px; height:auto; position:relative!important; margin-top:0px; display: inline-block; padding-left:50px;}
 body.home .album .image-wrapper-h{ position: static!important;  display: inline-block!important; } 

a:link.Mainnav, a:visited.Mainnav { text-align: center; padding: 0px; text-decoration: none;}
.album{ max-width:1150px; min-width:300px; padding: 10px;  float:left; text-align: center; vertical-align:top; min-height:700px; padding-left:10px!important;}
}


@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) { }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
 @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; }
  .mobileonly {visibility:hidden;}
.desktoponly {visibility:hidden;}
}
/*------------------------------------*\
	IPHONE
	
.home
.doublewide
	#logos
.center
	#homelink
.MainnavTitle
	#aboutlink
.MainnavSubTitle
	#folio
.doublewide
	#sidenav
.navbutton
	#studiolink
	#portraitslink
	#journalismlink
	#architecturallink
	#musiclink
	#artlink
	#marinelink
	#speciallink
	#forceslink
	#aboutlink
.Mainnav
    #contact
.copy
.phone
.textinfo
.album
.image-wrapper-h
.image-wrapper-v
   #imageONE
   #imageTWO
.textblock
.center
    #footernav
.navbutton
    #studiolinkFOOT
.Footnav
    #portraitslinkFOOT
    #journalismlinkFOOT
    #architecturallinkFOOT
    #musiclinkFOOT
    #artlinkFOOT
    #marinelinkFOOT
    #eventlinkFOOT
    #forceslinkFOOT
    #aboutlinkFOOT
\*------------------------------------*/