/* Blog Styles
-------------------------------------------------------------- */
.blog #content > .right {
  width:750px;
  position:relative;
}

.blog-preloader{
  background:#FFF url(/media/templates/preloader.gif) no-repeat 40% 150px;
  display: block;
  height: 1200px;
  top: 0;
  left: 0;
  position: absolute;  
  width: 100%;
}

#posts {
  position:relative;
  padding-bottom:50px;
  right:-598px;
}

#posts .post {
  width:210px;
  background:#FFF;
  padding:15px;
  margin:0;
  color:#666;
  float:right;
  margin:0;
  margin-bottom:15px;
  position:absolute;
  top:0px;
  right:0px;
  
  transition: all 700ms ease-out;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
}

#posts .post .header a {
  display:block;
}

#posts .post .header h1 {
  color:#333;
  text-transform:uppercase;
  margin-bottom:5px;
  font-size:12px;
}

#posts .post .header h2 {
  color:#ef3e42;
  font-size:9px;
  text-transform:uppercase;
  margin-bottom:10px;
}

#posts .post .header a:hover h1,#posts .post .header a:active h1,#posts .post .header a:hover h2,#posts .post .header a:active h2 {
  color:#F13A2B;
}

#posts .post .img {
  width:210px;
  margin-bottom:15px;
  display:block;
}

#posts .post .text {
  font-family:Helvetica Neue;
  font-size:11px;
}

#posts .post .text p {
  font-size:11px;
  line-height:17px;
  margin-bottom:0;
}

#posts .post .read-more {
  color:#ef3e42;
  margin:20px 0;
  font-size:11px;
  text-decoration:none;
  display:block;
}

#posts .post .read-more:hover,#posts .post .read-more:active {
  color:#F13A2B;
}

#posts .post .tags,
#post .tags{
  padding-bottom:10px;
  padding-left:18px;
  width:192px;
  background:url(/media/templates/blog-tag.jpg) no-repeat 0 3px;
  
  min-height:17px;
  height:auto!important;
  height:17px;
}

#posts .post .tags img,
#post .tags img{}

#posts .post .tags a,
#post .tags a{
  font-size:11px;
  font-style:italic;
  color:#666;
  margin-right:5px;
}

#posts .post .tags a:hover,
#posts .post .tags a:active,
#post .tags a:hover,
#post .tags a:active{
  text-decoration:underline;
}

#posts .post .footer {
  border-top:1px solid #191919;
  border-bottom:1px solid #191919;
  padding:5px 0;
  width:100%;
  clear:both;
  overflow:hidden;
}

#posts .post .created,#post .created,.comments .created {
  padding-left:18px;
  background:url(/media/templates/ed-date.jpg) no-repeat 0 50%;
  font-size:9px;
  height:15px;
  line-height:16px;
  float:left;
  color:#333;
  text-transform:uppercase;
}

#post .comment {
  padding-left:23px;
  background:url(/media/templates/ed-comment.jpg) no-repeat 0 50%;
  font-size:11px;
  height:15px;
  line-height:15px;
  float:left;
}

#posts .post .shares {
  float:right;
}

#posts .post .shares .share,
#post .shares .share{
  float:left;
}

#posts .post .shares .share a,
#post .shares .share a{
  font-size:11px;
  height:15px;
  line-height:15px;
  color:#666;
  display:block;
  margin-right:10px;
}

#posts .post .shares .share a:hover,
#posts .post .shares .share a:active,
#post .shares .share a:hover,
#post .shares .share a:active{
  color:#F13A2B;
}

#posts .post .shares .facebook,
#posts .post .shares .twitter,
#post .shares .facebook,
#post .shares .twitter{
  width:15px;
  height:15px;
  display:block;
  overflow:hidden;
  float:left;
  background:url(/media/templates/blog-share.png) no-repeat 0 0;
}

#posts .post .shares .facebook,
#post .shares .facebook{
  margin-right:3px;
}

#posts .post .shares .twitter,
#post .shares .twitter{
  background-position:-20px 0;
}

#tag-cloud,
#twitter,
#contributors,
#archive-menu,
#blog-search {
  margin-top:45px;
}

#tag-cloud .header,#contributors .header,#archive-menu .header {
  border-bottom:1px solid #191919;
}

