/* Common */
body,table,input,select,textarea { 
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
  font-size: 100%;
  line-height: 1.125em;
}

/* Remove padding and margin */
*
{
  margin: 0;
  padding: 0;
  border: 0;
}

body {   
  color: #000;  
  background: #17130c url('../images/i-body.gif') repeat;
}

h1 {
  background: #c69c5a url('../images/i-title.gif') no-repeat;  
  font: normal 1.375em 'Georgia', serif;
  height: 84px;
  line-height: 70px;
  color: #211a0d;
  padding: 0 30px;
}

h2 {
  margin: 1em 0;
  font: normal 1.125em 'Georgia', serif;
  color: #000;
}

h3 {
  margin: 1em 0 0.5em 0;
  font-size: 0.9375em;
  color: #635131;
}

h4 {
  margin: 1em 0 0.5em 0;
  font-size: 0.875em;
}

p { 
  margin: 1em 0;
  font-size: 0.875em; 
}

#content ul, #content ol {
  margin: 1em 1.75em;
  font-size: 0.875em;
}

#content li {
  margin: 0 0 0.5em 0;
}

#content p a, #content li a, .navigation a {
  color: #635131;  
}

#content p a:hover, #content li a:hover, .navigation a:hover {
  color: #ce9036;
}

dl.col {
  font-size: 0.875em;
}

dl.col dt { 
  float: left; 
  width: 11em;
  font-weight: bold;
}

dl.col dd { 
  margin-left: 11.5em;
}

.clear:after {
  content: ".";
  height: 1px;
  display: block;
  clear: both;
  visibility: hidden;
}

.clr {
  clear: both;
}

.clr-left {
  clear: left;
}

.clr-right {
  clear: right;
}

.right {
  float: right;
}

.left {
  float: left;
}

img.right {
  margin: 0 0 20px 20px;
  border: #d1aa67 solid 1px;
}

img.left {
  margin: 0 20px 20px 0;
  border: #d1aa67 solid 1px;
}

/* messages / errors box */
.Msg {
  margin: 1em 0;
}

.Msg ul {
  padding: 0.5em;
  list-style-type: none;
}

.Messages ul {
  border: 1px solid darkblue;
  background-color: lightblue;
}

.Errors ul {
  border: 1px solid darkred;
  background-color: pink;
}

/* Layout */

#constrain {
  width: 1040px;
  margin: 0 auto;
  position: relative;
}

#header {
  display: block;  
  background: transparent url('../images/i-content-t.png') no-repeat;
  height: 60px;
}

#content-wrapper {
  background: transparent url('../images/i-content-m.png') repeat-y;
  min-height: 600px;
}

#side-column {
  position: absolute;
  top: 50px;
  left: 50px;
  background-color: #000;
}

#side-column img {
  display: block;
}

#content {
  margin: 0 50px 0 280px;
}

#content .textarea {
  padding: 10px 30px 30px 30px;
  margin: 0 210px 0 0;
}

  /* Main Navigation */
  
  #main-nav li {
    list-style: none;
  }

  #main-nav a {
    text-decoration: none;
    color: #e3cca4;
    font: normal 0.875em Georgia, serif;
    text-transform: uppercase;
    display: block;
    background: #1a140d url('../images/i-main-nav.gif') repeat-x;
    line-height: 35px;
    border-top: #342b1a solid 1px;
    padding: 0 20px;
    width: 180px;
  }
  
  #main-nav a.last {
    border-bottom: #342b1a solid 1px;
  }
  
  #main-nav a:hover, #main-nav a.current {
    background-position: bottom left;
  }
  
  /* Sub Navigation */
  
  #main-nav .subnav {
    padding: 0 0 10px 0;
  }
  
  #main-nav .subnav a {
    border: none;
    background: none;
    font: normal 0.875em 'Lucida Unicode', 'Lucida Grande', sans-serif;
    text-transform: none;
    line-height: 1.75em;
    padding: 0 30px;
    width: 160px;
  }
  
  #main-nav .subnav a:hover {
    background-color: #1b150e;
  }

#footer {
  background: transparent url('../images/i-footer.png') no-repeat;
  padding: 30px 0 0 0;
} 
   
  /* Footer Nav */
  
  #footer ul {
    border-bottom: #635131 solid 1px;
    width: 750px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 15px 0;
  }
    
  #footer li {
    list-style: none;
    display: inline;   
  }

  #footer li a {
    text-decoration: none;
    color: #635131;    
    font-size: 0.75em;
    text-transform: uppercase;
    padding: 0 10px;
  }
  
  #footer li a:hover {
    color: #dabb85;
  }
  
  /* Contact Details */
  
  #contact-details {    
    text-align: center;
    padding: 20px 0 10px 0;
  }
  
  #contact-details li {
    list-style: none;
    display: inline;
    color: #dabb85;
    font-size: 0.8125em;
    text-transform: uppercase;
    padding: 0 10px;
  }
  
  #contact-details a {
    text-decoration: none;
    color: #dabb85;
    text-transform: none;
  }
  
  #contact-details a:hover {
    color: #635131;
  }
  
  /* Memberships */
  
  #memberships {
    text-align: center;
  }
  
  /* Author */
  
  #author {
    text-align: center;
    padding: 10px 0 20px 0;
  }
  
  #author a {
    text-decoration: none;
    color: #635131;
    font-size: 0.675em;
    text-transform: uppercase;
  }
  
  #author a:hover {
    color: #dabb85;
  }
  
