title: Where is this CSS picking up from?
body: <p>I am trying to explore CSS3 using this template <a href="http://www.themenesia.com/themeforest/truehost/" rel="nofollow">http://www.themenesia.com/themeforest/truehost/</a></p>
  
  <p>On the homepage, you see a call to action DIV as below</p>
  
  <pre><code>&lt;div class="call-to-action"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-9"&gt;
                  &lt;h3&gt;We are Truehost. The most trusted and dedicated &lt;span class="id-color"&gt;hosting&lt;/span&gt; provider.&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div class="col-md-3"&gt;
                  &lt;a class="btn btn-extra-large btn-primary" href="#"&gt;Get This Now!&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am trying to understand how that id-color is picking up the color from green.css There are a lot of such color based css files for that template yet the homepage only picks up the id-color from green.css and show that text hosting in green color (<code>#1a8b49</code>).</p>
  
  <p>Can anyone explain how this works, please?</p>