#tag-cloud .header h1,#contributors .header h1,#twitter .header h1,#archive-menu .header h1 {
  float:left;
  color:#FFF;
  background:#666;
  padding:2px 5px;
  font-size:12px;
  text-transform:uppercase;
}

.blog #twitter{
  margin-bottom:50px;
}

#twitter .header h1 {
  text-transform:none;
}

#twitter .header {
  position:relative;
}

#twitter .header .arrow {
  background:url(/media/templates/twitter-arrow.jpg) no-repeat 0 0;
  width:8px;
  height:8px;
  display:block;
  top:19px;
  left:0;
  position:absolute;
}

#twitter .header h1 {
  float:none;
}

#twitter .header a {
  color:#FFF;
  padding-right:25px;
  background:url(/media/templates/twitter-bg.jpg) no-repeat 100% 50%;
}

#tag-cloud .header a:hover,#tag-cloud .header a:active,#twitter .header a:hover,#twitter .header a:active {
  color:#D7B9EB;
}

#tag-cloud .tags {
  width:100%;
  float:left;
  font-size:30px;
  padding:10px 0;
}

#tag-cloud .tags a {
  display:block;
  float:left;
  margin-right:10px;
}

#twitter #tweets {
  padding-top:20px;
  color:#666;
}

#twitter #tweets .tweet {
  margin-bottom:20px;
  font-size:11px;
  font-style:italic;
  display:block;
  clear: both;
}

#twitter #tweets .tweet small {
  font-size:10px;
  display:block;
  padding-top:2px;
}

#contributors ul,#archive-menu ul {
  float:left;
  width:100%;
  position:relative;
  padding:10px 0;
}

#contributors ul li,#archive-menu ul li {
  display:block;
  clear:both;
}

#contributors ul li a,#archive-menu ul li a {
  display:block;
  clear:both;
  font-size:11px;
  color:#191919;
  height:25px;
  line-height:25px;
}

#archive-menu ul li a {
  text-transform:uppercase;
}

#contributors ul li a:hover,#contributors ul li a:active,#archive-menu ul li a:hover,#archive-menu ul li a:active {
  color:#F13A2B;
}

#blog-search .header h1 {
  font-size:12px;
}

#blog-search form {
  padding:3px 0 10px;
}

#blog-search form #search_terms {
  font-size:13px;
  border:1px solid #999;
  padding:2px 5px;
  width:140px;
  display:block;
  float:left;č
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

#blog-search form #search_terms:focus {
  border:1px solid #191919;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

#blog-search form #submit {
  background:url(/media/templates/blog-search.jpg) no-repeat 0 2px;
  border:0;
  width:18px;
  height:23px;
  overflow:hidden;
  display:block;
  float:right;
  padding:0;
  margin:0;
}

#feed-subscription {
  margin:20px 0 55px;
}

#feed-subscription a {
  background:url(/media/templates/blog-feed.jpg) no-repeat 100% 50%;
  border:0;
  display:block;
  font-size:12px;
  height:20px;
  line-height:20px;
}

body .at300bs {
  background:none;
  margin:0;
  padding:0;
  width:0;
  height:0;
}

#search-result{

}

#search-result .header{
  padding-bottom: 30px;
  margin-bottom: 10px;
  border-bottom:1px solid #777;
}

#search-result h1{
  font-family: HelveticaNeueLight;
  font-size: 32px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#search-result h2{
  font-family: HelveticaNeueLight;
    font-size: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#search-result h2 span{
  color:#F13A2B;
}

#search-result .item{
  display:block;
  font-size:17px;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px dashed #777;
}
  
/* Post Detail Styles
-------------------------------------------------------------- */
.post-left {
  float:left;
  width:350px;
}

.post-right {
  float:right;
  width:335px;
}

#post {
  color:#666;
}

#post .header h1 {
  color:#191919;
  border-top:1px solid #191919;
  padding-top:20px;
  padding-bottom:10px;
  font-size:15px;
  text-transform:uppercase;
}

#post .header h2 {
  color:#ef3e42;
  font-size:10px;
  text-transform:uppercase;
  padding-bottom:15px;
}

.post-right #post .header h2 {
  margin:0px;
  padding-bottom:0px;
}

.post-right .date {
  font:10px/12px Helvetica Neue;
  color:#666;
  text-transform:uppercase;
  margin-bottom:15px;
}

#post p {
  font-size:12px;
  line-height:18px;
  margin:0;
}

#post .text {
  margin-bottom:30px;
  font-family:Helvetica Neue;
}

