@charset "utf-8";

html { 
  background: url(images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {}
h1, h2, h3 {font-family: 'Open Sans', sans-serif; font-weight:400;}
h1 {font-size:18px; color:#606060; text-align:center; padding-bottom:25px; text-align:center; border-bottom:2px solid #f0f0f0; margin-bottom:40px;}
h2 {font-size:26px; color:#686868; text-align:center;}
h3 {font-size:18px; color:#454545; text-align:center;}

/* Header */
.logo {margin:30px auto; background:url(images/logo.png) no-repeat center; width:185px; height:180px; position:relative; text-indent:-999999px;}
.logo a {width:100%; height:100%; position:absolute;}

.menu {width:500px; margin:0 auto; border-top:2px solid #ececec; font-family: 'Roboto Slab', serif;}

.navigation {display: table; margin: 0 auto;}
.navigation ul {list-style: none; margin-top:25px;}
.navigation ul li {display: inline; margin:0 15px; font-size:13px;}
.navigation ul li a {color:#2c2c2c; text-decoration:none;}


#content {margin:30px 0; overflow:hidden;}

/* Home */
.intro {margin:0 auto; width:731px; height:404px; background:url(images/intro.png) no-repeat center; }

/* About */
.about {margin:0 auto; width:960px; height:400px; background:url(images/about.jpg) no-repeat center;}

/* References */
.filter {overflow:hidden; margin:0 auto;}

.filter ul {list-style:none; display:inline-block;}
.filter ul li {float:left; font-weight:bold; font-family: 'Open Sans', sans-serif; font-weight:400; color:#fff;}

ul#filterLeft {float:left;}
ul#filterLeft li {display:inline; overflow:hidden; padding:5px 15px; margin-right:20px; background:#7a7a7a;}
ul#filterLeft li:hover {background:#8e8e8e;}

ul#filterLeft li, ul#filterRight li {cursor:pointer;}
ul#filterLeft li a, ul#filterRight li a {color:#fff; text-decoration: none;	display: block;}

ul#filterRight {float:right;}
ul#filterRight li {display:inline; overflow:hidden; padding:5px 15px; margin-right:20px;}
ul#filterRight li:last-child {margin-right:0;}
ul#filterRight li.list {background:#68ac3b!important;}
ul#filterRight li.list:hover {background:#84c459!important;}
ul#filterRight li.pdf {background:#ea5036!important;}
ul#filterRight li.pdf:hover {background:#f17e6b!important;}


#projects { overflow:hidden;}
#projects ul {overflow: hidden;}
#projects ul li.item {width: 300px;	height: 170px;	float: left; text-align: center;  margin:0 10px 10px 0; border:3px solid #e4e4e4; overflow: hidden; position:relative; }
#projects ul li:hover {opacity:0.8;}
#projects ul li.item h3 { margin-top: 10px; font-size: 16px; line-height: 20px; }
#projects ul li:nth-child(3n) {margin-right:0px; }
#projects h2 {margin:top:20px; font-size:32px; border-top:1px solid #e5e5e5; color:#686868; padding-top:10px;}
#projects h3 {font-size:16px; margin-top:-15px; border-bottom:1px solid #e5e5e5;  padding-bottom:10px;}
#projects h3 a:hover {color:#595959;}
#projects h3 a {color:#878787;  text-decoration:none;}

/* Gallery Fixes */
.ngg-slideshow {
width: 100% !important;
}
.ngg-slideshow * {
margin: 0 auto !important;
}
.ngg-slideshow img {
position: relative !important;
display: block;
}


/* Contact */

.contact {text-align:center; margin:0 auto; width:500px; border-bottom:1px solid #e5e5e5;}
.contact a {text-decoration:none; color:#000;}
.contact span {color:#7f7f7f;}
.contact span a {color:#7f7f7f;}

/* Project */

#single {overflow:hidden; padding-bottom:10px; border-bottom:4px solid #efefef;}

.slide {border-bottom:12px solid #efefef; padding-bottom:10px;}
.information {margin-top:20px;}
p.title {float:left; color:#454545; font-size:30px; margin-right:100px; font-family: 'Open Sans', sans-serif; font-weight:400; }
p.location {display:inline; font-style:italic;}
p.year{ margin-left:20px; display:inline; font-style:italic;}
p.description{float:left; font-style:italic;}
.detail {padding-top:15px;}
.detail span {font-weight:bold; margin-right:20px; font-style:normal;}


/* Table */

#table-3 {border: 1px solid #DFDFDF; background-color: #F9F9F9;	width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif; color: #333;}
#table-3 td, #table-3 th {border-top-color: white; border-bottom: 1px solid #DFDFDF; color: #555;}
#table-3 th {text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px; font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; font-weight: normal; padding: 7px 7px 8px;	text-align: left; line-height: 1.3em; font-size: 14px;}
#table-3 td {font-size: 12px; padding: 4px 7px 2px;	vertical-align: top;}


/* Footer */

.footer {text-align:center; font-size:11px; color:#7b7b7b; display:inline;}
.footer a { color:#7b7b7b; text-decoration:none;}