body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin:0;
    padding:0;
}

@font-face {
    src:  url(../type/Radley-Italic.ttf);
    font-family: "Radley-Italic";
}
/*@font-face {
    src: url(../type/Quicksand_Book.ttf);
    font-family: "Quicksand_Book";
}*/
@font-face {
    src: url(../type/ITCAvantGardePro-Md.otf) format('opentype');
    font-family: "AvantGarde";
}
@font-face {
    src: url(../type/ITCAvantGardePro-Bk.otf) format('opentype');
    font-family: "AvantGardeBk";
}
body {
    font:14px/20px Arial, Helvetica, sans-serif;
    background:#7e8386;/*url(../img/bg-content.jpg)*/
    min-width: 320px;
}
.fancybox-close {
  /* position: absolute; */
  /* top: 0;
  right: 0; */
  z-index: 9999;
}
.cycle-prev, .cycle-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10000;
  background-color: #f0f0f0;
  color: #333;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 0 1px 2px rgba(255,255,255,0.8);
  transition: background-color 0.3s ease, color 0.3s ease;
  z-index: 10000;
  cursor: pointer;
}
.cycle-next:hover, .cycle-prev:hover {
  background-color: #e0e0e0;
  color: #000;
}
.cycle-prev {
  left: 5px;
}
.cycle-next {
  right: 5px;
}
.cycle-prev i, .cycle-next i {
  margin: 8px;
}

h1, h2, h3, h4, h5, h6 {
    font:28px/40px Arial, Helvetica, sans-serif;
    margin:0 0 1em 0;
    color: #292a2a;
    letter-spacing:1px;
    text-rendering: optimizeLegibility;
}
p, td, th {
    font:14px/16px georgia, serif;
    color:#3c3d3d;
}
p + p {
    margin-top:0.6em;
}

a {
    color:#3c3d3d;
    text-decoration:underline;
}

a:hover {
    color:#3c3d3d;
    text-decoration:underline;
}
p a:hover, 
li a:hover, 
.dropdown-menu li a:hover {
    background:#3c3d3d;
    color:#fff;
    text-decoration:none;
    text-shadow:none;
}
.dropdown-menu li a {
    text-decoration:none;
}
a:active {
    
}
*:focus {outline: none;}
a img {
    border:none;
}
a:hover img {
    text-decoration:none;
}
img {
    vertical-align:bottom;
}
.grey {
    color:#aaa;
}
.cell {
	display: block;
	min-width: 100%;
	min-height: 440px;
	position: relative;
	/* border: 11px solid #7e8386; */
	background: #fffbf2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#holder {
    display: block;
    /* border: 7px solid #fff; */
    min-width: 100%;
    min-height: 440px;
    position: relative;
    background: #fffbf2;
    z-index: 10;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
}
.dark .cell,
.dark #holder {
    background: #3c3d3d;
}
#menu2 {
    font:normal 24px/40px Arial, Helvetica, sans-serif;
    text-shadow: #fff 1px 1px 0;
    z-index: 12;
    position: absolute;
    top: 20px;
    right: 30px;
    color: #292a2a;
    letter-spacing:1px;
}
#menu2 > a {
    text-decoration: none;
    cursor: pointer;
}
#menu2.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#menu2 .dropdown-menu {
    margin-top: -10px;
}

#nav {
    position: absolute;
    right: 0;
    top: 0;
    text-shadow: #fff 1px 1px 0;
}

#brand {
    font:normal 28px/40px Arial, Helvetica, sans-serif;
    text-shadow: #fff 1px 1px 0;
    z-index: 12;
    position: absolute;
    top: 20px;
    left: 30px;
    color: #292a2a;
    letter-spacing:1px;
}
.fontface #brand {
    font: 22px/40px AvantGardeBk;
}
#tagline {
    font: normal 45px/50px Arial, Helvetica, sans-serif;
    text-shadow: #fff 1px 1px 0;
    z-index: 20;
    color: #292a2a;
    position: absolute;
    left: 10%;
    top: 70%;
}
.fontface #tagline {
    font: 47px/50px AvantGarde;
}
#brand a, #brand a:hover, #nav a, #nav a:hover {
    text-decoration: none;
    color: #292a2a;
    letter-spacing:1px;
}
.dark #brand > a,
.dark #menu2 > a {
    color: #fff;
    text-shadow: #3c3d3d 1px 1px 0;
}
.fontface #nav {
    font: 15px/40px AvantGarde;
}
.fontface h3 {
    font: 22px/26px Radley-Italic;
}
.popover-title { display: none;}

.fancybox-inner {
    background: #fffbf2;
}
.fancybox-skin {
    background: #ffffff;
}
.project {
    clear: both;
	padding-bottom: 2em;
}
.project-header {
    font:normal 28px/30px Arial, Helvetica, sans-serif;
    text-shadow: #fff 1px 1px 0;
    color: #292a2a;
    letter-spacing:1px;
    margin-bottom: .5em;
}
.fontface .project-header {
    font: 30px/36px AvantGardeBk;
}
.project .project-details {
	float: right;
	margin: 0 3.3% 0 0;
	padding-top: 2em;
	width: 42%;
}
.project p {
    text-shadow: white 1px 1px 0;
}
.project .project-imgs {
	float: left;
	margin: 2.5% 0 0 2.5%;
	position: relative;
	width: 49%;
    max-width: 390px;
}
.project .project-imgs img {
    box-shadow: 0px 0px 10px #eeeeee;
}
/*-------- resize stuff ----------*/

@media (max-width: 560px) {
	.fontface #tagline {
        font-size: 30px;
    }
    .fontface #brand {
	    font-size: 16px;
	}
	/* .cell, #holder {
	    border-width: 4px;
	} */
	#brand {
	    top: 10px;
	    left: 20px;
	}
	.project .project-details {
	    float: none;
	    margin: 0 auto;
	    padding-top: 1.4em;
        padding-bottom: 1.4em;
	    width: 90%;
	}
    .project .project-imgs {
        float: none;
        width: 90%;
		margin: 0 auto;
		max-width: 390px;
		overflow: hidden;
    }
	#menu2 {
	    top: 10px;
	    right: 20px;
	}
}