#post .footer {
  border-top:1px solid #191919;
  border-bottom:1px solid #191919;
  padding:3px 0;
}

#post > .footer {
  padding:5px 0;
}

#post .created {
  height:20px;
  line-height:20px;
}

#post .shares {
  float:left;
  overflow:hidden;
}

#post .divider {
  padding:0px 10px;
}

#comments {
}

#comments .header h1 {
  color:#191919;
  font-size:11px;
  padding-top:25px;
  padding-bottom:10px;
  text-transform:uppercase;
}

.post-img .img-caption {
  color:#666666;
  font-size:10px;
  padding-top:5px;
  text-transform:uppercase;
}

#wreDefaultContentLeftDiv.post-content {
  width:760px;
}

#wreDefaultContentRightDiv.post-content {
  width:255px;
  padding-left:0px;
  float:right;
}

#post-nav {
  float:right;  
  padding-bottom:10px;
  font-size:9px;
}

#post-nav ul li.hide{
  display:none;
}

#post-nav ul,#post-nav ul li {
  float:left;
  display:block;
}

#post-nav ul li.disabled a{
  color:#BBB;
  cursor: default;
}

/* Comments Form
------------------------------------------------------ */

.comments {
  margin-top:35px;
}

.comments h2 {
  color:#ef3e42;
  font-size:12px;
}

.comments h3 {
  font-size:12px;
  margin:15px 0px 5px; 
}

.comments .form span {
  font-size:10px;
  color:#666;
  padding:10px 0px;
  display:block;
}

.comments .form input.text {
  width:330px;  
  font:italic 10px/12px Helvetica Neue;
  color:#333;
  padding:2px;
  border:1px solid #969595;
  margin:0px 0px 10px;
}

.comments .form textarea {
  font:italic 10px/15px Helvetica Neue;
  color:#333;
  width:330px;
  height:100px;
  padding:2px;
  margin:0px 0px 10px;
  resize:none;
}

.comments .form input.submit {
  background:#333;
  padding:5px;
  float:right;
  color:#fff;
  border:0px none;
  cursor:pointer;
}

.comments .list {
  margin:0px 0px 15px;  
}

.comments .list .item {
  padding:0px 0px 15px;
  margin:0px 0px 10px;
}

.comments .list .item span {
  padding-top:5px;  
  display:block;
}

.comments .list .item h3 {
  margin:0px;
  font:italic 10px/15px MuseoSlabLight;
  height:15px;
}

.comments .msg {
  margin:15px 0px;
}

.comments .footer {
  border-top:1px solid #191919;
  border-bottom:1px solid #191919;
  padding:3px 0;
}

.comments .created {
  float:right; 
}

/* Blog Right col
------------------------------------------------- */

.red {
  color:#ef3e42;
  text-transform:uppercase;
  background:url(/media/templates/ed-header-red-short.jpg) no-repeat 0 100%;
  margin:0px 0px 5px;
  font-size:14px;
} 

.red-divider {
  background:url(/media/templates/ed-header-red-long.jpg) no-repeat 0 100%;
  padding:0px 0px 10px;
  width:196px;
}


.red-divider .main-content-text {
  font-size:12px;
}

.red-divider .contact-form {
  margin-top:0px; 
}

.red.epd {
  padding:0px 0px 10px; 
  margin:0px 0px 10px;
}

.red-divider.blog-tag-cloud {
  font-size:25px; 
}

.red-divider.blog-archive a {
  color:#333 !important; 
}

.bird {
  background:url(/media/templates/tweet-ed-bird.jpg) no-repeat 89% 0%; 
  display:block;
}

.bird .red {
  font-size:12px;
  text-transform:none;
}

#socialize {
  margin:0px 0px 50px; 
}

#socialize a {
  margin:0px 8px 0px 0px;
}

.red-divider#twitter #tweets {
  padding-top:0px; 
}

.red-divider #tweets {
  padding-bottom:10px !important; 
}

.red-divider .tweet {
  margin-bottom:10px !important;
}


/* Font Styles
-------------------------------------------------------------- */

/* IE EOT */

@font-face{ 
  font-family:'MuseoSlabLight'; 
  src:url('/media/museo_slab_100-webfont.eot');
}

@font-face{ 
  font-family:'MuseoSlabRegular'; 
  src:url('/media/museo_slab_300-webfont.eot');
}

