@charset "utf-8";

/* 'Mini' Reset */
html, body, h1 ,h2, h3, h4, h5, h6, p, ul, ol, li, p, input, textarea { margin:0; padding:0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; /*font-family:Tahoma, Geneva, sans-serif;*/  }
.clear { clear:both; padding:0; margin:0; }
img {border:0;}


/* Font Families and Typography  ---------------------------------------------------------------------------------------------------------------------------- */

/* Body copy */   p, #footer                                                     { font-size:12px; color:#5d5d5d; color:#444; font-style:italic; }
/* Curly  */      h2, .service-call-to-action, .light-stand-out, .small-quote    { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;  }

/* Normal */      h1, h3, h4, h5, h6, #nav li a, .service-heading, .heading-page span, .service-discipline-col h2, .single-column h2, .big-bold-text { 
                  font-family:'Century Gothic', 'CenturyGothicRegular', Arial, Helvetica, sans-serif;  font-weight:normal; font-style:normal; }
/* Bold   */      h6, .bold-w, .service-heading strong         { font-family:'Century Gothic', 'CenturyGothicBold', Arial, Helvetica, sans-serif;     font-weight:bold;   font-style:normal; }
/* Italic */     .tagline-home, .stand-out, .small-italic      { font-family:'Century Gothic', 'CenturyGothicItalic', Arial, Helvetica, sans-serif;   font-weight:normal; font-style:italic; }

