@charset "UTF-8";
* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", Baskerville, serif; background-color:#ebebeb; color:#767676; font-size:16px; line-height:1.4em; }
.clear { clear:both; }
.hidden { display:none; }
.wrap {  }
#bga { background-color:#1e1e1e; }
#bgb { background-color:/*#d9dedd*/#4e4c4e; }
#bgc { border-top:solid 1px #fff; }
.page { width:960px; margin:0px auto; }
.logo { text-align:center; padding:65px 0px 40px 0px; }
.content { padding-top:50px; }
.content a { text-decoration:none; color:#2f3a49; display:block; float:left; width:300px; margin:0px 10px 50px 10px; padding:0px;  }
.content a .icon img { transition: margin-left 0.25s ease; display:block; }
.content a .article .image { transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; display:block; }
.content a:hover .icon img { margin-left:-300px; }
.content a:hover .article .image { opacity:0.1; }
.content .article {  }
.content .article .image { position:relative; }
.content .article .icon { width:300px; overflow:hidden; position:absolute; margin-top:-200px; }
.content .article .title { height:44px; padding-top:8px; }
.content .article .title h2 { font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; display:block; line-height:20px; text-align:center; }
.content .article .title h3 { font-size:12px; font-weight:normal; color:#828597; display:block; line-height:16px; padding:0px 20px; text-align:center; }
.info { }
.info img { }
.info h2 { color:#ccc; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-size:16px; margin-bottom:10px; display:block; padding-top:20px; }
.info h3 { font-weight:normal; font-size:14px; display:block; margin-bottom:20px; color:#959595; }
.contactBar { margin-bottom:20px; }
.contactBar img { margin:0px 7px; }
.workInfo { text-align:center; padding:20px 0px; }
.workInfo h2 { color:#ccc; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-size:16px; display:block; }
.workInfo h3 { color:#858585; font-weight:normal; font-size:13px; display:block; }
.gallery { padding:0px 10px; }
.gallery img { display:block; margin-top:-100px; }
.gallery .first { margin-top:0!important; }
.gallery .extra { margin-top:-80px!important; }
.footer { text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold; clear:both; padding:50px 0px; }
.backBtn { position:fixed; bottom:0; padding: 30px 0px; text-align:center; width:100%; background-color:#1e1e1e; }
.backBtn { height:100px; }
.push { height:160px; }
.backBtn span { }
.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0; }  
.topBack { text-align:center; background-color:#ebebeb; }



/* Accordion */
.accordionButton {	 width: 100%; float: left; _float: none; padding:5px 0px;  /* Float works in all browsers but IE6 */  cursor: pointer; text-align:center; overflow:hidden; }
.accordionButton img { display:block; margin:0px auto; }
.accordionContent { width: 100%; float: left; _float: none; /* Float works in all browsers but IE6 */ text-align:center; overflow:hidden; }