/* OTHERS */

@font-face{ 
  font-family:'MuseoSlabLight'; 
  src:url('/media/museo_slab_100-webfont.ttf');
}

@font-face{ 
  font-family:'MuseoSlabRegular'; 
  src:url('/media/museo_slab_300-webfont.ttf');
}

.font-normal{
  font-family:Helvetica,Arial,sans-serif !important;
  line-height:18px !important;
}


/* General Reset Styles 
-------------------------------------------------------------- 
Reset all tags for browser inconsistencies.
-------------------------------------------------------------- */

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;background:transparent;}

html,body{margin:0;padding:0;border:0;outline:0;}

input::-moz-focus-inner{border:none;}

input[type=text]{
  border:1px solid #999;
  padding:2px;
  color:#4d4d4d;
}

table,tbody,th,tr,td,select,option,font{
  color:#4d4d4d;
  font-family:MuseoSlabLight;
}

/* Position Styles
-------------------------------------------------------------- */

.clear{
  clear:both;
}

.center{ 
  text-align:center; 
}

.f-left, .left, .float_left{ 
  float:left; 
}

.f-right, .right, .float_right{ 
  float:right; 
}

.absolute{
  position:absolute;
}

li{ 
  list-style: none; 
}


/* Header Styles
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6{
  font-weight:normal;
  color:#333;
  font-family:MuseoSlabRegular;
}

.main-content-title{
  font-size:14px;
}

.main-content-caption{
  padding-top:15px;
}

.sub-content-title{
  font-size:14px;
}

.sub-content-date{
  font-family:MuseoSlabLight;
  font-size:12px;
}

.sub-content-text{
}


/* Anchor Styles
-------------------------------------------------------------- */

a{
  color: #333333;
  text-decoration: none;
}

a:hover{
  color: #EE3A43;
  text-decoration: none;
}



/* Body Styles
-------------------------------------------------------------- */

*{
  margin:0;
  padding:0;
}

body{
  background:url(/media/templates/bg.jpg) repeat;
  font-family:MuseoSlabLight, Helvetica, Arial;
  font-size:12px;
  color:#4d4d4d;
  height: auto;
  min-height: 100%;
}

html>body{
  height: auto;
  min-height: 100%;
}


/* Default Layout Styles
-------------------------------------------------------------- */

#wrePageDiv{
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  height:100%;
  background:url(/media/templates/header_bg.png) repeat-x;
}

#wreBodyDiv{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 1100px;
  border: 0px solid green;
}

.splash #wreBodyDiv,
.home #wreBodyDiv,
.contact #wreBodyDiv{
  background:url("/media/templates/bird.png") no-repeat 85% -170px;
}

.contact #wreBodyDiv{
  min-height:700px;
  height:auto !important;
  height:700px;
}

#wreHeaderDiv{
}

#wreHeaderLeftDiv{
  float:left;
}

#wreHeaderRightDiv{
  float:right;
  padding-top:83px;
}

#wreLogo a{
  background:url(/media/templates/logo.png) no-repeat left bottom;
  width:172px;
  height:98px;
  display:block;
}

#wreMainMenuDiv{
}

#wreContentDiv{
  clear: both;
}

#wreDefaultContentDiv{
  clear: both;
  margin-bottom: 30px;
  padding-top:55px;
  min-height:400px;
  height: auto;
}

#wreContentLeftDiv{
  display: block;
  float:left;
  width: 586px;
}

#wreDefaultContentLeftDiv{
  display: block;
  float:left;
  width: 200px;
}

#wreContentLeftBodyDiv{
  display: block;
  padding: 25px 25px 5px;
  text-align: left;
}

#wreContentRightDiv{
  display: block;
  float:left;
  width: 514px;
}

#wreDefaultContentRightDiv{
  display: block;
  float:left;
  width: 850px;
  padding-left:50px;
}


#wreContentRightBodyDiv{
  display: block;
  padding: 25 25 45 25;
  text-align: left;
  position:relative;
}

#wreContentBottomDiv{
  padding-top:100px;
  padding-bottom:20px;
  width:100%;
}

#wreContentBottomLeftDiv{
  width:316px;
  float:left;
}

#wreContentBottomMiddleDiv{
  width:316px;
  float:left;
}

#wreContentBottomRightDiv{
  width:316px;
  float:left;
}