/* Content */
  
  /* Hero Photo */
  
  .hero {
    position: absolute;
    top: 50px;
    left: 280px;
    display: block;
    height: 250px;
    width: 710px;
  }
  
  .hero p {
    text-align: right;
    font-size: 0.75em;    
    color: #d1aa67;
    width: 180px;
    float: right;
    padding: 30px 30px 0 0;
    margin: 0;
  }
  
  .hero p span {
    text-transform: uppercase;
    font-size: 1.125em;
  }
  
  .hero-index       { background: transparent url('../images/p-hero-1-b.jpg') no-repeat; }
  .hero-gallery     { background: transparent url('../images/p-hero-gallery.jpg') no-repeat; }
  .hero-stone-types { background: transparent url('../images/p-hero-stone-types.jpg') no-repeat; }
  .hero-stone       { background: transparent url('../images/p-hero-stone.jpg') no-repeat; }
  .hero-granite     { background: transparent url('../images/p-hero-granite.jpg') no-repeat; }
  .hero-marble      { background: transparent url('../images/p-hero-marble.jpg') no-repeat; }
  .hero-limestone   { background: transparent url('../images/p-hero-limestone.jpg') no-repeat; }
  .hero-edgeprofile { background: transparent url('../images/p-hero-edgeprofile.jpg') no-repeat; }
  .hero-care        { background: transparent url('../images/p-hero-care.jpg') no-repeat; }
  .hero-about       { background: transparent url('../images/p-hero-about.jpg') no-repeat; }
  .hero-blog        { background: transparent url('../images/p-hero-blog.jpg') no-repeat; }
  .hero-contact     { background: transparent url('../images/p-hero-contact.jpg') no-repeat; }
  
  /* Page Title */
  
  .title {
    padding: 240px 0 0 0;
  }  
  
  /* Testimonials */
  
  .testimonial {
    float: right;
    width: 160px;
    margin: 10px 30px 0 0;
  }
  
  .testimonial-intro {
    font-weight: bold;
    text-transform: uppercase;
  }
  
  p.testimonial-author {
    font: normal 1em 'Georgia', serif;
    text-align: right;
  }
  
  .testimonial img {
    border: #dabb85 solid 1px;
    margin: 0 0 20px 0;
  }
  
  /* Suppliers Logos */
  
  .suppliers img {
    border: none;
    margin: 0 auto;
  }
  
  .suppliers {
    margin: 0 0 20px 0;
	background:#fff;
	text-align:center;
	padding: 5px 0 5px 0;
  }
    
  /* Buttons */

  #content a.button {
    background: transparent url('../images/g-button.gif') repeat-x scroll;
    color:#000;
    display: block;
    float: left;    
    font-weight: bold;
    font-size: 0.75em;
    text-transform: uppercase;
    text-align: right;
    height: 20px;    
    margin: 0 5px 5px 0;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;    
  }

  #content a.button span {
    background: transparent url('../images/g-diamond.png') no-repeat 10px 6px;
    display: block;
    line-height: 20px;
    padding: 0 10px 0 25px;
  }

  #content a:hover.button {
    background-position: bottom right;
  }
  
  /* Highlights */
  
  .highlight {
    width: 200px;
    height: 90px;
    float: left;
    display: block;
    padding: 40px 0 0 0;   
    margin: 10px 0;
  }
  
  .highlight-stone { background: #000 url('../images/g-highlight-stone.jpg') no-repeat; margin: 10px 30px 10px 0; }
  .highlight-bathroom { background: #000 url('../images/g-highlight-bathroom.jpg') no-repeat; }
  
  .highlight h2 {
    color: #e3cca4;
    margin: 10px;
  }
  
  .highlight a.button {
    width: 195px;
  }
  
  a.highlight-s {
    width: 90px;
    height: 40px;
    padding: 40px 5px 0 5px;
    display: block;
    text-decoration: none;
    color: #e3cca4;
    font-size: 0.75em;
    float: left;
    margin: 0 10px 0 0;
  }
  
  .highlight-s-stone { background: #000 url('../images/g-reconstituted-stone.jpg') no-repeat; }
  .highlight-s-granite { background: #000 url('../images/g-granite.jpg') no-repeat; }
  .highlight-s-marble { background: #000 url('../images/g-marble.jpg') no-repeat; }
  .highlight-s-limestone { background: #000 url('../images/g-limestone.jpg') no-repeat; }
  
  a:hover.highlight-s {
    color: #fff;
  }
  
  /* Gallery Images */
  
  .gallery img {
    float: left;
    border: #C69C5A solid 1px;
    margin: 0 5px 5px 0;
  }
  
  .gallery .caption {
    width: 200px;
    float: left;
    font-size: 0.875em;
  }
  
  /* Blog */
  
  .blog h2 a {
    text-decoration: none;
    color: #000;
  }
  
  .blog h2 a:hover {
    text-decoration: underline;
    color: #ce9036;
  }
  
  .entry img.alignright, .entry .alignright {
    float: right;
    margin: 0 0 20px 20px;
    border: #c69c5a solid 1px;
  }
  
  .entry img.alignleft, .entry .alignleft {
    float: left;
    margin: 0 20px 20px 0;
    border: #c69c5a solid 1px;
  }
  
  .wp-caption {
    background: #c69c5a;
    font-size: 0.875em;
    padding: 5px 0;    
    text-align: center;
    font-style: italic;
  }
  
img.noborder {
  border: none;
}

p.jumpout {
  padding: 10px;
  background-color: #d1aa67; 
}