@charset "UTF-8";
/* Created By Timothy Embretson */


/* START browser reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

img { padding:0px; }

/* END browser reset */


/* KERNEST.COM WEB FONT CSS GENERATED FOR sertig */

/* 
Sertig 
http://typethefont.com/post/550992450/sertig-free-font 
Foundry: Type The Font, http://typethefont.com 
Contributors: Dannci 
License: SIL Open Font License, http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&item_id=OFL 
*/

@font-face {
	font-family: 'Sertig';
	src: url('fonts/sertig.eot');
	src: local('://'), url('fonts/sertig.svg#sertig') format('svg'), url('fonts/sertig.woff') format('woff'),  url('fonts/sertig.ttf') format('truetype');
}
.sertig {
 font-family: 'Sertig';
line-height: 140%;
text-rendering: optimizeLegibility;}





body { font-family: 'Sertig'; }
.clear { clear: both; line-height: 0px; margin: 0px; padding: 0px; height: 0px; }

.left { float:left; }
.right { float:right; }

.topforty {  }
.pT100 {padding-top: 100px }
.pB100 {padding-bottom: 100px }
.r-twenty { margin-right:20px; }
.r-wide { margin-right:320px; }
.twentysix { margin-bottom:26px; }
.pB8 { padding-bottom:8px; }

.mT30 { margin-top:30px; }
.mB30 { margin-bottom:30px; }


/* CONTENT CENTER CLASSES */
.content { width: 950px; overflow: hidden; margin: 0 auto; padding-left:10px; padding-right:10px; }
.bottom { margin-bottom:40px; }
.content.relative {	position: relative; }