.wreContentBottomDivider{
  display:block;
  float:left;
  height:200px;
  width:76px;
}

#wreFooterDiv{
  display: block;
  text-align: right;
  height: 15px;
  padding-top: 4px;
  clear: both;
  font-size: 10px;
  color: #666666;
}

/* Menu Styles
-------------------------------------------------------------- */

/* MAIN MENU LEVEL - 1 */

.wre-main-menu{
  color:#FFFFFF;
  font-size:16px;
  display:inline-block;
  position:relative;
  z-index: 999;
  text-align:left;
}

.wre-main-menu .level-1{
  float:left;
  float:expression("left");
  position:relative;
}

.wre-main-menu-item{
  color:#4C4C4C;
  padding:10px 0px;
  position:relative;
}

.wre-main-menu-item:hover,
.wre-main-menu-item.active,
div.active .wre-main-menu-item{
  border-bottom:5px solid #EE3A43;
  color:#EE3A43;
  padding-bottom:2px;
  padding-bottom:expression("3px");
}

.wre-main-menu-item.active{}

.wre-main-menu-divider{
  color:#4C4C4C;
  padding:0 35px;
float:left;

}

/* MAIN MENU LEVEL - 2 */

.wre-main-menu-level2{
  position:absolute;
  top:27px;
  left:-25px;
  padding:15px 10px;
  display:none;
  background:#FFF;
  font-size:13px;
  
  box-shadow:0 0 5px #BBBBBB;
  -moz-box-shadow:0 0 5px #BBBBBB;
  -webkit-box-shadow:0 0 5px #BBBBBB;
}

.wre-main-menu-level2 .default-hover-title{
  background:#333333;
  border-bottom:5px solid #EE3A43;
  color:#EE3A43;
  font-size:15px;
  padding-bottom:1px;
  position:absolute;
  top:-25px;
  left:25px;
}

.wre-menu-level2-title{
  background:#FFF;
  color:#FFF;
  font-size:16px;
  padding:8px 25px;
  position:absolute;
  top:-35px;
  left:0px;
}

.wre-menu-level2-title-red-border{
  left:25px;
  position:absolute;
  top:8px;
  color:#EE3A43;
  border-bottom:5px solid #EE3A43;
  padding-bottom:2px;
  padding-bottom:expression("3px");
}

.wre-main-menu-level2-item{
  padding:0 20px;
  border-right:1px solid #CCCCCC;
}

.wre-main-menu-level2 > ul{
  background:#FFF;
  box-shadow:0 0 5px #BBBBBB;
  -moz-box-shadow:0 0 5px #BBBBBB;
  -webkit-box-shadow:0 0 5px #BBBBBB;
  padding:15px 25px;
  width:auto;
  float:left;
}

ul.wre-main-menu-level2 > li{ 
  list-style: none;
}

.wre-main-menu-level2-item{

}

.wre-main-menu-level2-item.active{

}

/* HIDDEN - WORK MENU CONTENT */

#wre-menu-work-content{
  background:#FFF url(/media/templates/work-menu-bg.jpg) repeat-y;
  padding:0 15px;
  width:340px;
}

#wre-menu-work-content .menu-title{
  font-size:14px;
}

.wre-menu-case-studies-wrapper{
  float:left;
  padding-right:25px;
}

.wre-menu-case-studies{

}

.wre-menu-case-studies > li{
  margin-bottom:10px;
}

.wre-menu-case-studies-item{

}

.wre-menu-case-studies-item .img{
  display:block;
  float:left;
  height:40px;
  background:#999;
  overflow:hidden;
}

.wre-menu-case-studies-item .link{
  font-size:12px;
  color:#808080;
  margin-left:15px;
  padding-top:12px;
  float:left;
  width:130px;
  overflow:hidden;
  white-space: nowrap;
}

.wre-menu-case-studies-item .link:hover{
  color:#EE3A43;
}

.case-studies-header{
  display:block;
  font-size:20px;
  margin-top:45px;
  font-family:MuseoSlabLight,Helvetica,Arial !important;
  padding-bottom:10px;
}

.case-studies-body{
  display:block;
  margin-bottom:50px;
}

.wre-menu-clients-wrapper{
  float:left;
  padding-left:25px;
}

.wre-menu-clients{
  padding-top:13px;
}

.wre-menu-clients > li{ 
  margin-bottom:10px; 
}

.wre-menu-clients-item{
  font-size:12px;
  color:#808080;
}

