/* ==== HTML5 =====================================================
============================================================= */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ==== main =====================================================
============================================================= */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 11px; line-height: 1.231;}
body, button, input, select, textarea { font-family: sans-serif; color: grey; background-color: hsla(1,1%,95%,0.0); }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

/* ==== links =====================================================
============================================================= */

a { color:black; text-decoration: none; }
a:visited { color:black; }
a:hover { color: grey;  }
a:focus { outline: thin dotted; }
a:active { outline: 0; background-color: #fe57a1; color: #fff; text-shadow: none;}

/* ==== type =====================================================
============================================================= */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

p{font-size:12px;font-family: 'AllerRegular';color: #999;}
h1{color:#999;text-transform: uppercase; letter-spacing: 2px;font-size: 24px;
font-family: 'QuicksandBook';}
h2{color: #fff;text-transform: uppercase; letter-spacing: 2px;font-size: 26px;background-color:#ccc;padding:10px;
font-family: 'QuicksandBook';}
h3{color: #999;font-size:17px;letter-spacing: -1px;text-transform: uppercase;
font-family: 'QuicksandBook';}
h4{color: #000;text-transform: uppercase;font-size: 10px;
font-family: 'QuicksandBook';}

/* ==== forms =====================================================
============================================================= */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Potter & Web LTD, email@potterandweb.com
   ========================================================================== */

.left{float:left;}
.black{color: #000;}

/*///////////// 404 //////////////*/

#blam{height:auto; width:980px;text-align: center;padding-top:50px;padding-bottom: 50px;}

/*/////////////SITE WIDE ////////////////*/

#container{position:absolute;z-index: 0;width:980px;height:auto;left:50%;margin-left: -490px;}
#logo{width:200px;height:25px;text-align: center;margin:0px auto;margin-top:50px;margin-bottom: 10px;}
nav{width:980px;height:20px;text-align: center;font-family: 'QuicksandBook';text-transform: uppercase;letter-spacing: 2px;color:black;}
nav a:hover{color:black;font-family: 'QuicksandBold';text-decoration:none;}
nav a:active{color:white;font-family: 'QuicksandBold';text-decoration:none;background-color: #fe57a1;}
.on{color:black;font-family: 'QuicksandBold';}
#main{width:980px;height:auto;margin:0px auto;padding-top:10px;padding-bottom:10px;}
#main li{display:block;}
.galleries{height:auto;width:500px;margin:0px auto;}
footer{width:980px;height:auto;text-align: center;font-family: 'AllerRegular';color:gray;padding-bottom:40px;font-size: 10px;letter-spacing: 1px;}
footer a{font-family: 'AllerBold';padding:0px;}
footer a:hover{border-bottom: 1px dotted black}
.fb-like{float:left;padding-top: 6px;}
#socialmedia{height:30px;width:180px;margin:0px auto;margin-bottom:10px;padding-right:15px;}
#socialmedia img{float:left;opacity: 0.6;}
#socialmedia img:hover{opacity: 1;}

/*/////////////SITE MAP ////////////////*/

#sitemap{width:430px;height:auto;margin:0px auto;margin-top:50px;margin-bottom:50px;}
#sitemap a {font-size: 16px;}
#sitemap a:hover {color:grey;}

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

.slideshow{width:800px;height:450px;margin:0px auto;}

/*////////////BIOGRAPHY PAGE/////////////*/

#biog{height:auto;width:430px;margin: 0px auto;margin-top: 20px;margin-bottom: 100px;}
.interview{font-size:12px;font-family: 'AllerRegular';color: #666;}
.initial{font-family: 'AllerBold';color: #000;font-size:1.1em;}

/*////////////WORK PAGE/////////////*/

#grid{width:700px;height:auto;text-align: center;margin:0px auto;}
#grid img:hover{-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.2);-moz-box-shadow:0px 1px 5px rgba(50, 50, 50, 0.2);
box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.2);}
.pop_info{width:680px;height:auto;padding:10px;margin-left:-10px;text-align: center;color: black; background-color: white;float:left;
-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}

/*////////////MATTER PAGE/////////////*/

#grid{width:700px;height:auto;text-align: center;margin:0px auto;}
#grid img:hover{-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.2);-moz-box-shadow:0px 1px 5px rgba(50, 50, 50, 0.2);
box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.2);}
.pop_info{width:680px;height:auto;padding:10px;margin-left:-10px;text-align: center;color: black; background-color: white;float:left;
-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}

/*////////////PRINT PAGE/////////////*/

#grid{width:700px;height:auto;text-align: center;margin:0px auto;}
#grid img:hover{-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.2);-moz-box-shadow:0px 1px 5px rgba(50, 50, 50, 0.2);
box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.2);}
.pop_info{width:680px;height:auto;padding:10px;margin-left:-10px;text-align: center;color: black; background-color: white;float:left;
-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}

/*	/////////// REVEAL /////////////// */

.port{min-height:150px;max-height:260px;width:200px;margin:15px;margin-bottom:5px;margin-top:5px;float:left;}
.port img{max-width: 200px;max-height:260px;}
.break{width:700px;height:20px;float:left;}
.display{height:auto;width:660px;vertical-align: middle;text-align: center;float:left;}
.display img{text-align: center;max-width:660px;}
.reveal-modal-bg { position: fixed; height: 100%;width: 100%;background: #ccc;background: rgba(0,0,0,0.2);z-index: 100;display: none;top: 0;left: 0; }
.reveal-modal {visibility: hidden;top: 80px; left: 50%;margin-left: -340px;width: 680px;height: auto;background: #fff;position: absolute;z-index: 101;padding: 10px;
-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.reveal-modal_land {visibility: hidden;top: 80px; left: 50%;margin-left: -490px;width: 980px;height: 500px;background: #fff;position: absolute;z-index: 101;
padding: 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.reveal-modal .close-reveal-modal {font-size: 22px;line-height: .5;position: absolute;top: 8px;right: 11px;color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;cursor: pointer;} 
.reveal-modal_land .close-reveal-modal {font-size: 22px;line-height: .5;position: absolute;top: 8px;right: 11px;color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;cursor: pointer;} 


/*////////////CONTACT PAGE/////////////*/

#contact{height:auto;width:430px;margin: 0px auto;text-align: center;padding-top:100px;padding-bottom:100px;}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: center; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.block{display:block;}

/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {}

@media only screen and (min-width: 768px) {}



/* ==|== print styles ======================================================= */
 
<link rel="stylesheet" type="text/css" href="print.css" media="print" />

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  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: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  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; }
}