/* --------------------------------------------------------- */
/* CASE CSS
/* --------------------------------------------------------- */
#case-detail { margin-bottom:0; }
#case-detail h1 { font:23px/30px "proxima-nova-1", "proxima-nova-2", "Myriad Pro", sans-serif; padding-bottom:5px; border-bottom:2px solid #dde5e5; margin-bottom:10px; margin-top:8px; text-transform:uppercase; }
#case-detail h2 { font:14px/24px "proxima-nova-1", "proxima-nova-2", "Myriad Pro", sans-serif !important; color:#7f9194 !important; padding-bottom:0px; border-bottom:1px solid #dde5e5; margin-top:7px; margin-bottom:5px; text-transform:uppercase; font-weight:bold; }
#case-detail #slideshow-wrapper { display:block; position:relative; width:556px; height:256px; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#case-detail #slideshow-wrapper div#nav { position:absolute; bottom:10px; right:10px; list-style:none; font-weight:bold; z-index:1000; }
#case-detail #slideshow-wrapper div#nav a { display:block; cursor:pointer; margin-left:5px; float:left; background:#e3e7e6; color:#7f9194; text-decoration:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:20px; height:20px; line-height:20px; text-align:center; }
#case-detail #slideshow-wrapper div#nav a:hover, #case-detail #slideshow-wrapper div#nav a.activeSlide { background:#7f9194; color:#FFF; }
#case-detail div.slideshow { display:block; width:556px; height:256px; }
#case-detail div.slideshow img { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#case-detail p.introduction { font:16px/18px "proxima-nova-1", "proxima-nova-2", "Myriad Pro", sans-serif; margin-bottom:16px; }
#case-detail p.conclusion { font-style:italic; color:#344243; }
#case-detail p { line-height:16px; margin-bottom:16px; }
#case-detail p:last-child { margin-bottom:0; }

div.first { margin-top:0 !important; }
div.featured-case-right { position:relative; width:245px; min-height:140px; margin-top:16px; margin-bottom:0px !important; background:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; }
div.featured-case-right:hover { background:#E4EAEA; }
div.featured-case-right:hover h2 { color:#4e6867 !important; }
div.featured-case-right:hover a.btn { color:#4e6867; background:url(../img/bg-link.png) no-repeat bottom right; text-decoration:none; }
div.featured-case-right div.img { float:left; margin:0px 10px 0px 0px; width:105px; height:105px; background-color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
div.featured-case-right h2 { margin:0px 0px 10px 0px; border-bottom:none; border-bottom:2px solid #dde5e5; line-height:15px !important; padding-bottom:5px; }
div.featured-case-right p { font-style:italic; }
div.featured-case-right a.btn { position:absolute; bottom:10px; right:10px; width:auto; margin:0px; }