/* TYPOGRAPHY */
/* ----------------------------------------- */

/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
p { font-size:12px; margin-bottom:10px; line-height:23px; color:#695A44;  }
a { color: #72918b; text-decoration:underline }
a:hover { color: #936333; text-decoration:none }

/*genral styles*/
abbr.entry-meta { font-size:11px; font-style:italic;  color: #CC6633; font-weight:normal; letter-spacing:0px; } 

/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t

Baskerville, 'Times New Roman', Times, serif - p
Baskerville, 'Times, Times New Roman', serif - t

Cambria, Georgia, Times, 'Times New Roman', serif - p, t
'Century Gothic', 'Apple Gothic', sans-serif - p, t

Consolas, 'Lucida Console', Monaco, monospace - p, t

'Copperplate Light', 'Copperplate Gothic Light', serif - p, t

'Courier New', Courier, monospace - p, t

'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif - p, t

Futura, 'Century Gothic', 'Apple Gothic', sans-serif - p, t

Garamond, 'Hoefler Text', 'Times New Roman', Times, serif - p
Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif - t

Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif - p
Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - t

Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif - p
Georgia, Times, 'Times New Roman', serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

'Helvetica Neue', Arial, Helvetica, sans-serif - p
Helvetica, 'Helvetica Neue', Arial, sans-serif - t

Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif - p, t

'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - p, t

Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif - p
Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, 'Times New Roman', Georgia, serif - p, t

Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/


h1 a {  background:url(../images/logo.gif) top left no-repeat; width:206px; height:103px; z-index:1;  text-indent:-9999px; display:block; position:absolute; top:50px; left:0px;  }
h1 a:hover { background-position: -209px 0; }

div.top-gutter h2 a { background:url(../images/free-quote.jpg) top left no-repeat; width:118px; height:24px; z-index:2;  text-indent:-9999px; display:block; position:absolute; top:18px; right:0px;}
div.top-gutter p { color:#CCCCCC; font-size:11px }
div.the-story h2, .about h2, .about h3, .blog h2, .side-bar-services h3, .catalogue-quotation-form h2, .cat1 h2, .cat2 h2, .cat3 h2 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:24px; font-weight:normal; text-transform:uppercase; color:#707A71; display:block; width:100%; border-bottom: 1px solid #CCCCCC; margin-bottom:20px; letter-spacing:3px;  }
.the-story h3 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase; color:#707A71;  margin-bottom:20px; letter-spacing:3px; }
.blog h3 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:24px; font-weight:normal; text-transform:uppercase; color:#707A71; display:block; width:100%; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin-bottom:20px; letter-spacing:3px; }
div.blog h3 a { text-decoration:none; border-bottom: 0px; }
div.side-bar h2, .side-bar h4, .side-bar-services h2, .side-bar-services h4 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:24px; font-weight:normal; text-transform:uppercase; color:#707A71; display:block; width:100%; border-bottom: 1px solid #CCCCCC; margin-bottom:20px; letter-spacing:3px;  }

div.side-bar h3.news { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-weight:bold; font-size:12px; text-transform:uppercase; padding-bottom:10px; color:#707A71; letter-spacing:3px; }

div.side-bar h3.news a  { border-bottom: 1px dotted; text-decoration:none; }
div.side-bar h3.news a:hover  { border-bottom:none; text-decoration:none;  }

.legend { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase; color:#707A71;  margin:40px 0 20px 0; letter-spacing:3px; }