/* Website for Peter D Brown Photo */
/* created by David Laskey  */
/* http://www.davidlaskeyphoto.com/ */


/*  IMAGE HEIGHTS AND LOCATIONS FOR LOGO ETC*/

#logo_container img {
	margin: 0;
	padding:0;
	height:125px;
	}
	
#general {
	position:relative;
	top: 125x;
	padding: 0px;
	width: 900px;
	margin: 0 auto;
	padding: 20px;
}

#portOverflow {
	overflow:hidden; 
	overflow-x: scroll;
}

/* Calculation on width is smallest num of images, right now 14 using formula below */
#portfolio {
	position:relative;
	top: 130px;	
	padding: 0px;
	height: 900px;
	padding:0px;
	width: 9550px;
}

#portfolio img {
	margin: 0;
	padding:0;
	height:900px;
	}


/*  PORTFOLIO WIDTHS */

/*  CUSTOM SECTION FOR DIFFERING PORTFOLIO PAGES
Calculations for sample sizes 900px height -> 675 width, 750px -> 563, 600px -> 450, 350px -> 263, 250px -> 188

    Should use number of images + 1 + 100 i.e.  p16imgs (900 height)  = ( (16 + 1) * 675 ) + 100 = 11575
*/

.p16imgs {
	width: 11575px;	
}

.p26imgs {
	width: 18325px;	
}

.p31imgs {
	width: 21700px;	
}

.p33imgs {
	width: 23050px;	
}

.p51imgs {
	width: 35200px;	
}

.p52imgs {
	width: 35850px;	
}

.p53imgs {
	width: 36550px;	
}



.nav {
  
	position:fixed;
	left: 0px; top: 1030px;
	margin: 0 auto;
	width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav.left_aligned_menu { text-align: left;}
.nav { text-align: center;}
.nav .menu_wrap {  font-size: 0;}


#menu ul { list-style-type:none; }
#menu > li {
  margin-bottom: 1px;
  padding: 0 62px 0 0;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display:inline;
  white-space: nowrap;

}


#sidenav {
  
 	font-size:0.75em; 
	width:200px;
	position:relative;
	top: 150px;

}
#sidenav ul { margin:0; padding:0; }
#sidenav li { list-style: none; }
	
ul.top-level { background:#666; }

ul.top-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;
}

#sidenav a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 10px;                   
 text-decoration:none;
 width:100%;
}

#sidenav a:hover{
 text-decoration:underline;
}

#sidenav li:hover {
 background: #f90;
 position: relative;
}

ul.sub-level {
    display: none;
}

li:hover .sub-level {
    background: #999;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 75px;
    top: 5px;
}

ul.sub-level li {
    border: none;
    float:left;
    width:200px;
}

/*Seconda Level*/
#sidenav .sub-level {
    background: #999;
}

/*Third Level*/
#sidenav .sub-level .sub-level {
    background: #09C;
}


img.teaser {background-image:url("https://peterdbrownphoto.com/images/blank2.jpg");}

@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}