/* SIDE MENU */

.wre-side-menu-wrapper{
  font-size:14px;
  width:200px;
  margin-bottom:50px;
  border-bottom:1px solid #CCC;
}

.wre-side-menu-wrapper a{
  display:block;
}

/* LEVEL 1 */

.wre-side-menu-wrapper-1 a{
  font-size:16px;
  padding-bottom:7px;
  color:#EE3A43;
}

/* LEVEL 2 */
.wre-side-menu-wrapper-2{
  font-size:14px;
  border-top:1px solid #CCC;
  padding:5px 0;
}
.wre-side-menu-wrapper-2 a{
  padding-left:3px;
  padding-top:5px;
  padding-bottom:5px;
  background:url(/media/templates/menu-plus.png) no-repeat 97% 50%;
}

.wre-side-menu-wrapper-2.active a,
.wre-side-menu-wrapper-2 a:hover,
.wre-side-menu-wrapper-2 a:active{
  color:#FFF !important;
  background:#EE3A43 url(/media/templates/menu-plus.png) no-repeat 97% 50%;
}

.wre-side-menu-wrapper-2.leaf1 a{
  color:#FFF !important;
  background:#EE3A43 url(/media/templates/menu-minus.png) no-repeat 97% 50% !important;
}


/* LEVEL 3 */
.wre-side-menu-wrapper-3{
  font-size:12px;
  margin:0 0 10px 3px;
}

.wre-side-menu-wrapper-3 a{
  padding-left:10px;
  color:#808080;
}

.wre-side-menu-wrapper-3 a:hover{
  text-decoration: underline;
  color:#808080;
}

.wre-side-menu-wrapper-3:active a,
.wre-side-menu-wrapper-3.active a,
.wre-side-menu-wrapper-3.leaf1 a{
  text-decoration: underline;
}



/* LEVEL 4 */
.wre-side-menu-wrapper-4{
  font-size:11px;
  margin-bottom:13px;
}

.wre-side-menu-wrapper-4 a{
  padding-left:20px;
  color:#808080;
}

.wre-side-menu-wrapper-4.active a,
.wre-side-menu-wrapper-4 a:hover{
  color:#EE3A43;
}


/* Home Layout Styles
-------------------------------------------------------------- */

#wreContentBottomLeftDiv .title-link,
#wreContentBottomMiddleDiv .title-link,
#wreContentBottomRightDiv .title-link{
  border-bottom:2px solid #CCCCCC;
  display:block;
  font-size:16px;
  width:100%;
}

/* RECENT WORK */

.wre-recent-work{
  text-align:left;
}

.wre-recent-work-item{
  border-bottom:1px solid #CCCCCC;
  padding:3px;
  padding:expression("5px");
}

.wre-recent-work-item a{
  display:block;
}

.wre-recent-work-date{
  font-size:8px;
  font-size:expression("9px");
  color:#666;
}

/* STUDIO */

.wre-feature-studio{
  text-align:left;
  font-size:12px;
  height:210px;
  position:relative;
}

.wre-feature-studio-item{
  height:36px;
  overflow:hidden;
  padding:5px 0;
}

.wre-feature-studio-img{
  width:316px;
  height:143px;
  display:block;
  overflow:hidden;
  position:absolute;
  bottom:0px;
  left:0px;
}


/* BLOG */

.wre-feature-blog{
  text-align:left;
  height:210px;
  position:relative;
}

.wre-feature-blog-item{
  padding:5px 0;
  height:36px;
  display:none;
}

.wre-feature-blog-item.count1{
  display:block !important;
}

.wre-feature-blog-img{
  width:316px;
  height:143px;
  display:block;
  overflow:hidden;
  position:absolute;
  bottom:0px;
  left:0px;
}

.wre-feature-blog-date{
  font-size:8px;
  color:#808080;
}



/* Work Layout Styles
-------------------------------------------------------------- */

/* WRE ARTICLE STYLES */

#wreArticleTitle{
  color:#4C4C4C;
  font-size:24px;
  margin:60px 0 15px;
}

#wreArticleDescription{
  font-size: 18px;
  color: #4C4C4C;
  line-height: 24px;
  margin-bottom: 7px;
  font-family:MuseoSlabLight;
}

#wreArticleBody{
  color:#333333;
  font-size:25px;
  margin:0 0 7px;
}

