@charset "utf-8";
.center { margin: 0 auto; width: 960px; padding-left: 10px;}
#header {  position: fixed; height: 130px; width: 100%; top: 0; left: 0; background-color:#fff; z-index: 2;}
#top-strip { height: 30px; border-bottom: 1px solid #e9eaea }
#main { margin-top: 144px; margin-bottom: 0px;}
#header-logo { width: 238px; padding-top: 20px; float: left; }
#logo { }
#header-right { width: 107px; float: right; padding: 20px 10px 0 0; }
#navigation { width: 320px; float: left; padding-top: 18px;}

#cmsarea1 { width: 960px; clear: both; }
#cmsarea2 { width: 960px;  clear: both;}
#cmsarea3 { width: 960px; clear: both; }

#project { width: 710; float: left;}
#cmsarea1-p { width: 710px; clear: both; }
#cmsarea2-p { width: 710px;  clear: both;}
#cmsarea3-p { width: 470px; float: left; }
#cmsarea4-p { width: 230px; float: left; margin-left: 10px;}

#cmsarea1-s { width: 470px; clear: both; }

#cmsarea1-s2-outer { width: 310px; float: left; }
#cmsarea2-s2-outer { width: 310px; float: left; margin-left: 10px;}
#cmsarea1-s2 { width: 310px;  }
#cmsarea2-s2 { width: 310px; }

.anchor-top { float: right; padding-right: 0px;}

#footer { position: fixed; height: 40px; width: 100%; bottom: 0; left: 0; background-color:#fff; z-index: 3;}
.footer-image { width: 240px; float: left; padding-top: 11px;}
.footer { width: 240px; float: left; padding-top: 17px; line-height: 17px;}
#footer .anchor-top { float: right; padding-right: 10px;}

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.dl {position: relative;}
.dl ul { list-style:none; margin: 0; padding: 0; }
.dl li { height: 100%; margin: 0; width: 100%; z-index: 0;}
.dl .dl_navigation { position: absolute; bottom: 62px; right: 5px; z-index: 1; text-align:right}
.dl .dl_navigation li {background-color: #fff; font-size: 13px; font-weight: normal; height: 25px; margin: 0 1px 0 0; text-align: center; width: 20px;}
/*.dl .show, .dl .next {display: block!important;}
*/
.dl .next {z-index: 0;}
.dl .dl_navigation li { float: left;}
.dl .dl_navigation li.pause { font-size: 9px; display: none;}
.dl .dl_navigation li.play { font-size: 14px; margin-top: -2px; display: none; }
.dl .dl_navigation .selected {}
.dl .dl_navigation .selected a { color: #a8a8a8 !important;}
.dl .dl_navigation a {display: block; padding: 4px 0px 0 1px;}
.dl .dl_navigation a:hover {text-decoration: none;}
.dl .dl_navigation li.pause a { padding-top: 6px;}
.dl .dl_navigation .prev {}
.dl .dl_navigation .next {}
.dl li.show {z-index: 1;}
.dl li div { bottom: -1px; left: 0; letter-spacing: 0.03em; line-height: normal; padding: 20px 20px 18px; position: absolute; z-index: 10;}
#content .dl h4 {color: #fff; font-size: 2.25em; font-weight: normal; margin-bottom: 5px;}
#content .dl div p {color: #fff; font-size: 1.438em;}
.dl div p a {color: #ffd800; font-size: .814em; text-transform: uppercase;}
.dl div p.action {border-top: 1px solid #666; margin-top: 15px; padding-top: 15px;}

/*TEMPORARY!*/
.dl .dl_navigation li.prev, .dl .dl_navigation li.next {display:none!important;}

/* Large DL */
.dl .large {height: 576px;}

#twitter-feed { margin: 0 auto;; width: 960px; margin-bottom: 40px; }
#twitter-feed .twtr-hd, #twitter-feed .twtr-ft { display: none; }
#twitter-feed .twtr-widget .twtr-tweet { border: 0; float: left; width: 320px; height: 150px;}
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p { color: #8A93A2 !important;}
#twitter-feed .twtr-widget .twtr-tweet-wrap { padding: 0; width: 310px;}
#twitter-feed .twtr-widget { font-family:"Univers LT W01 55 Roman" !important; font-size: 17px !important;}
#twitter-feed .twtr-widget em {
    display: block;
    font-size: 14px !important;
    font-style: normal;
    margin-top: 2px;
}