/*==========================================
		RESET
==========================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

/*blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}*/

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/*==========================================
		LAYOUT
==========================================*/

html {
	min-height: 100%;
	margin-bottom: 1px;
	}

body {
	background-color: #cccca5;
	}

#topbar {
	height: 5px;
/*	text-indent: -9999px; */
	}

#wrapper {
	margin: 0 auto;
	width: 96em;
	}

#inner {
	width: 95.8em;
	border-left: solid 1px #242722;
	border-right: solid 1px #242722;
	background-color: #ffffce;
	}

.buttonnav {
	position: fixed;
	top: 5px;
	right: 0.5em;
	}

#mainnav {
	background-color: #ffffce;
	width: 18em;
	float: left;
	padding: 1em;
	}

#header {
	background-color: transparent;
	height: 10em;
	width: 96em;
	margin: 0em auto 0em auto;
	}

/*
#header h1 {
	text-indent: -9999px;
	}
*/

#content {
	margin-left: 20em;
	width: 51.5em;
	padding: 1em 2em;
	background-color: #ffffce;
	border-left: solid 1px #242722;
	border-right: solid 1px #242722;
	min-height: 47em;
	}

#sidebar {
	float: right;
	background-color: #ffffce;
	width: 18em;
	padding: 1em;
	}

#footer {
	clear: both;
	margin-bottom: 5px;
	}

/*==========================================
		TYPOGRAPHY
==========================================*/

body {
	font-family: verdana, arial, sans-serif;
	font-size: 62.5%;
	}

p {
	font-size: 1.2em;
	line-height: 1.5;
	}

h2 {
	font-size: 1.8em;
	padding-bottom: 0.25em;
	color: #242722;
	}

h3 {
	font-size: 1.7em;
	padding-bottom: 0.25em;
	color: #242722;
	font-style: italic;
	}

.sidebarsection p {
	font-size: 1.2em;
	padding-bottom: 0.5em;
	line-height: 1.4;
	}

.sidebarsection img {
	padding-bottom: 0.5em;
	}

.sidebarsection {
	border-bottom: solid 1px #242722;
	text-align: center;
	margin-bottom: 0.5em;
	}

li {
	font-size: 1.2em;
	line-height: 1.5;
	padding-right: 1.5em;
	}

.contentleft {
	float: left;
	width: 50%;
	text-align: center;
	}

.contentright {
	float: right;
	width: 50%;
	text-align: center;
	}

.contentcenter {
	width: 100%;
	text-align: center;
	}

.contentleft p, .contentright p, .contentcenter p{
	font-size: 1.2em;
	}

.firedetails {
	text-align: center;
	margin-bottom: 6em;
	border-top: solid 0.4em #242722;
	}

.firedetails p {
	font-size: 1.2em;
	font-weight: bold;
	}

.firedetails h3 {
	background-color: #ddddac;
	color: #242722;
	font-size: 1.8em;
	padding: 0.5em 0em;
	
	}

.bbdims {
	border: 1px solid #242722;
	}

.contenthr {
	clear: both;
	border-bottom: 1px solid #242722;
	margin-bottom: 2em;
}

.contenthrlast {
	clear: both;
	margin-bottom: 2em;
}

/*==========================================
		CONTENT BOX	
==========================================*/


/*==========================================
		SAT NAV	
==========================================*/

body.index #mainnav li.index,
body.about #mainnav li.about,
body.installers #mainnav li.installers,
body.stoves #mainnav li.stoves,
body.inserts #mainnav li.inserts,
body.combinations #mainnav li.combinations,
body.hobs #mainnav li.hobs,
body.modules #mainnav li.modules,
body.tiles #mainnav li.tiles,
body.hearths #mainnav li.hearths,
body.stonesurr #mainnav li.stonesurr,
body.pinesurr #mainnav li.pinesurr,
body.backs #mainnav li.backs,
body.baskets #mainnav li.baskets,
body.dogs #mainnav li.dogs,
body.companionsets #mainnav li.companionsets,
body.scuttles #mainnav li.scuttles,
body.guards #mainnav li.guards,
body.signs #mainnav li.signs,
body.finials #mainnav li.finials,
body.greenmen #mainnav li.greenmen,
body.services #mainnav li.services,
body.contact #mainnav li.contact,
body.faq #mainnav li.faq,
body.links #mainnav li.links
	{
	background-image: url(images/currentarrow.png);
	background-repeat: no-repeat;
	background-position: 100%;
	background-color: #ffffce;
	}

/*==========================================
		LINKS
==========================================*/

#mainnav a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding-left: 1.0em;
	padding-bottom: 0.0em;
	}

#mainnav a:link {
	color: #243024;
	}

#mainnav a:visited {
	color: #243024;
	}

#mainnav a:hover {
	color: #243024;
	background-color: #ddddac;
	}

#mainnav a:active {
	color: #243024;
	}

.menubreak {
	border-bottom: solid 1px #242722;
	}

#sidebar a:link, #content a:link {
	color: blue;
	}

#sidebar a:visited, #content a:visited {
	color: blue;
	}

#sidebar a:hover, #content a:hover {
	color: #243024;
	background-color: #ddddac;
	}

#sidebar a:active, #content a:active {
	color: #243024;
	}

/*==========================================
		BACKGROUNDS
==========================================*/

body.index #content {
	background-image: url(images/arch_background.jpg);
	background-repeat: no-repeat;
	}

/*==========================================
		IMAGES
==========================================*/

.imgborder1 {
	border: 1px solid #242722;
	}