h1 { font-family:"Museo Sans W01_300", sans-serif; font-size:34px; line-height:34px; letter-spacing:10px; text-transform:uppercase;font-style:normal; font-weight:normal; margin:0; padding:0; }
h2, h3, h4, h6 { color:#000; font-style:normal; font-weight:normal; margin:0; padding:0; }
h2, h3, h4 { font-family:"Museo Sans W01_500", sans-serif; font-size:21px; line-height:21px; }
h2 { letter-spacing:3px; text-transform:uppercase; margin-bottom:40px; }
h4 { letter-spacing:3px; text-transform:uppercase; font-size:11px; line-height:19px; }

.nb { background-color:#f0f0f0; margin-bottom:20px; padding:40px 0 0 0; }
.nb.last { margin-bottom:0; }
.nb-container { background-color:#f0f0f0; margin:36px 0 0 0; padding:0; border:20px #d3d3d3 solid; clear:both; }
.nb-biography { background-color:#f0f0f0; text-align:left; position:relative; margin:0; padding:0 0 110px 0; display:inline-block; vertical-align:top; border:20px solid #fff; clear:both; }
.biography { position:relative; margin:20px auto 0 auto; padding:0 25%; display:inline-block; }
.biography p { font-family:"Museo Sans W01_300", sans-serif; }
.biography p img { background-color:#fff; height:280px; margin:0 20px 10px -25%; padding:10px; display:block; float:left; border:10px #aaa solid; }
.biography em { font-size:12px; line-height:19px; }
.biography p.note { font-size:11px; line-height:19px; width:45%; padding-top:19px; }
.biography p.note em { font-size:10px; line-height:19px; width:45%; }

.group-photos { background-color:#d3d3d3; margin:20px auto 0 auto; padding:20px 0 0 0; border:20px #d3d3d3 solid; clear:both; }
.nb-photos { background-color:#f0f0f0; text-align:left; position:relative; margin:0; padding:0 0 150px 0; display:inline-block; vertical-align:top; border:20px #fff solid; clear:both; }
.photos { background-color:transparent; text-align:center; position:relative; margin:20px auto 0 auto; padding:0; display:inline-block; }
.photos p { background-color:#fff; font-size:0; position:relative; height:426px; margin:0 3px 7px 3px; padding:0; display:inline-block; vertical-align:top; }
.photos p a { background-color:#fff; padding:20px; display:inline-block; border:1px #fff dotted; }
.photos p img { height:280px; display:block; border:1px #ddd solid; }
.photos p span { color:#000; font-size:11px; margin:20px 0 3px 0; padding:0; display:block; }
.photos p a:hover img, .photos p a:focus img, 
.photos p a:hover span, .photos p a:focus span { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; }

@media screen and (min-width: 1152px) {
}
@media screen and (min-width: 1024px) and (max-width: 1151px) {
}
@media screen and (min-width: 896px) and (max-width: 1023px) {
}
@media screen and (min-width: 768px) and (max-width: 895px) {
.biography { padding:0 12.5%; }
.biography p img { margin:0 20px 10px 0; }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.biography { margin:20px 20px 0 20px; padding:0; display:block; }
.biography p img { margin:0 20px 10px 0; }
}
@media screen and (min-width: 481px) and (max-width: 639px) {
h1 { margin-left:20px; margin-right:20px; }
h2 { margin-left:20px; margin-right:20px; }
.biography { margin:20px 20px 0 20px; padding:0; display:block; }
.biography p img { margin:0 20px 10px 0; float:none; }
.photos p { height:auto; margin:0 20px 7px 20px; }
.photos p img { width:100%; height:auto; }
}
@media screen and (max-width: 480px) {
h1 { font-size:28px; line-height:30px; margin-left:20px; margin-right:20px; }
h2 { font-size:28px; line-height:30px; margin-left:0; margin-right:0; }
.biography { margin:20px 20px 0 20px; padding:0; display:block; }
.biography p img { margin:0 0 10px 0; float:none; }
.photos p { height:auto; margin:0 20px 7px 20px; }
.photos p img { width:100%; height:auto; }
}