@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{ height: max-content;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(0,0,0) 8%, rgb(119,31,31) 43%, rgb(188,58,58) 66%, rgb(255,66,63) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,rgb(0,0,0)), color-stop(43%,rgb(119,31,31)), color-stop(66%,rgb(188,58,58)), color-stop(100%,rgb(255,66,63))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(0,0,0) 8%,rgb(119,31,31) 43%,rgb(188,58,58) 66%,rgb(255,66,63) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(0,0,0) 8%,rgb(119,31,31) 43%,rgb(188,58,58) 66%,rgb(255,66,63) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(0,0,0) 8%,rgb(119,31,31) 43%,rgb(188,58,58) 66%,rgb(255,66,63) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(0,0,0) 8%,rgb(119,31,31) 43%,rgb(188,58,58) 66%,rgb(255,66,63) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ff423f',GradientType=0 ); /* IE6-9 */}


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

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover, a:hover.menuheader, a:hover.menuheader span.small, a:hover.Footnav { color: #06e; }
a:focus { outline: thin dotted; }

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

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

.clearfix, .clearfix:before, .clearfix:after{
  clear:both;
}
.clearfix:before, .clearfix:after{
  content:"";
}
 
/* =============================================================================
TEXT
   ===============================#F7EEDF=========================================== */
body, button, input, select, textarea { font-family: Times, Times New Roman, serif; color: #ffffff; }

.text { font-family: Arial, helvetica, sans-serif; color:#000000; font-size:18px;}

.texthead{font-family: Arial, helvetica, sans-serif; color:#000000; font-size:20px; margin-bottom:12px; }
	 
.textinfo{ font-family: Arial, helvetica, sans-serif; color:#bbada4; font-size:20px; }

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

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

h3{ font-size:24px; }

h4{ font-size:22px;}

.phone{font-size:16px; text-decoration:none; color:#bbada4;  margin-left:12%;  margin-right:12%; }
.larger{ font-size:20px;}
.about, p.about{color:#000000; text-align:left; line-height: 20px; font-size:20px;}


/* =============================================================================
   HOME PAGE
   ========================================================================== */

body.home #sidenav{ z-index:4; margin-top: -60px; }
 
body.home .album .image-wrapper-h{  height:auto; position:absolute; margin:20; padding-top:6px; padding-bottom:20px; padding-right:24px; }
  
 body.home .album .image-wrapper-h .shadow{  height:auto; max-width:360px;   margin:0 auto;   box-shadow: 6px 8px 16px hsla(0,0%,0%,0.90); } 

body.home #textblock {margin-top:60px!important;}

 body.home .album {min-height:775px; position:relative; }
 
 body.home .album #imageONE{height: 314px; max-width: 190px; z-index: 2; top: 240px; left: 40px;} 
 body.home .album #imageTWO{height: 343px; max-width: 269px; z-index: 3; top: -15px; left: 600px;} 
      body.home .album #imageTHREE{  height:386px; max-width:258px; z-index:0; top:-16px; left:856px;} 
      
   body.home .album #imageFOUR{  height:188px; max-width:253px; z-index:2; top:360px; left:574px;} 
   
	 body.home .album #imageFIVE{  height:260px; max-width:203px; z-index:4; top:250px; left:300px;} 
	
	 body.home .album #imageSIX{  height:246px; max-width:332px; z-index:1; top:540px; left:10px;}	  
	  body.home .album #imageSEVEN{  height:386px; max-width:247px; z-index:1; top:220px; left:1120px;} 
	   body.home .album #imageEIGHT{  height:246px; max-width:314px; z-index:4; top:550px; left:1080px;} 
	    body.home .album #imageNINE{  height:272px; max-width:215px; z-index:0; top:400px; left:858px;} 
	
		 body.home .album #imageTEN{  height:383px; max-width:256px; z-index:2; top:-40px; left:300px;} 
		  body.home .album #imageELEVEN{  height:224px; max-width:329px; z-index:2; top:570px; left:510px;} 
		   body.home .album #imageTWELVE{  height:242px; max-width:359px; z-index:1; top:-30px; left:1070px;} 
		   
		   body.portraits #imageEIGHT{max-width:390px;} 
		   body.portraits #imageEIGHT .shadow{max-width:352px;}
		   	   body.portraits #imageONE{max-width:390px;} 
		   body.portraits #imageONE .shadow{max-width:352px;}
/* =============================================================================
   STRUCTURE  top down
  ================================== =====#FFFEFA=================================== 
body#proof .doublewide{  padding: 20px;
  resize: both;
  position: relative;
}
  
  body#proof .album{min-height: 400px;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;}
  
  .ui-resizable-se {
  height: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}
*/
  
 .doublewide{margin-left:auto; margin-right:auto; text-align:center; max-width:1430px; }
 
  /* ==++++++++ HEADER +++++++++== */
  /* =============================================================================
                 HEADER
   ========================================================================== */
  	 
header {  top:0px; width:100%; alignment-baseline:middle; z-index:10; margin-top:4px;  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: Times, Times New Roman, serif;  font-weight: normal; font-style: normal; 	}

a.MainnavTitle{font-size: 60px!important; letter-spacing: .05em; color:#ffffff;	margin-bottom:-12px;}

a.MainnavSubTitle {font-size: 36px!important; margin-left: 25%; margin-top:-18px; margin-bottom:1.5%; letter-spacing: .05em;color:#879eb5; }

/*- ============================  CONTENT / PAGES ==========================================  -*/
  /* ==================================================================== */

#folio { margin-top:0px;   text-align: left;   vertical-align:top; min-height: 1200px;}



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

#sidenav{ padding-left: 8px; padding-right: 8px; padding-bottom: 4px; padding-top: 16px; width: 250px; height:auto; position:absolute; margin-top:0px; }

.navbutton li{margin-bottom: 1%;}

  body.home #homelink2, body.studio #studiolink, body.exhibitions #forceslink, body.architectural #architecturallink, body.art #artlink, body.forces #forceslink, body.marine #marinelink, body.music #musiclink, body.photo #forceslink, body.portraits #portraitslink, body.special #speciallink, body.about #aboutlink { background:hsla(358,89%,93%,0.30); }

a.Mainnav{ color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b6975+0,92bedb+100 */
background: #879eb5;/* Old browsers */
background: -moz-linear-gradient(top, #4b6975 0%, #86a8c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4b6975 0%,#86a8c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4b6975 0%,#86a8c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b6975', endColorstr='#86a8c9',GradientType=0 ); /* IE6-9 */}


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

a:hover.Mainnav { color: #000000; opacity:1; background: #f2f0e1;}

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

.Mainnav {padding: 5%;  -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}

.Mainnav {font-size: 26px;  font-weight:normal;}

.Mainnav { border-width:0px; font-family: Times, Times New Roman, serif; color:#ffffff; text-decoration:none;	}

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

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

a.pTWO {text-decorcation: none!important;}

/*- ==================== end main side navigation ==================   -*/
/* =============================================================================
   Album and continued CONTENT
   ========================================================================== */

  
  
.album{ max-width:1200px; min-width:300px; padding: 10px;  float:left; text-align: left; vertical-align:top; min-height:700px; padding-left:300px; }

body.art .album{min-height:600px;}

.album .image-wrapper-h, a.Mainnav{  height:auto; max-width:290px; position: relative;   margin:20; display: inline-block; padding-top:6px; padding-bottom:20px; padding-right:24px; } 
/*.album .image-wrapper-v{  width:auto; max-height:290px; max-width:290px;  position: relative;  margin:10;  display: inline-block; } 	*/

.album .image-wrapper-h .shadow, a.Mainnav{  height:auto; max-width:252px;   margin:0 auto;   box-shadow: 6px 8px 16px hsla(0,0%,0%,0.90); } 
/*.album .image-wrapper-v .shadow{  width:auto; max-height:252px; max-width:252px;    margin:0 auto;  box-shadow: 6px 6px 10px #000000;} */	 


.album .image-wrapper-h{  height:auto; max-width:290px; position: relative;   margin:20; display: inline-block; padding-top:6px; padding-bottom:20px; padding-right:24px; }

.album .image-wrapper-v{  width:auto; max-height:290px; max-width:290px;  position: relative;  margin:10;  display: inline-block; }

.album .image-wrapper-h .shadow{  height:auto; max-width:252px;   margin:0 auto;   box-shadow: 6px 6px 10px #000000; }

.album .image-wrapper-v .shadow{  width:auto; max-height:252px; max-width:252px;    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:-10px; color:#000000; text-align:justify; background: #f2f0e1; height:auto;  position: relative;   margin-bottom:20px ;  padding-top:6px; padding-left: 3%; padding-bottom:10px; padding-right:3%; height:auto;     box-shadow: 6px 8px 16px hsla(0,0%,0%,0.90);}

#textblock p{line-height: 18px; font-size:18px;}

#textblock p.emph{line-height: 20px; font-size:20px;}

/* =============================================================================
   FOOTER
   ========================================================================== */
	/* ============== Footer Navigation +++++++++++++++++ */
	
.left{text-align:left; padding-right:20%;}

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

p.copy{font-size:16px; font-color:#F7EEDF; font-family: Times, Times New Roman, serif; padding-top:6px; padding-bottom:12px;}

.navbutton .Footnav {	font-family: Times, Times New Roman, serif; color:#000000; text-decoration:none; font-size: 16px; 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.map #maplinkFOOT, body.foodmenu #menulinkFOOT,body.contact #contactlinkFOOT , body.videoslist #videoslinkFOOT, body.about #aboutlinkFOOT{color:#4F5388; 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 1024
\*------------------------------------*/

@media only screen and (max-device-width: 1024px){
.mobileonly {visibility:hidden;	}

body { margin: 0; font-size: 16px; line-height: 1.231; }

#sidenav{  width: 212px; height:auto; position:relative!important; margin-top:0px; display: inline-block; padding-left:45px;}

 body.home #sidenav{ margin-top:40px!important; z-index:4; position:relative!important; inline-block; }
}

/*------------------------------------*\
	max-width: 800px
\*------------------------------------*/
@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;}

 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:45px;}

 body.home #sidenav{ margin-top:40px!important; z-index:4; position:relative!important; inline-block; }
}

/*------------------------------------*\
	max-width: 650px
\*------------------------------------*/
@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:18px; margin-top:-30px; margin-bottom:35px;}

.Mainnav {font-size: 18px; padding: 18px 18px; 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:20%;}

 body.home #sidenav{ margin-top:40px!important; z-index:4; position:relative!important; inline-block; }
 
 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;}
}

/*------------------------------------*\
	max-width: 480px
\*------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
.mobileonly {visibility:visible;}

.desktoponly {visibility:hidden;}

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

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

div#logos{line-height:20px; margin-top:4px; margin-left:4px; }

.Mainnav {font-size: 18px; padding: 18px 18px; 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: 18px!important; margin-left: 25%; margin-top:-18px; margin-bottom:1.5%; letter-spacing: .05em;}

p.menu, li.menu{  font-size:18px; }

#sidenav{  width: 212px; height:auto; position:relative!important; margin-top:0px; display: inline-block; padding-left:20%;}

 body.home #sidenav{ margin-top:40px!important; z-index:4; position:relative!important; inline-block; }
 
 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;}
}

/*------------------------------------*\
	max-width: 450px
\*------------------------------------*/
@media (max-width: 450px) {
.mobileonly {visibility:visible;}

.desktoponly {visibility:hidden;}

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

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

div#logos{line-height:20px; margin-top:4px; margin-left:4px; }

.Mainnav {font-size: 18px; padding: 18px 18px; 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: 18px!important; margin-left: 25%; margin-top:-18px; margin-bottom:1.5%; letter-spacing: .05em;}

p.menu, li.menu{  font-size:18px; }

#sidenav{  width: 212px; height:auto; position:relative!important; margin-top:0px; display: inline-block; padding-left:20%;}

 body.home #sidenav{ margin-top:40px!important; z-index:4; position:relative!important; inline-block; }
 
 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:0px!important;}
	    }


/*------------------------------------*\
	max-width: 350px
\*------------------------------------*/
@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:16px; margin-top:-30px;  margin-bottom:35px;}

div#logos{line-height:20px; margin-top:4px; margin-left:4px; }

.Mainnav {font-size: 18px; padding: 18px 18px; margin-right:1.5%; margin-bottom:2%; -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: 18px!important; margin-left: 25%; margin-top:-18px; margin-bottom:1.5%; letter-spacing: .05em;}

p.menu, li.menu{  font-size:18px; }

#sidenav{  width: 212px; height:auto; position:relative!important; margin-top:0px; display: inline-block; padding-left:20%;}

 body.home #sidenav{ margin-top:40px!important; z-index:4; position:relative!important; inline-block; }
 
 body.home .album .image-wrapper-h{ position: static!important;  display: inline-block!important; } 

a:link.Mainnav, a:visited.Mainnav { text-align: center; padding-top: 4px; 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
\*------------------------------------*/