.div-line { height:1px; background:#d6d6d6; }

#header { height:260px; background:#3b3b3b;  }
#top { display:block; margin-bottom:16px; background:#3b3b3b; padding-top:90px; text-decoration:none;  }


h1 { color:#efd70b; font-size:40px;  }
h3 { color:#989898; font-size:40px; }
h1 a { color:#efd70b; font-size:40px; float:left; text-decoration:none; }
h3 a { color:#989898; font-size:40px; float:left; text-decoration:none; }
.work { color:#989898; }

#navoutside { background-color:#333333; }


nav { position: relative;  }
nav li a { background:#333333; float:left; text-decoration:none; color:#989898; width:306px; height:50px;  padding-top:30px; padding-left:10px; font-size:20px;  }
nav li a spec { }
nav a:hover { color:#999; background-color: #666; }

.main-nav-on { background:#999999; float:left; text-decoration:none; color:#333333; width:306px; height:50px;  padding-top:30px; padding-left:10px; font-size:20px; }


#featured-work { background:#e8e8e8; padding-top:40px; padding-bottom:40px; color:#989898; margin-bottom:20px; }
.home-feat { text-decoration:none; }
.feat-body { font-size:28px; line-height:36px; margin-top:75px; padding-right:40px; margin-bottom:75px; }

.sf-one { width:206px; height:297px; background-color:#FFF; background:url(images/sub-feature-bg.jpg) no-repeat; float:left; padding:14px 0px 0px 14px; font-size:18px; line-height:22px; color:#6d6d6d; text-decoration:none; }
.feature { border-bottom: solid #c5c5c5 3px; margin-bottom:18px; }



.viewall a { width:100%; border-bottom: 1px dotted #d1d1d1; border-top: 1px dotted #d1d1d1; float:left; padding-top:10px; padding-bottom:10px; text-align:center; text-decoration:none; color:#dba60c; margin-bottom:100px; }


#sub { margin-top:40px; padding-top:24px; color:#989898; margin-bottom:40px; }

.sub-intro { font-size:34px; line-height:36px; width:700px; position:relative; margin-bottom:50px; float:left; }
.sub-intro a { text-decoration:none; color:#989898; }

.sub-intro-mail { font-size:34px; line-height:36px; width:500px; position:relative; margin-bottom:50px; float:left; }
.sub-intro-mail-box { font-size:34px; line-height:36px;  position:relative; margin-bottom:50px; float:right;  }

.textlink {  color:#FFFFFF; text-decoration:none;  }


.sub-body { font-size:34px; line-height:36px; width:700px; margin-bottom:30px;  }
.sub-body-sm { font-size:24px; line-height:30px; width:700px; margin-bottom:30px;  }
.about-subbox { width:222px; float:left; font-size:20px; line-height:24px; }

.download-pdf { width:220px; height:68px; position:relative; float:right; }

.list-header { background:#efd70b; padding:8px; color:#646464; margin-bottom:24px; }
.list-body { font-size:20px; line-height:24px; color:#989898; margin-left:8px; }
.list-body a { font-size:20px; line-height:24px; color:#989898; text-decoration:none; }

.list-darker { color:#6b6b6b; }

/*
.projnav { margin-top:178px; padding-bottom:30px; }
.prev a { width:94px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; float:left; padding-top:6px; text-align:center; text-decoration:none; color:#dba60c; }
.all a { width:178px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; float:left; padding-top:6px; text-align:center; margin-left:288px; text-decoration:none; color:#dba60c; }
.next a { width:94px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; float:right; padding-top:6px; text-align:center; text-decoration:none; color:#dba60c; }
*/


/* PROJ DROP DOWN */
.nav-dd-container { margin: 0 auto; position: relative; z-index:1000; }

.nav-dd-container-home { margin: 0 auto; position: relative; margin-bottom:80px; z-index:1000; }

ul.topnav { list-style: none; color:#666; }

ul.topnav li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; /*--Declare X and Y axis base--*/ }

ul.topnav li a { padding: 10px 5px; color:#333; display: block; text-decoration: none; float: left; }

ul.topnav li a:hover{ }



/*--Drop down trigger styles--*/
ul.topnav li span { width: 250px; height: 22px; padding-top:16px; padding-bottom:6px; float: left; background: #FFF; text-align:center; margin-left:260px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; color:#dba60c; }

/*--Hover effect for trigger--*/
ul.topnav li span.subhover { background: #FFF; cursor: pointer; } 


ul.topnav li ul.subnav {
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	list-style: none; left: 0; top: px; background: #fbfbfb; margin-left:-94px; display: none; padding-left:60px; float: left; width: 940px; border-bottom: solid 2px #3b3b3b; border-top: solid 2px #3b3b3b; padding-top:20px; padding-bottom:20px; z-index:100000; }

ul.topnav li ul.subnav li { font-size:20px; margin: 0; padding: 0; clear: both; width: 250px; margin-right:200px; }

html ul.topnav li ul.subnav li a { width: 400px; color:#999; }

html ul.topnav li ul.subnav li a:hover { color:#333; }

.prev a { width:94px; border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; float:left; padding-top:12px; padding-bottom:10px; text-align:center; text-decoration:none; color:#dba60c; }
.next a { width:94px; border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; float:right; padding-top:12px; padding-bottom:10px; text-align:center; text-decoration:none; color:#dba60c; float:right; }

.sub-one { display:block; float:left; }
.sub-two { display: block; float:left;}

h2 { font-size:34px; color:#262626; margin-bottom:10px; margin-top:10px; }

.work-header { width:700px; display:block; margin-top:30px; margin-right:20px; float:left; padding-bottom:20px; }

#proj-header {  background:#e8e8e8; }
.proj-descrip { font-size:24px; line-height:30px; color:#989898; padding-bottom:40px; }
.comp-link { font-size:24px; line-height:30px; color:#989898; padding-bottom:40px; text-decoration:none; }
.proj-callout { margin-left:50px; display:block; width:700px; margin-bottom:40px; font-size:28px; line-height:34px; color:#989898; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 20px 0px 20px 0px; }

.proj-intro { margin-left:50px; display:block; width:840px; margin-bottom:40px; font-size:30px; line-height:36px; color:#989898; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 20px 0px 20px 0px; }
.proj-intro a { text-decoration:none; color:#333333; }
.proj-intro a:hover { text-decoration:none; color:#989898; }

.view-wrapper { width:228px; margin-top:24px; border-left: solid 1px #999; float:left; display:block; }

.share { border-bottom:1px solid #e8e8e8; padding: 10px 0px 10px 0px; margin:0px 0px 15px 0px; }

.site { display:block; background:#f8d61e; padding:6px; margin:10px; text-align:center; }
.site a { text-decoration:none; color:#333; padding-top:4px; }
.view { margin-top:15px; font-size:14px; }

.viewsite { margin-top:10px; float:left; width:220px; }
.work-images { margin-top:20px; }
.projimg {  margin-left:60px; margin-bottom:60px; }
.imgborder { border:1px solid #a3a3a3; }
.projimg-noborder { margin-left:50px; margin-bottom:60px; }
.projimg-sm { border:1px solid #a3a3a3; margin-left:70px; margin-bottom:60px; }
.projimg-sm-found { border:1px solid #a3a3a3; margin-left:90px; margin-bottom:60px; }

.awards-wrapper { border-top:1px solid #F8D61E; border-bottom:1px solid #F8D61E; padding:80px 0px 0px 0px; display:block; margin:-180px 0px 0px 0px; }
.awards-wrapper a { text-decoration:none;  }
.award { background:url(images/award-bg.jpg) no-repeat; height:201px; display:block; width:175px; display:block; float:left; padding-bottom:30px; margin-right:40px; }
.award p { width:114px; text-align:center; font-size:20px; line-height:22px; color:#808080; padding:24px 0px 0px 26px; }
.date { font-size:36px; color:#CCCCCC; text-decoration:none;  }

.pL176 { margin-left:176px; }


.role { border-bottom:1px solid #ededed; padding: 10px 0px 10px 0px; color:#989898; }
.roleitem { float:left; margin-right:20px; font-size:20px; }



.videowrapper {  border:1px solid #a3a3a3; margin-left:70px; margin-bottom:70px; width:800px; }

#connect-button-wrapper { margin-bottom:60px; }
.connect { margin-right:19px; }
.connect-subbox { width:222px; float:left; font-size:20px; line-height:24px; }
.connect-list-header { padding:8px; color:#646464; margin-bottom:10px; }

#footer { background:#3b3b3b; padding: 40px 0px 40px 0px; color:#c9c9c9; }
h6 { font-size:14px; line-height:16px; margin-bottom:20px; }
.leftnews { display:block; width:400px; float:left; margin-right:50px; font-size:30px; line-height:34px; }
.leftnews a { font-size:16px; text-decoration:none; color:#efd70b; }

#copyright { background:#3b3b3b; padding: 50px 0px 10px 0px; color:#c9c9c9; }

/* container */
div.related-tweets{ }
/* inner div */
div.rrt-inner{ font-size:30px; line-height:34px; color:#b1b1b1; width:400px; padding:0px; overflow:hidden; }
/* ul list */
div.rrt-inner ul{ width:400px; padding:0 0 0 0; margin:0 0 0 0; }
div.rrt-inner li{ float:left; margin:0 0 0 0; list-style-type:none; position:relative; }
/* author img */
div.rrt-inner span.rrt-author-img{ display:block; width:48px; height:48px; margin:0 5px 0 0; overflow:hidden; left:0; position:absolute; }
/* author name */
div.rrt-inner strong a { margin-right:5px; text-decoration:none; color:#efd70b; }

/* tweet body */
div.rrt-inner span.rrt-body { display:block; margin-left:55px; }
/* tweet content */
div.rrt-inner span.rrt-content{
}
/* tweet date and source */
div.rrt-inner span.rrt-meta { color:#999999; display:block; font-size:0.764em; margin:3px 0 0; }
div.rrt-inner span.rrt-meta a{ color:#efd70b; text-decoration:none; font-size:16px; }
div.rrt-inner span.rrt-meta a:hover{ text-decoration:none; color:#efd70b; }
/* customize date link */
div.rrt-inner a.rrt-date { }
/* customize source link */
div.rrt-inner a.rrt-source { }

/* customize links */
div.rrt-inner a.rrt-link { color:#efd70b; }
/* customize @user links */
div.rrt-inner a.rrt-at { color:#efd70b; }
/* customize #hashtags links */
div.rrt-inner a.rrt-hashtag {  color:#efd70b; font-size:1.8em; text-decoration:none; }