#wreArticleImage{
  text-align: center;
  margin-top: 70px;
  margin-bottom: 30px;
}

.case-studies .main-content-title{
  font-size:30px;
}

.case-studies .main-content-caption{
  float:left;
  width:470px;
  font-size:13px;
  margin-top:-30px;
  line-height:20px;
}

.case-studies .studio-images{
  padding-top:30px;
}

.case-studies-client-thought{
  position:relative;
  margin-bottom:80px;
}

.case-studies-client-thought .quote-left{
  position:absolute;
  display:block;
  width:52px;
  height:45px;
  background:url(/media/templates/quote-left.png) no-repeat;
  top:-38px;
  left:-45px;
  z-index:0;
}

.case-studies-client-thought .quote-right{
  position:absolute;
  display:block;
  width:52px;
  height:45px;
  background:url(/media/templates/quote-right.png) no-repeat;
  bottom:-18px;
  right:0;
  z-index:0;
}

.z-10{
  position:relative;
  z-index:10;
}

/* WRE EMAIL FORM STYLES */

#wreEmailForm input{
  border: #CCCCCC 1px solid;
  background-color: #FFFFFF;
  color: #494a4c; 
  font-style: italic;
  border: 1px solid #999999;
  margin-bottom:10px;
}

.wreEmailForm{
  background-color: #FFFFFF;
  color: #494a4c; 
  border: 1px solid #999999; 
}

#wreEmailForm table{

}

#wreEmailForm td{
  font-weight: normal;
  line-height: 16px;
  font-size: 11px;
  text-decoration:none;
  color: #000000;
}

.wreEmailFormBlank{
  border: #CCCCCC 0px solid;
  background-color: #FFFFFF;
}



/* SLIDESHOW STYLES */

#wre-work-slideshow{
  position:relative;
  width:800px;
}

#wre-work-slideshow-wrapper{
  width:800px;
  height:450px;
  display:block;
  overflow:hidden;
  position:relative;
  margin-bottom:25px;
}

#wre-work-slideshow #gallery-container{
  height:450px;
  width:3000px;
  display:block;
  position:absolute;
  top:0;
  left:0;
}

#wre-work-slideshow-description{
  color:#333;
  width:370px;
  float:left;
  line-height:20px;
}

#wre-work-slideshow-pagination{
  position:relative;
  float:right;
}

#wre-work-slideshow-pagination > ul{
  float:left;
  display:block;
}

#wre-work-slideshow-pagination .pagination-left,
#wre-work-slideshow-pagination .pagination-right{
  float:left;
  display:block;
  color:#333;
}

#wre-work-slideshow-pagination .pagination-left{
  margin-right:8px;
}

#wre-work-slideshow-pagination .pagination-right{
  margin-left:8px;
}

#wre-work-slideshow-pagination ul li{
  display:inline;
  float:left;
}

#wre-work-slideshow-pagination ul li a{
  float:left;
  display:block;
  color:#333;
  padding-top:1px;
}

#wre-work-slideshow-pagination .pagination-left:hover,
#wre-work-slideshow-pagination .pagination-right:hover,
#wre-work-slideshow-pagination ul li a:hover,
#wre-work-slideshow-pagination ul li a.active{
  color:#EE3A43;
}

#wre-work-slideshow-pagination ul li.divider{
  padding:1px 6px 0;
}

#wre-work-slideshow #gallery-container .item{
  width:800px;
  height:450px;
  display:block;
  float:left;
  overflow:hidden;
}

#wre-work-slideshow #gallery-container .item .image{
  display:none;
}

#wre-work-slideshow #gallery-container .item .description{
  display:none;
}



/* Work - Case Studies Layout Styles
-------------------------------------------------------------- */

.work-landing .main-content-title{
  font-size:24px;
  width:650px;
}

.work-landing .main-content-caption{
  font-size:18px;
  line-height: 24px;
  width:650px;
}

.wre-recent-case-studies{
  margin-top:55px;
  width:830px;
  overflow-x: hidden;
}

.wre-recent-case-studies .wrapper{
  margin-top:10px;
  width:900px;
}

.wre-recent-case-studies .item{
  float:left;
  margin-right:25px;
  width:265px;
}

.wre-recent-case-studies .item-img{
  width:265px;
  height:180px;
  overflow:hidden;
  margin-bottom:15px;
  display:block;
}

.wre-recent-case-studies .item-title{
}