a        { color:#9e2025; color:#b12e33; text-decoration:none; }
a:hover  {text-decoration:underline;}

p                      { line-height:18px; padding-bottom:10px; }

h1, h2, h3, h4, h5, h6 {font-size:22px;}
h1, h4                 { font-size:24px; color:#FFF; text-transform:uppercase; text-shadow:1px 1px 1px #111; letter-spacing:-1px;}

h1   { }
h2   { font-size:24px; color:#555; font-style:italic; text-shadow:1px 1px 0 #EEE; } /* Curly Headings */
h3   { }
h4   { }
h5   { }
h6   {  font-size:20px; color:#FFF; padding-bottom:20px; text-shadow:1px 1px 1px #111; } /* Used in Footer */

.tagline-home { color:#4e4e4e; text-shadow:1px 1px 0 #CCC; margin-bottom:25px; font-size:24px; text-transform:none; text-align:center; }
.bold-w       { text-transform:uppercase;  color:#FFF; letter-spacing:-1px; text-shadow:1px 1px 1px #666;}
.stand-out    { color:#4e4e4e; font-size:18px; line-height:22px; text-shadow:1px 1px 0 #E3E3E3; margin:0 0 30px 0; padding:0; }
.light-stand-out { color:#818181; font-size:15px; text-align:center; line-height:18px;  }
.large-quote  { color:#5f5f5f; font-size:20px; line-height:26px;}
.small-italic  { font-size:14px; color:#5e5d5d; text-transform:capitalize; letter-spacing:normal; line-height:18px; text-shadow:none;}
.small-quote  { font-size:18px; color:#5f5f5f; font-style:italic; line-height:24px; }
.big-bold-text { font-size:16px; color:#5d5d5d; line-height:22px; text-shadow:1px 1px 0 #EEE;}
 .big-bold-text span {color:#2f2f2f;}



/* Structure ---------------------------------------------------------------------------------------------------------------------------- */

body              {background:url(http://www.flintstudio.com/themes/flint/images/bg-main.jpg) left top repeat-x; }
#global-wrapper   { margin:0 auto; width:1000px; padding-bottom:35px; padding:0 20px;}
 #header          { height:120px; padding:35px 0 0 0; margin-bottom:45px;}
  #logo           { float:left; width:225px; margin-right:30px; }
  
  
/* Homepage ----------------------------------------------------------------------------------------------------------------------------  

    Home - 4 Service Intro Blocks   */

#home-4-service-wrap      {margin-bottom:35px;}
 .service-col             { float:left; width:225px; margin-right:30px; _margin-right:29px;  }
  .service-heading        {background:url(http://www.flintstudio.com/themes/flint/images/home-services-blank.png) no-repeat; width:225px; height:45px; font-size:16px; color:#ffe4e5; color:rgba(255,255,255, 0.8); color:#ffe4e5\9; text-shadow:1px 1px 0 #630b0e; 
                             line-height:42px; text-align:center;  font-style:italic;  }
  .service-heading strong { color:#FFF; font-size:20px; padding-left:3px; text-shadow:1px 1px 1px #111;}
  .service-visual         { width:225px; height:170px; overflow:hidden;}
  .service-shadow         { position:relative; background:url(http://www.flintstudio.com/themes/flint/images/home-shadow-services.png) top repeat-x; width:225px; height:15px; }
  
  .service-col p       { text-align:justify; text-align:left;}
  .service-col h2      { padding:10px 0 15px 0; text-align:center; }
  .service-col .button { margin:10px auto 0 auto; width:75px; display:block;}
  
  .service-col .arw1   {background:url(http://www.flintstudio.com/themes/flint/images/home-services-array-next.png) no-repeat; width:12px; height:12px; position:absolute; top:36px; right:-22px; }


/* Headings */
.heading-page          { width:960px; height:56px; background:url(http://www.flintstudio.com/themes/flint/images/bg-heading-multicolor-sub.png) no-repeat; padding:0 20px; margin-bottom:45px;
                        -webkit-border-radius:5px;  -webkit-box-shadow:0 1px 5px #555; -moz-border-radius:5px;  -moz-box-shadow:0 1px 5px #555; border-radius:5px; box-shadow:0 1px 5px #555; }
 .heading-page h1      { float:left; line-height:54px;}
 .heading-page a       { float:right; /* button light css */ }
 .heading-page a:hover { background-color:rgba(158,32,37, 0.8); background-color:rgba(184,41,35, 0.9); text-decoration:none;  }
 .heading-page span    { font-size:17px; color:#FFF; float:right; line-height:54px; text-shadow:1px 1px 1px #444; }
 .heading-page strong  {font-weight:normal;}
 
 /* Specifc page headings overwrites */
 .duel-page-heading   {background:url(http://www.flintstudio.com/themes/flint/images/colour-heading-bar-duel-end.jpg) no-repeat; }

.heading-client-articles { width:970px; height:56px; background:url(http://www.flintstudio.com/themes/flint/images/bg-heading-clients-articles.jpg) no-repeat; padding:0 15px; margin-bottom:20px; }

/* Clients - Homepage */
.clients-home          { float:left; width:485px; margin-top:-10px;} 
 .client-home-item     { float:left; width:121px; width:97px; height:97px; overflow:hidden; margin:0 10px;  }
 .client-home-item img { width:121px; height:121px; width:97px; height:97px; margin:0 auto;  }

/* Articles - Homepage */
.articles-home      { float:right; width:485px;}
 .articles-home div { border-bottom:1px solid #CCC; margin-bottom:10px; }
 .articles-home p  { color:#333; font-style:normal;}
 .articles-home em { color:#666; text-transform:uppercase; font-style:normal; font-size:11px; padding-right:5px;}
 .articles-home a  { }


/* Featured Projects - Home */
#featured-projects-wrap  { margin-top:-44px; margin-bottom:35px; padding:28px 0 30px 0; position:relative;  background:url(http://www.flintstudio.com/themes/flint/images/bg-featured-projects.jpg) no-repeat;}
 #featured-slider        { width:10000px; list-style:none; }
 #featured-slider-cont   { overflow: hidden; width: 1000px;}
 #featured-slider li     { width:310px; height:190px; overflow:hidden; float:left; border:1px solid #CCC; margin-right:31px; display:block; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  }
 #featured-slider li div { opacity:0; display:none\9; padding:20px; height:150px; background:#9e2025; background:rgba(154,32,36, 0.9); -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
                          /* -webkit-transition: all 0.20s ease-out;	-moz-transition: all 0.20s ease-out; -o-transition: all 0.20s ease-out;*/ }
 #featured-slider li:hover div { opacity:1; display:block\9; }
 
 #featured-slider h4   { line-height:26px; padding:0 0 15px 0; text-shadow:1px 1px 0 #690d0d;  }
 #featured-slider p    {color:#eb9494;}
 #featured-slider li a { color:#fee7e7; margin:10px 0 0 0; }
 #featured-slider li a:hover  {  background-color:#222;  background-color:rgba(255,255,255, 0.4); text-decoration:none; color:#FFF;}

/* Back - next buttons */
.back-featured-slider, .next-featured-slider { width:32px; height:32px; display:block; cursor:pointer;  }
.back-featured-slider:active, .next-featured-slider:active {top:107px;}
.back-featured-slider { background:#FFF url(http://www.flintstudio.com/themes/flint/images/back-next-featured-slider.png) right top no-repeat;    position:absolute; left:-60px;  top:105px; }
.next-featured-slider { background:#FFF url(http://www.flintstudio.com/themes/flint/images/back-next-featured-slider.png) left bottom no-repeat;  position:absolute; right:-58px; top:105px; }


/* Main Navigation */
#nav-main   { float:left; width:745px; padding-top:65px;}
 ul#nav     {list-style:none;}
  #nav li   { float:left; display:block; padding-right:10px; }
  #nav li a { color:#656565; font-size:15px; padding:5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
  #nav li a:hover, #nav .active { background:#a92227 url(http://www.flintstudio.com/themes/flint/images/buttons-sprite.jpg) bottom repeat-x; color:#FFF; text-decoration:none; 
                                  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-shadow:0 1px 1px #333;   }


/* Mega nav dropdown */
#nav .mega-dropdown         { position:relative; height:50px; }
 .mega-dropdown .menu       { display:none; position:absolute; left:-6px; top:40px; width:400px; padding:15px 0 0 15px;  border:1px solid #CCC; z-index:1000; background:#FFF url(http://www.flintstudio.com/themes/flint/images/bg-nav.jpg) left -50px no-repeat;
                              -moz-box-shadow:0 3px 5px #444; -webkit-box-shadow:0 3px 5px #444; box-shadow:0 3px 5px #444; }
 .mega-dropdown:hover .menu {display:block;}
 
 #nav .menu li   { float:left; width:180px; margin:0 20px 0 0; padding:0 0 15px 0; }
 #nav .menu a    { font-size:15px; color:#444; display:block; padding:0; margin:0; text-shadow:1px 1px 0 #FFF; }
 #nav .menu span { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#777; text-transform:capitalize; display:block; padding:3px 0 0 0; }

 #nav .menu a:hover      { background:none; color:#b9353a; text-shadow:none;  }
 #nav .menu a:hover span {color:#333;}
 
 #nav .mega-dropdown:hover .service-nav-link  { background:#a92227 url(http://www.flintstudio.com/themes/flint/images/buttons-sprite.jpg) bottom repeat-x; color:#FFF; text-decoration:none; text-shadow:0 1px 1px #333;
                                                -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }



/* Buttons */
.button { background:#dfdfdf url(http://www.flintstudio.com/themes/flint/images/buttons-sprite.jpg) left -3px repeat-x; line-height:25px; padding:0 15px; /*border:1px solid #dddddd;*/  display:inline-block; 
          -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;/* -webkit-transition: all 0.25s ease-out;	-moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out;*/
          font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#808080; color:#676767; text-shadow:1px 1px 0 #EEE; text-align:center; }
.button:hover { background-position:bottom; background:none; background-color:#b82923; color:#FFF; text-shadow:1px 1px 0px #690d0d; text-decoration:none; /* border:1px solid #900000;*/}

.button-light { line-height:25px; padding:0 15px; display:inline-block; background:#222; background:rgba(255,255,255, 0.2); margin:15px 0 0 0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; 
                font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#FFF; text-shadow:1px 1px 0px rgba(127,24,24, 0.5); text-align:center; 
                -webkit-transition: all 0.25s ease-out;	-moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out;  }
				
.button-dark { line-height:25px; padding:0 15px; display:inline-block; background:#222; background-color:rgba(255,255,255, 0.1); margin:15px 0 0 0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; 
                font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#FFF; text-shadow:1px 1px 0px rgba(000,000,000, 0.5); text-align:center; 
                -webkit-transition: all 0.25s ease-out;	-moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out;	 -moz-box-shadow:0 0 4px #444; -webkit-box-shadow:0 0 4px #444; box-shadow:0 0 4px #444;}
				
.button-dark:hover { /*background-color:rgba(184,41,35, 0.8);*/ text-decoration:none; background:#9e2025; background-color:rgba(255,255,255, 0.3); }


.action-button-framed {background:url(http://www.flintstudio.com/themes/flint/images/bg-soft-grad.jpg) repeat-x; padding:20px 0 30px 0; margin:10px 0 0 0; border-top:1px solid #cecece; }
 .action-button-framed .button { width:100px; margin:0 auto; display:block; }

/* Footer */
#footer-wrap { background:#3b3b3b url(http://www.flintstudio.com/themes/flint/images/bg-footer.jpg) no-repeat; height:273px; overflow:hidden; margin-top:30px; /* height and overflow for IE padding bug */  }
 #footer     { width:1000px; margin:0 auto; padding:35px 20px;}
 .footer-col { width:310px; margin-right:35px; float:left; }
 
 #footer a  {color:#4ab8f2;}
 #footer h6 { }
 #footer p, #footer li {color:#FFF;}
 #fooer a, #footer p, #footer {font-style:normal;}
 
 .footer-project       { position:relative; width:310px; height:190px; display:block; overflow:hidden;  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow:0 0 5px #333;}
 .footer-project:hover {text-decoration:none;}
 .footer-project img  { }
 .footer-project span { position:absolute; bottom:0; right:0; background:#242424; padding:8px; color:#FFF; font-style:normal; opacity:0.9; text-shadow:1px 1px 0 #000;
  -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; border-top-left-radius: 8px; border-bottom-right-radius: 8px;}
 .footer-project:hover span {opacity:1;}
 
 ul#footer-list   { list-style:none; margin-top:-5px; margin-bottom:25px;}
  #footer-list li {  }
  #footer-list a  { color:#FFF; padding:5px 0; display:block;  line-height:18px;  font-size:11px;  border-bottom:1px solid #636363; }
  #footer-list span {color:#4ab8f2;}
  #footer-list a {text-decoration:none;}
  #footer-list a:hover {text-decoration:underline;}
  #footer-list a:hover span {text-decoration:underline;}
  
  #footer .footer-twitter {background:url(http://www.flintstudio.com/themes/flint/images/icon-twitter-footer.png) left center no-repeat; display:block; padding-left:40px; line-height:30px; color:#FFF;  }
  
  .footer-services { background:#282828; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; padding:10px 0 10px 10px; color:#FFF; margin-top:-10px; } 
  .footer-services a { padding:0 4px; }
  
  #footer .button-dark {color:#FFF;}
  #footer .button-dark:hover {background-color:#1e7cae;}

#copyright-wrap {background-color:#282828;}
 #copyright { width:1000px; margin:0 auto; }
  #copyright p { padding:15px 0; font-style:normal; color:#555;}
  #copyright a {color:#CCC;}
  
/* Services Pages */
#main-service-wrap {margin-bottom:35px;}

.service-discipline-col {  float:left; width:225px; margin-right:30px; _margin-right:29px; }

  .service-discipline-col p       { }
  .service-discipline-col h2, .single-column h2
  { text-align:center; font-size:15px; line-height:40px; padding:0 10px; margin:0;  color:#FFF;     text-shadow:0 1px 1px #000; background:#363636; letter-spacing:normal;
    /*background-image: -webkit-gradient(linear, left bottom,left top,color-stop(0.18, rgb(71,71,71)),color-stop(0.89, rgb(38,38,38)));
    background-image: -moz-linear-gradient(center bottom,rgb(71,71,71) 18%,rgb(38,38,38) 89%);*/
	background:#222 url(http://www.flintstudio.com/themes/flint/images/bg-headings-dark.jpg) repeat-x;
    -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
 
  .service-discipline-col img { border-bottom:1px solid #CCC; margin-bottom:10px; -moz-box-shadow:0 2px 3px #999; -webkit-box-shadow:0 2px 3px #999; box-shadow:0 2px 3px #999; }
  
.service-call-to-action { border-bottom:1px solid #CCC; border-top:1px solid #CCC; padding:10px 0; text-align:center; color:#5d5d5d; font-size:16px; margin:10px 0 20px 0; line-height:20px;  }
.service-discipline-col .button {width:75px;}



/* Portfolio pages */
.portfolio-list-wrap { width:730px; float:left;  }

ul#projects-list { list-style:none; padding-left:35px; }

 #projects-list li     { width:310px; height:190px; overflow:hidden; float:left; border:1px solid #CCC; margin:0 30px 30px 0; display:block; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  }
 #projects-list li div { opacity:0; display:none\9; padding:20px; height:150px; background:#9e2025; background:rgba(154,32,36, 0.95); -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
                          /* -webkit-transition: all 0.20s ease-out;	-moz-transition: all 0.20s ease-out; -o-transition: all 0.20s ease-out;*/ }
 #projects-list li:hover div { opacity:1; display:block\9; }
 
 #projects-list h4   { line-height:26px; padding:0 0 15px 0; text-shadow:1px 1px 0 #690d0d;  }
 #projects-list p    {color:#eb9494;}
 #projects-list li a { color:#fee7e7; margin:10px 0 0 0; }
 #projects-list li a:hover  {  background-color:#222;  background-color:rgba(255,255,255, 0.4); text-decoration:none; color:#FFF;}



/* Contact page and FORMS ------------------------------------------------------------------------------------------------ */

.map-thumb { display:block; margin:0 0 20px 0; }
.map-thumb:hover {text-decoration:none;}
#google-map { margin:0 0 20px 0; border:1px solid #CCC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;   }

 .red-button {  background:#B12E33; color:#FFF; text-align:center; display:block; padding:5px 0; cursor:pointer; text-shadow:1px 1px 0 #333; -moz-border-radius:5px;  -webkit-border-radius:5px; border-radius:5px; }
 .red-button:hover { background:#b82923; text-decoration:none; }
 
label    { padding:0; margin:0; display:none;  }
.form-field-wrap { display:block; float:left; width:235px; overflow:hidden; margin-right:20px; margin-bottom:10px;  }

input, textarea { font-size:13px; color:#838383; padding:8px; margin:0; border:1px solid #b1b1b1;  -moz-border-radius:5px;  -webkit-border-radius:5px; border-radius:5px; }
 input    {width:215px;}
 textarea {width:470px;}
 input:focus, textarea:focus { border:1px solid #e47379; }





/* Columns */ 
.single-column { float:left; width:225px; margin-right:30px; _margin-right:29px; }  
.single-column h2 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:25px 0 20px 0; text-align:left; /* some rules inherited from .service-discipline-col h2 */ }

.double-column  { float:left; width:450px; width:490px; margin-right:30px; _margin-right:27px;}
.tripple-column { float:left; width:675px; margin-right:30px;}

ul.italic-list   { list-style:none; margin:0 0 20px 0;}
 .italic-list li { color:#5d5d5d; font-style:italic; line-height:18px; padding:0 0 8px 0; font-size:12px; }
 
 
 /* Portfolio - single */
.portfolio-single-aside { margin-right:70px; width:255px;} 
.portfolio-info        { margin:35px 0 45px 35px; margin:0 0 45px 0;}
 .portfolio-info h3.stand-out { margin:0 0 10px 0; }
 .portfolio-info h4  { }
 .portfolio-info .button {margin-top:13px;}
 .port-single-desc {padding-right:40px;}


/* Single Project Slider */
#portfolio-single              {position:relative;}
 #portfolio-single .overlay    { position:absolute; top:-4px; left:-4px; background:url(http://www.flintstudio.com/themes/flint/images/port-corner-cover.png) no-repeat; width:650px; height:490px;   }

#single-project-slider                        {  }
  #single-project-slider .item, #fader div    {  width:640px; height:480px; overflow:hidden;}
  #single-project-slider img                  {  }
  
 .under-main-image { margin-top:30px; height:40px; padding:0 35px 0 0;}

 .next-project, .back-portfolio { font-size:13px; color:#444; }
 .next-project:hover, .back-portfolio:hover {color:#b12e33;} 
 .back-portfolio     { display:inline-block; background:url(http://www.flintstudio.com/themes/flint/images/gallery-grid-icon.jpg) left center no-repeat; padding:0 30px 0 20px; }
 .next-project       { display:inline-block; background:url(http://www.flintstudio.com/themes/flint/images/icon-next-dbl-arw.jpg) right 6px no-repeat; padding:0 20px 0 0;}

.port-nav-single     {float:left;}
.port-nav-numbers    {float:right;}
 .port-nav-numbers a { padding:3px 8px; font-size:13px; line-height:18px; color:#FFF; background:#222;  margin:0 0 0 2px;
                       -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
 .port-nav-numbers a:hover, .port-nav-numbers a.active-no { background:#b12e33; text-shadow:1px 1px 0 #333; text-decoration:none; }
 
 /* Ross */
#fader     { width: 640px; height: 480px; overflow:hidden;}
#fader img { position: absolute; top: 0px; left: 0;}
#portfolio-single .overlay {z-index: 100;} 

/* Case Studies */
#case-studies-list { padding:0 40px 40px 40px; }
 #case-studies-list .cs-item   { height:220px; overflow:hidden; padding-bottom:30px; border-bottom:1px solid #CCC; margin-bottom:30px; }
 #case-studies-list .cs-image  { display:block; height:220px; width:540px;  float:left; background-color:#222; -moz-border-radius:5px; border-radius:5px; overflow:hidden; border:2px solid #EEE; }
 #case-studies-list .cs-image:hover { border:2px solid #c73b35; }
 #case-studies-list .cs-blurb  { float:left; width:334px; padding:28px 0 0 40px;}
 #case-studies-list .cs-list-desc { height:45px; display:block; overflow:hidden; margin:0 0 25px 0; }
 
 #case-studies-list h3         { padding:0 0 25px 0; margin:0; text-transform:uppercase; font-size:24px; line-height:28px; color:#222;}
 
 #case-studies-list .cs-but-wrap {padding:0;}
 /*#case-studies-list .button    { background-position:bottom; background:none; background-color:#b82923; color:#FFF; text-shadow:1px 1px 0px #690d0d; text-decoration:none; }*/
 
 
 /* Case Studies Single Page */
 body#case-study-single {background:#FFF;}
 
 #case-study-single #header {margin-bottom:0;}
 
 
 #case-study-banner         { width:100%; height:330px; overflow:hidden; margin-bottom:40px; background-color:#CCC;  background-position:center top; background-repeat:repeat-x; }
  #case-study-banner-inner  { width:1000px; padding:0 20px; margin:0 auto; position:relative; height:330px; }
  #case-study-title         { background:#cd2830; background:rgba(195,42,50,0.95); width:380px; padding:20px; position:absolute; left:0; bottom:80px; }
  #case-study-title-point   {background:url(http://www.flintstudio.com/themes/flint/images/red-corner-pointer.png) no-repeat; width:42px; height:42px; position:absolute; left:20px; bottom:40px; }
  #case-study-title  h1     { font-size:34px; font-weight:bold; line-height:44px;}
  
  #banner-links             { position:absolute; height:65px; width:130px; right:0; bottom:40px;  }
   #banner-links a          { background:#cd2830; background:rgba(195,42,50,0.95); width:110px; margin-top:5px; color:#FFF; font-size:14px; font-family:'Century Gothic', 'CenturyGothicRegular', Arial, Helvetica, sans-serif; display:block; float:left; padding:5px 10px; line-height:18px; text-align:center; text-shadow:0 0 1px #222;}
  
  .case-study-section-wrap  { width:100%; padding-bottom:40px; }
   .case-study-section      { width:1000px; padding:0 20px; margin:0 auto; }
   .case-study-left         { width:400px; margin-right:50px; float:left; }
   .case-study-right        { width:540px; float:left; border:5px solid #e5e5e5; margin:0; padding:0;}
   .case-study-right img    { max-width:540px; border:none; padding:0; margin:0; float:left;}
   .case-border-top         { border-top:1px solid #CCC; padding-top:40px;}
   
  .case-study-section h2  { font-size:22px; line-height:28px; color:#222; font-weight:bold; text-shadow:none; padding-bottom:35px; font-family:'Century Gothic', 'CenturyGothicRegular', Arial, Helvetica; font-style:normal;}
  .case-study-section h3  { background-color:#cd2830; padding:15px; margin-bottom:40px; color:#FFF; margin-left:-20px; display:inline-block; font-weight:bold; font-size:22px; line-height:28px; text-shadow:1px 1px 1px #111111;}
  .case-study-section h4  { padding: 25px 0 30px 0; text-transform:uppercase; font-weight:bold; font-size:26px; text-indent:-15px; color:#222; text-shadow:none;  }
  .case-study-section p   { font-style:normal; color:#333;}
  
  .dark-case-study                           { background-color:#151515; padding-top:40px; margin-bottom:40px; }
   .dark-case-study .case-study-section      {position:relative;}
   .dark-case-study .case-study-left         { }
   .dark-case-study .case-study-right        {border-color:#242424;}
   .dark-case-study .case-study-right img    {  }
   
   .theres-more-dark {background:url(http://www.flintstudio.com/themes/flint/images/theres-more.jpg) no-repeat; width:57px; height:37px; position:absolute; top:-77px; left:20px; }
   
   .dark-case-study .case-study-section h2  { }
   .dark-case-study .case-study-section h3  { }
   .dark-case-study .case-study-section h4  {color:#FFF;}
   .dark-case-study .case-study-section p   {color:#EEE;}
 



/* Misc and nulls and margins */
.no-right-margin { margin-right:0 !important; }
.hidden { display:none !important; }
.left { float:left !important; }
.right { float:right !important; }

.m-t-5 { margin-top:5px !important; }
.m-top-10, .m-t-10 { margin-top:10px !important; }
.m-t-15 { margin-top:15px !important; }
.m-t-25 { margin-top:25px !important; }
.m-t-35 { margin-top:35px !important; }

.m-r-15 { margin-right:15px !important; }
.m-r-30 { margin-right:30px !important; }

.m-l-35 { margin-left:35px !important; }

.m-b-15 { margin-bottom:15px !important; }
.m-b-35 { margin-bottom:35px !important; }
.m-b-45 { margin-bottom:45px !important; }


/* Text Highlight(s) */
::selection { background:#222; color:#FFF; text-shadow:none;  /* Webkit */ }
::-moz-selection { background:#222; color:#FFF; text-shadow:none;   /* Firefox */ }