MCG

dabblet.css

/**
 * MCG
 */

body {
  color: #333;
  font-size: 14px;
  font-family:'Radley', serif;
  font-weight: 400;  
}

a {color:#935234;text-decoration: none;}
a:hover {color:#B96842;cursor: pointer;}

h1, h2 {
  /*padding-top: 20px;*/
  text-align: center;
}

p {
  /*border: 1px solid #666;*/
  padding: 10px 0;
  text-align: center;
}

.container_12, .container_16{
  /*background-color: #fff;
  background-repeat: repeat-y;
  background-image: url(http://www.mountaincreekgroup.com/theme/4fdf4169dabe9d1bac003ae3/layout.png);
  background-repeat: no-repeat;*/
  margin-bottom: 20px;
  min-height: 40px;  
}

header {position:relative;border-top: solid 1px #555555;height:140px;background-color:#DBD3BE;-webkit-box-shadow:0px 2px 4px 0px #555555; box-shadow: 0px 2px 4px 0px #555555;z-index:9999}
header a {color: #a65c3b;text-decoration: none;}
header a:hover {color:#C27453;/*border-bottom: 1px solid #a65c3b;*/}

#logo {}
#logo img {width:85%;height:85%;margin:10px 0 0 15px}

#topNav nav {color:#a65c3b;font-size:16px;margin-left:18px}
#topNav ul {margin:0;padding:0}
#topNav li {margin:0 3px 0 3px;padding:0;list-style:none;float:left}

#slogan1 {margin-top:10px;padding:0}
#slogan1 h2 {color:#80482D;font-family:helvetica;font-size:13px;padding:0;height:auto;width:420px;letter-spacing:.1em;}

#mainNav {margin:6px 0 0 0}
#mainNav nav {text-align:center;color:#a65c3b;font-size:20px;padding:2px 0 2px}
#mainNav ul {margin:0;padding:0}
#mainNav li {margin:0 40px 0 0;padding:0;list-style:none;float:left}

#homeContentWrapper {background-image: url(http://mountaincreekgroup.com/theme/4fdf4169dabe9d1bac003ae3/stylesheets/images/subtle_orange_emboss.png);margin-bottom:0}
#homeContent {background-color:#fcfcfc;border-left: 1px inset #ccc;border-right: 1px outset #ccc;margin-bottom:0}

#pageContentWrapper {background-image: url(http://mountaincreekgroup.com/theme/4fdf4169dabe9d1bac003ae3/stylesheets/images/subtle_orange_emboss.png);margin-bottom:0}
#pageContent {background-color:#fcfcfc;border-left: 1px inset #ccc;border-right: 1px outset #ccc;margin-bottom:0;}
#pageContent h3 {color:#0e69af;border-bottom:1px solid #ccc;width:100%;margin:2px 0 5px 0;font-size:20px}
#pageContent h4 {margin:14px 0 0;font-size:16px}
#pageContent p {text-align:left;background-color:#fcfcfc;margin-bottom:0}
#pageContent nav {margin-top:47px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
#pageContent nav ul {list-style:none;margin-top:7px}
#pageContent #content {margin:15px 0 25px 0;border-bottom:1px solid #ccc}
#pageContent blockquote {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 40px;-webkit-margin-end:40px;}
#pageContent ul {/*margin: -12px 0 10px 0*/}
#pageContent nav a {color: #735D01;text-decoration: none;}
#pageContent nav a:hover {color:#a65c3b;cursor: pointer;border: none}
#pageContent nav .current a {color:#0e69af}

#pageContent #discoverThePath {margin-top:4px;margin-bottom:0}
#pageContent #discoverThePath h1 {text-align:left;color:#514302;font-family:helvetica;font-size:10px;padding:0;margin-left:6px}

#pageContent #content h4 a {color:#333}
#pageContent #content h4 a:hover {color:#0e69af}

#content_message {}
#content_message label {display:block}
#content_message textarea {display:block}

#slogan2 {margin-top:25px}
#slogan2 h1 {color:#514302;font-size:22px;letter-spacing:.15em;padding:0;margin-bottom:5px}
#mainImg {margin-top:0;text-align:center}
#mainImg img {width:822px;height:386px;}

article {padding-top: 5px;background-color:#eeede2;border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;border: 1px solid #ccc;-webkit-box-shadow: inset -1px -1px 1px 1px #555;box-shadow: inset -1px -1px 1px 1px #555}

#about {margin-top:10px;height:80px}
#about p {font-size:16px;line-height:18px}

section#thePath {margin-top:20px;text-align:center;}
section#thePath h3 {color:#0e69af;font-size:20px;margin-bottom:0;letter-spacing:.03em}
section#thePath h3 a {color:#0e69af}
section#thePath h3 a:hover {color:#1285DF}
section#thePath p {padding:0;min-height:140px;padding:2px;margin:4px 8px 0 8px;/*border-top:2px groove #a65c3b*/}

section#services {margin-top:20px;text-align:center;}
section#services #description h3 {color:#514302;font-size:22px;padding:0;margin-bottom:-5px;letter-spacing:.03em}
section#services #description {margin-bottom:5px;}
section#services #description p {font-size:14px}

section#services article {min-height:210px;margin-bottom:20px}
section#services article h3 {color:#0e69af;font-size:20px;margin-bottom:0;letter-spacing:.03em}
section#services article h3 a {color:#0e69af}
section#services article h3 a:hover {color:#1285DF}
section#services article p {margin:4px 8px 0 8px;}

footer {border-bottom: solid 1px #555555;background-color:#B7A77E}
#footer {height:80px;margin-bottom:0;color:#80482D}
#footer div {margin-top:20px}

dabblet.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Mountain Creek Group, LLC</title>
<link href="http://www.mountaincreekgroup.com/theme/4fdf4169dabe9d1bac003ae3/stylesheets/reset.css" rel="stylesheet" type="text/css" />
<link href="http://www.mountaincreekgroup.com/theme/4fdf4169dabe9d1bac003ae3/stylesheets/text.css" rel="stylesheet" type="text/css" />
<link href="http://www.mountaincreekgroup.com/theme/4fdf4169dabe9d1bac003ae3/stylesheets/960.css" rel="stylesheet" type="text/css" />
<script src="http://www.mountaincreekgroup.com/theme/4fdf4169dabe9d1bac003ae3/javascripts/jquery.js" type="text/javascript"></script>
<script src="http://www.mountaincreekgroup.com/theme/4fdf4169dabe9d1bac003ae3/javascripts/modernizr.js" type="text/javascript"></script>

<!--[if lt IE 9]>
   <script>
      document.createElement('header');
      document.createElement('nav');
      document.createElement('section');
      document.createElement('article');
      document.createElement('aside');
      document.createElement('footer');
   </script>
<![endif]-->

  
<link href='http://fonts.googleapis.com/css?family=Fanwood+Text|EB+Garamond|Lusitana|Ledger|Mate+SC|Habibi|IM+Fell+Great+Primer+SC|Radley|PT+Serif|Crimson+Text|Josefin+Slab|Open+Sans:400,300|Lora|Questrial' rel='stylesheet' type='text/css'>

</head>

<body>
  <header>
    <div class="container_16">  
      <div id="logo" class="grid_4">
        <a href="/"><img src="http://mountaincreekgroup.com/theme/4fdf4169dabe9d1bac003ae3/stylesheets/images/logo.png" /></a>
      </div>
      <div id="topNav" class="grid_3 push_9">
        <nav><ul><li><a href="/">Home</a></li><li>|</li><li><a href="/contact">Contact</a></li></ul></nav>
      </div>
      <div id="slogan1" class="grid_11">
        <h2>Consultants for Organization Development and Operations Analysis, Training and Leadership</h2>
      </div>
      <div id="mainNav" class="grid_12">
        <nav>
          <ul>
          
            <li  class="current" >
              <a href="http://mountaincreekgroup.com/">Home</a>       
            </li>
          
            <li >
              <a href="http://mountaincreekgroup.com/about/">About</a>       
            </li>
          
            <li >
              <a href="http://mountaincreekgroup.com/services/">Services</a>       
            </li>
          
            <li >
              <a href="http://mountaincreekgroup.com/our-team/">Our Team</a>       
            </li>
          
            <li >
              <a href="http://mountaincreekgroup.com/our-work/">Our Work</a>       
            </li>
          
            <li >
              <a href="http://mountaincreekgroup.com/contact/">Contact</a>       
            </li>
          
        </ul>
        </nav>
      </div>
    </div>      
  </header>
  <div class="clear"></div>  


  <div id="homeContentWrapper"> 
    <div id="homeContent" class="container_16">
      <div id="slogan2" class="grid_14 push_1">    
        <h1>Discover the Path to Achieve Your Vision</h1>
      </div>        
      <div id="mainImg" class="grid_14 push_1">      
        <img src="http://www.mountaincreekgroup.com/theme/4fdf4169dabe9d1bac003ae3/stylesheets/images/path.png" />
      </div>
    
      <div class="clear"></div>
    
      <div id="about" class="grid_14 push_1">
        <p>Mountain Creek Group provides to your organization the methods to define areas of strength and weakness and the steps necessary to enhance or improve them. Our staff brings education, training and experience to assist you in achieving success. We focus on our four areas of emphasis to help you.</p>
      </div>

      <div class="clear"></div>
      
      <section id="thePath">      
        <article id="Discover" class="grid_3 push_2">
          <h3><a href="/the-path">Discover</a></h3>
              <p>Using a variety of analytical tools we will help you discover potential areas of improvement.</p>
        </article>
        
        <article id="Collaborate" class="grid_3 push_2">
              <h3><a href="/the-path">Collaborate</a></h3>
              <p>Identify opportunities that target the changes that need to be made through effective communitcation.</p>
        </article>

        <article id="Innovate" class="grid_3 push_2">
              <h3><a href="/the-path">Innovate</a></h3>
              <p>Examine problems in the context of your situation and innovate to provide new ideas and directions.</p>
        </article>

        <article id="Develop" class="grid_3 push_2">
              <h3><a href="/the-path">Develop</a></h3>
              <p>Assist in the development of necessary competencies along the path to achieving your vision.</p>
        </article>
      </section>
      
      <div class="clear"></div>

      <section id="services">
      
        <div id="description" class="grid_12 push_2">
              <h3>Our Services</h3>
              <p>Mountain Creek Group, LLC, is a certified provider of various analytical and psychometric instrumentation, such as DiSC&copy; Behavior Profile, Thomas-Kilman Conflict Mode Instrument, Myers-Briggs (MBTI), etc.</p>
        </div>
  
        <article id="Organizational" class="grid_6 push_2">
          <h3><a href="/services/organizational-development/">Organizational Development</a></h3>
              <p>Simply stated, organizational development (OD) is about change. Specifically, planned change to bring about a desired result. There’s an adage that states, “If you do what you’ve always done, you’ll get what you’ve always got – therefore, if you want something different, you’re going to have to do something different.”</p>
        </article>        
        
        <article id="Operational" class="grid_6 push_2">
              <h3><a href="/services/operational-analysis/">Operational Analysis</a></h3>
              <p>Most companies and organizations will benefit from having an external review of their operations. It is easy to be too close to an operation to understand and appreciate the value of modest changes in processes and protocols that have a multiplier effect on efficiency and costs. </p>
        </article>

        <div class="clear"></div>
  
        <article id="Management" class="grid_6 push_2">
              <h3><a href="/services/management-training/">Management Training</a></h3>
              <p>There is no best management method or technique. But there are numerous ways to improve the one you are using. Oftentimes, it is just a matter of stepping back and taking stock of the fundamentals; vision, objectives, planning and execution.</p>
        </article>
        
        <article id="Leadership" class="grid_6 push_2">
              <h3><a href="/services/leadership-training/">Leadership Training</a></h3>
              <p>Mountain Creek offers training in many areas of Leadership and Skill Improvement. Among those are: Time Management, Training for First-Line Supervisors, Dynamics of Change, Managing Performance, Effective Meetings, Conflict Management and other training to improve the skill sets of your key employees.</p>
        </article>
        
      </section>
      
    </div>
  </div>
<footer>  
    <div id="footer" class="container_16">  
      <div class="grid_16">
        <p>Copyright &copy; 2012, Mountain Creek Group, LLC</p>
      </div>  
    </div>
  </footer>
  </body>
</html>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}