.wre-recent-case-studies .item-caption{
}

.project-link{
  display:block;
  float:left;
  margin-top:-30px;
}

.wre-recent-case-studies .item-link,
.project-link{
  font-size:13px;
  color:#ef3e42;
}

.wre-recent-case-studies .item-link:hover{
  color:#B32F32;
}


/* Studio Styles
-------------------------------------------------------------- */

.studio .main-content-caption{
  width:400px;
  float:left;
}

.studio-images{
  float:right;
  width:315px;
  display:block;
}

.studio-images .item{
  width:315px;
  height:315px;
  overflow:hidden;
  margin-bottom:25px;
  text-align:right;
  position:relative;
}

.studio-people-wrapper{
}

.studio-people-wrapper .left{
  float:left;
  width:460px;
}

.studio-people-wrapper .right{
  float:right;
  padding-top:60px;
}

.img-box{
  display:block;
  height:315px;
  overflow:hidden;
  width:315px;
}

.studio-people-wrapper .main-content-title,
.studio-people-wrapper .main-content-caption{
  width:450px;
  color:#FFF;
}

.studio-people-wrapper h1{
  font-size:14px;
  padding-bottom:3px;
}

.studio-people-wrapper h2{
  font-family:MuseoSlabLight;
  font-size:12px;
  padding-bottom:20px;
}


/* Contact Styles
-------------------------------------------------------------- */


.contact .main-content-title{
  font-size:18px;
}

.contact .main-content-caption{
  font-size:18px;
}

.contact #wreContentLeftBodyDiv{
  padding-top:70px;
}

.contact .main-content-caption{
  padding-top:25px;
}

.contact .main-content-caption .google-map{
  font-size:12px;
  color:#ef3e42;
  display:block;
  padding-top:10px;
}

.contact .main-content-caption .google-map:hover{
  font-size:12px;
  color:#B32F32;
}

.contact-form{
  margin-top:80px;
  
}

.blog-newsletter input[type=text],
.contact-form input[type=text]{
  width:315px;
  font-style: italic;
  margin-top:10px;
  display:block;
}

.blog-newsletter .submit,
.contact-form .submit{
  margin-top:10px;
  color:#ef3e42;
  display:block;
  background:none;
  border:none;
  text-transform:uppercase;
  cursor: pointer;
}

.blog-newsletter .submit:hover,
.contact-form .submit:hover{
  color:#B32F32;
}



/* Blog Styles
-------------------------------------------------------------- */

.blog-wrapper{
  /*padding-top:220px;*/ 
  padding-top:80px;
  width:500px;
  float:left;
  position:relative;
background:url(/media/templates/news_header.png) no-repeat top left;
}

.blog-logo{  
  width:453px;
  height:170px;
  display:block;
  position:absolute;
  top:0;
  /*left:-60px;*/ 
}

.blog-wrapper .sub-content-title{
}

.blog-wrapper .sub-content-image{
  padding-top:10px;
}

.blog-wrapper .sub-content-text{
  padding:30px 0;
}

.blog-navigation{
  width:240px;
  float:right;
}

.blog-tag-cloud,
.blog-social-media,
.blog-archive,
.blog-newsletter{
  margin-bottom:40px;
}

.blog-archive a{
  color:#ef3e42;
  font-size:11px;
  text-transform: uppercase;
  margin-bottom:5px;
}

.blog-archive a:hover{
  color:#B32F32;
}

.blog-tag-cloud{
  font-size:30px;
}

.blog-tag-cloud .sub-content-title{
  padding-bottom:10px;
}

.blog-tag-cloud a{
  margin-right:10px;
  display:inline-block;
}

.blog-newsletter input[type="text"]{
  width:96% !important;
}

.blog-social-media .sub-content-title{
  padding-bottom:10px;
}

.blog-social-media a{
  font-size:11px;
  margin-bottom:3px;
  padding-bottom:3px;
  border-bottom:1px solid #CCC;
  display:block;
  padding-left:10px;
}

.tag-search-title{
  border-bottom: 1px solid #CCCCCC;
    font-family: MuseoSlabRegular;
    font-size: 15px;
    margin-bottom: 30px;
    padding-bottom: 2px;
}

.blog-tag-search{

}

.blog-tag-search .item{
  font-size: 15px;
    margin-bottom: 20px;
}

.blog-tag-search .separator{
  
}