/*** Import Fonts ***/
@font-face { 
  font-family: "EasSansBook";  
  src: url( ../fonts/Eau-SansBook.eot ); /* IE */  
  src: local("Eau Sans Book"), url( ../fonts/eau_sans_book.otf ) format("opentype"); /* non-IE */  
}  
@font-face { 
  font-family: "EasSansBookBold";  
  src: url( ../fonts/Eau-SansBold.eot ); /* IE */  
  src: local("Eau Sans Bold"), url( ../fonts/eau_sans_bold.otf ) format("opentype"); /* non-IE */  
}   
@font-face { 
  font-family: "EasSansBookOblique";  
  src: url( ../fonts/Eau-SansBookOblique.eot ); /* IE */  
  src: local("Eau Sans Book Oblique"), url( ../fonts/eau_sans_book_obl.otf ) format("opentype"); /* non-IE */  
}  

/*** Base Elements ***/
html,body{ width:100%;height:100%; margin:0 auto; padding:0; text-align: center; background-color:#1a1818; }
body { font-size:12px; font-family:"EasSansBook", Verdana, Arial, Helvetica, sans-serif; width:100%; color:#333; letter-spacing:normal; }
ul,li { margin-left:10px; padding-left:0px; }
form { margin:0; }
input, textarea { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; }
/*input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
h1 { font-size:14px; font-weight:bold; letter-spacing:0; margin:0 0 10px 0; color:#9f3e0a; }
span.sIFR-h1 { text-transform:uppercase; display:inline-block; margin:25px 10px 10px 40px;height:40px; text-align:left; color:#a71116; }
span.sIFR-subtitle { display:inline-block; margin:25px 10px 10px 20px; height:40px; text-align:left; color:#7c733b; }
h2 { font-size:14px; font-weight:bold; letter-spacing:0; margin:0 0 10px 0; color:#9f3e0a; }
h3 { font-size:16px; font-weight:normal; letter-spacing:0; margin:0 0 5px 0; color:#333;}
h1 span, h2 span, .sIFR-alternate { display:none;  }
a span { display:none; }
hr { color: #b9b7b7; background-color: #b9b7b7; height: 3px; border:none; }
a:active, a:visited, a:focus { outline:none; }

/*** Misc Utils ***/
div.nohover a:hover, .nohover a:hover { background-color: transparent; filter:none; }
.no_margin { margin:0;}


/*** Containers ***/
#container { margin:0 auto; width:100%; z-index:1; position:relative; padding:0 0 40px 0;  }
#nav_container { width:1010px; height:145px;  display:inline-block; text-align:left; }
#footer_container { margin:0 auto 0 auto; width:950px; }
#content_container { margin:0 0 0 0;  display:inline-block; text-align:left; width:1010px; }
#content_container_inner { z-index:10; margin:0; display:inline-block; text-align:left; position:relative; width:1010px; overflow:hidden; }
#project_container { margin:-20px 0 0 0;  display:inline-block; text-align:left; width:1070px; }
#project_container_inner { z-index:10; margin:0; display:inline-block; text-align:left; position:relative; width:1070px; }
/*
#content_container a { text-decoration:none; color:#0276c0; }
#content_container a:hover { text-decoration:underline; }
*/
#content { margin:0 0 20px 0; display:inline-block; color:#fff; font-size:12px; }
#bottom_container { margin:-140px auto 0 auto; width:100%; z-index:1; position:relative; padding:0 0 60px 0; background:url(../images/bg_bottom.jpg) repeat-x top center;  }


/*** Nav ***/
#home_portfolio_nav { display:inline-block; width:740px; text-align:left; margin:40px 0 40px 0; }
#home_portfolio_nav ul  { padding:0; list-style:none;  margin:0; }
#home_portfolio_nav ul li { list-style:none; display:block;  margin:0 30px 0 0; float:left; }
#home_portfolio_nav ul li a { text-decoration:none; display:block; padding:0 20px 0 0; color:#939292; font-size:10px; letter-spacing:normal; font-family:"EasSansBold", Arial, Helvetica, sans-serif; }
#home_portfolio_nav ul li a:hover { text-decoration:none; color:#fff;   }
#home_portfolio_nav ul li.selected a { text-decoration:none; color:#c42026; background:url(../images/nav_arrow.jpg) no-repeat right 3px; }
#home_portfolio_nav ul li a span { display:inline-block;  }


/*** Footer ***/
#footer { display:inline-block; width:950px; text-align:left; margin:100px 0 20px 40px; display:inline-block; }
.footer_item { display:inline-block; margin:0 0 10px 0; font-size:10px; width:100%; }
.footer_label { float:left; width:48px; color:#fff; text-align:left; }
.footer_data { float:left; width:400px; color:#a7a7a7; text-align:left; }
.footer_data a { text-decoration:none; color:#a7a7a7; }
.footer_data a:hover { text-decoration:none; color:#fff; }


/*** Home ***/
#home_flash { width:100%; height:308px; /*background:url(../images/home_flash.jpg) no-repeat 0 0;*/ margin:0; text-align:center;  }
#home_portfolio { width:576px; display:inline-block; position:relative; margin:0 0 0 60px; }
.project-grid { position:relative; min-height:1020px; }
.portfolio_item { width:174px; height:168px; border:#4a4949 solid 1px; cursor:pointer; float:left; margin:0 16px 16px 0; position:relative; }
.portfolio_item:hover { /*background-color:#fff;*/ }
.portfolio_item_new { position:relative; }
.portfolio_item_new img { position:absolute; }
.portfolio_thumb { width:168px; height:108px; padding:3px; z-index:1; }
.portfolio_thumb img { width:168px; height:108px; z-index:1; }
.portfolio_title { font-size:10px; color:#fff; margin:15px 0 0 12px; }
.portfolio_item:hover > .portfolio_title { color:#1a1818; }
.portfolio_client { font-size:8px; text-transform:uppercase; color:#b0b0b0; margin:2px 0 0 12px; }
.portfolio_item:hover > .portfolio_client { color:#909090; }

#home_feed{ position:absolute; right:0; top:93px; width:334px; }
#home_feed_callout { width:100%; background-color:#2c2b2b;  }
#home_feed_callout_inner { color:#8d8c8c; font-size:14px; line-height:18px; padding:20px; font-family: "EasSansBookOblique"; }
#home_feed_callout_tagline { color:#fff; margin:15px 0 0 0; }

#home_connect_motive { position:relative; background:url(../images/btn_connect_motive.gif) no-repeat 0 0; width:283px; height:20px; display:inline-block; margin:50px 0 0 20px;}
#home_connect_motive:hover { background:url(../images/btn_connect_motive.gif) no-repeat 0 -20px; }
#home_connect_motive_twitter { width:66px; margin-left:82px; height:20px; display:block; float:left; }
#home_connect_motive_twitter:hover { background:url(../images/btn_connect_motive.gif) no-repeat -82px -40px; }
#home_connect_motive_twitter a { display:block; width:100%; height:100%; }
#home_connect_motive_facebook { width:66px; margin-left:0; height:20px; display:block; float:left; }
#home_connect_motive_facebook:hover { background:url(../images/btn_connect_motive.gif) no-repeat -148px -60px; }
#home_connect_motive_facebook a { display:block; width:100%; height:100%; }
#home_connect_motive_flickr { width:69px; margin-left:0; height:20px; display:block; float:left; }
#home_connect_motive_flickr:hover { background:url(../images/btn_connect_motive.gif) no-repeat -214px -80px; }
#home_connect_motive_flickr a { display:block; width:100%; height:100%; }

#home_connect_clients { position:relative; background:url(../images/btn_connect_clients.gif) no-repeat 0 0; width:283px; height:20px; display:inline-block; margin:10px 0 0 20px; cursor:pointer; }
#home_connect_clients:hover { background:url(../images/btn_connect_clients.gif) no-repeat 0 -20px; }
#home_connect_clients a { display:block; width:100%; height:100%; }

#home_culture { display:inline-block; width:270px; margin:46px 0 0 20px; }
#home_culture_label { color:#c42026; font-size:11px; margin:0 0 20px 0; font-family:"EasSansBold", Arial, Helvetica, sans-serif;  } 
.home_culture_item  { display:inline-block; border-top:#282626 solid 1px; margin:0 0 20px 0; width:270px; padding:16px 0 0 0; }
.home_culture_item_first .home_culture_title { font-size:13px; line-height:16px; }
.home_culture_title { font-size:11px; color:#fff; }
.home_culture_title_motive { font-size:11px; color:#b4b4b4; }
.home_culture_title a { text-decoration:none; color:#c42026; }
.home_culture_title a:hover { color:#fff; }
.home_culture_time { font-size:10px; color:#717171; margin:5px 0 0 0; }

#home_social { position:absolute; left:0; top:93px; width:964px; visibility:hidden;  }
#home_social-2 { position:absolute; left:0; top:93px; width:964px; visibility:hidden;  }
#heading_social {background:url(../images/heading_social.jpg) no-repeat 0 0; width:392px; height:53px; margin:0 0 54px 50px; }
#home_social_col_1 { width:270px; float:left; margin:0 0 0 50px; }
#home_social_col_2 { width:270px; float:left; margin:0 0 0 50px; }
#home_social_col_3 { width:270px; float:left; margin:0 0 0 50px; }
#home_social_close { background:url(../images/btn_motive_home.gif) no-repeat 0 0; width:109px; height:20px; position:absolute; z-index:1000; top:0; right:114px; }
#home_social_close:hover { background:url(../images/btn_motive_home.gif) no-repeat 0 -20px; width:109px; height:20px; }
#home_social_close a { display:block; width:100%; height:100%; }
#home_social_close-2 { background:url(../images/btn_motive_home.gif) no-repeat 0 0; width:109px; height:20px; position:absolute; z-index:1000; top:0; right:0; }
#home_social_close-2:hover { background:url(../images/btn_motive_home.gif) no-repeat 0 -20px; width:109px; height:20px; }
#home_social_close-2 a { display:block; width:100%; height:100%; }
#home_social_next { background:url(../images/btn_next_feed.gif) no-repeat 0 0; width:109px; height:20px; position:absolute; z-index:1000; top:0; right:0; }
#home_social_next:hover { background:url(../images/btn_next_feed.gif) no-repeat 0 -20px; width:109px; height:20px; }
#home_social_next a { display:block; width:100%; height:100%; }
#home_social_prev { background:url(../images/btn_prev_feed.gif) no-repeat 0 0; width:109px; height:20px; position:absolute; z-index:1000; top:0; right:114px; }
#home_social_prev:hover { background:url(../images/btn_prev_feed.gif) no-repeat 0 -20px; width:109px; height:20px; }
#home_social_prev a { display:block; width:100%; height:100%; }
#home_social #home_culture { margin:26px 0 0 0; }
#home_social .home_culture_item  { border:none; border-bottom:#282626 solid 1px; margin:0 0 20px 0; width:270px; padding:0 0 16px 0; }
#home_social #home_feed_callout { min-height:200px; position:relative; }
#home_social #home_feed_callout_inner { color:#8d8c8c; font-size:10px; line-height:14px; }
#home_social .social_icons { position:absolute; right:20px; bottom:20px; width:42px; }
#home_social .icon_facebook { background:url(../images/icon_facebook.jpg) no-repeat 0 0; width:16px; height:16px; float:right; margin:0 10px 0 0; }
#home_social .icon_twitter { background:url(../images/icon_twitter.jpg) no-repeat 0 0; width:16px; height:16px; float:right; }
#home_social .social_icons a { display:block; width:100%; height:100%; }


/*** Projects ***/
body.projects #container { padding:0; }
#project_logo { background:url(../images/logo.jpg) no-repeat 0 0; width:116px; height:52px; position:absolute; z-index:1000; top:60px; }
#project_logo a { display:block; width:100%; height:100%; }
#project_close { background:url(../images/btn_motive_home.gif) no-repeat 0 0; width:109px; height:20px; position:absolute; z-index:1000; top:50px; right:0; }
#project_close:hover { background:url(../images/btn_motive_home.gif) no-repeat 0 -20px; width:109px; height:20px; }
#project_close a { display:block; width:100%; height:100%; }

#project_back { z-index:1000; position:absolute;  background:url(../images/project_back.png) no-repeat 0 0; left:0; width:65px; height:111px; display:inline-block; cursor:pointer; margin:285px 0 0 0; }
#project_back:hover { background:url(../images/project_back.png) no-repeat 0 -111px; width:65px; height:111px; }
#project_forward { z-index:1000; position:absolute; background:url(../images/project_forward.png) no-repeat 0 0; right:0; width:65px; height:111px; display:inline-block; cursor:pointer;  margin:285px 0 0 0; }
#project_forward:hover { background:url(../images/project_forward.png) no-repeat 0 -111px; width:65px; height:111px; }
#project_viewer { display:inline-block; position:relative; width:1070px; height:715px; margin:70px 0 0 0; }
#project_viewer_content { width:1070px; height:715px; overflow:hidden; z-index:1; }
#project_viewer_content_inner a { text-decoration:none; color:#a7a7a7; }
#project_viewer_content_inner a:hover { text-decoration:none; color:#fff; }
#project_viewer_content_inner { width:auto; height:715px;   }
#project_viewer_content_inner .viewer_item { width:1070px; height:715px; overflow:hidden; float:left; position:relative; }
#project_viewer_content_inner .viewer_content { width:100%; text-align:center;  }
#project_viewer_content_inner .viewer_page { width:200px; height:30px; position:absolute; left:0; z-index:1000; top:700px; color:#a2a1a1; font-size:15px; }
#project_viewer_content_inner .viewer_title { width:400px; text-align:right; height:30px; position:absolute; z-index:1000; top:700px; right:0; color:#767676; font-size:12px;  }
#project_viewer_content_inner .viewer_title_project { color:#d31145;  }
#project_viewer_content_inner .viewer_title_item { color:#fff;  }
#project_viewer_content_inner .viewer_content_2_col { display:inline-block; }
#project_viewer_content_inner .viewer_content_col_1 { float:left; width:460px; margin:160px 0 0 40px; padding:0 10px 0 0; display:inline-block; text-align:left;  }
#project_viewer_content_inner .viewer_content_col_2 { float:left; width:300px; display:inline-block; text-align:left; }
#project_viewer_content_inner .viewer_project_title { color:#eb3323; font-size:37px; }
#project_viewer_content_inner .viewer_client { color:#dededd; font-size:10px; text-transform:uppercase; margin:5px 0 40px 0; }
#project_viewer_content_inner .viewer_project_content_upper { color:#a2a1a1; font-size:12px; line-height:22px; margin:0 0 40px 0; }
#project_viewer_content_inner .viewer_project_content_lower { color:#dededd; font-size:12px; line-height:22px; }
#project_viewer_content_inner .viewer_project_content_lower ul { color:#dededd; font-size:9px;  }
#project_viewer_content_inner .viewer_project_content_lower ul li, #project_viewer_content_inner .viewer_project_content_lower ul { list-style-type:square; list-style-image:url(../images/arrow.jpg); }
#project_viewer_content_inner  .viewer_content_flv { margin:100px 0 0 0; }