body, p, ul, ol, li, p {margin: 0; padding: 0;}
ul {list-style: none;}

body {font-family: Arial, Helvetica, sans-serif; color: #333333; background: #c9c5c4 url(../images/site/logo_banner.jpg) no-repeat 0 -20px;}

#menubar {position: relative; height: 150px; background-color: transparent;}
#menu {position: absolute; left: 0; bottom: 0; background-color: #333333; text-align: center; background-color: #333333; width: 100%;}
#wrapper {clear: both;border: 8px #fff solid;}

#wrapper2 {
	margin: 0;
	clear: both;
	border-left: 8px #fff solid;
	border-right: 8px #fff solid;
	border-bottom: 8px #fff solid;
	}

#footer {
	clear: both;
	text-align: center;
	font-size: 10px;
	padding: 2px 0 10px 0;
	color: #665957;
	}
		
/* ======= Divs ======= */

div.wrapper_features {
    width: 900px;
    height: 210px;
    margin: 0 auto;
    }

div.breadcrumb {	
	font-size: 11px;
	color: #871b1a;
	padding: 0 0 7px 10px;
	background-color: #ffffff;
	}

div.feature {
	float: right;
	width: 225px;
	height: 210px;
	background:  url("../images/site/tile_vseparator.gif") repeat-y;
        }

div.feature_double {
	float: right;
	width: 450px;
	height: 210px;
	background: url(../images/site/feature.gif) no-repeat bottom left;
}

div.label {
    width: 95px;
    height: 35px;
    /*border: 1px #000 solid;*/
    padding-top: 3px;
    }

/* LISTS
-------------------------------------------------------------- */

ul#list_nav {margin: 0;}
ul#list_nav li {display: inline; font-size: 12px; text-align: center; float: left; margin: 0; padding:0;}
ul#list_nav li a {display: block; color: #cccccc; font-weight: normal; text-transform: lowercase; text-decoration: none; padding: 7px 30px;}
ul#list_nav li a:hover {color: #ffffff;}
ul#list_nav li a.hilite {color: #333333; background: white;}

ul.submenu {margin: 15px 0 10px 30px; border-top: 1px #333333 dotted;}
ul.submenu li {font-size: 12px; padding: 5px 0; border-bottom: 1px #333333 dotted;}
ul.submenu li a {text-decoration: none; color: #333333;}
ul.submenu li a:hover {color: #871b1a;}

/* ======= Tables ======= */

table.menu {
	color: #eeeeee;
	font-size: 12px;
	font-weight: bold;
	margin: 0 auto;
	}

table.menu td {padding: 5px 20px;}
table.menu td.hilite {background: white; color: #e4b8b8;}

#table_dummy {
	width: 100%;
	height: 300px;
	}

#table_full {
	width: 100%;
	}

#table_fixed {
	width: 900px;
	margin: 0 auto;
	}

#content {
	width: 65%;
	}
	
#content_50 {
	width: 50%;
	}

#sidebar {
	width: 35%;
	border-left: 8px #fff solid;
	}
	
#sidebar_50 {
	width: 50%;
	border-left: 8px #fff solid;
	padding-bottom: 10px;
	}
	
table.tbl_collections {
	margin: 25px auto 0 auto;
        width: 85%;
	font-size: 11px;
	}

table.tbl_sets {
    margin: 25px auto 5px auto;
    width: 90%;
	font-size: 11px;
	}
	
table.tbl_mini_thumbs {
	margin: 5px 0 7px 30px;
    font-size: 11px;
	}

/* ======= Images ======= */

img.img_end {
	margin: 0;
	border-left: 8px #ffffff solid;
	}

img.img_thumb {
	border: 6px #fff solid;
	}

img.img_floatL {
	float: left;
        margin: 3px 10px 5px 0;
	}

img.img_floatR {
	float: right;
        margin: 3px 0 5px 10px;
	}

img.img_new {
        clear: both;
        margin: 3px 10px 0 10px;
	}

img.portrait {
        margin: 10px 0 0 40px;
	}

/* ======= Special ======= */

.red {background-color: #871b1a;}
.white {background-color: white;}
.fawn {background-color: #a49c9b;}
.stone {background-color: #c9c5c4;}
.chocolate {background-color: #665957;}

.floatL {
	float: left;
	}

.floatR {
	float: right;
	}

/* ======= Forms ======= */

form {
	margin: 0;
	padding: 0;
	}

select {
	border: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	}
	
/* ======= Quotes ======= */

blockquote {
	margin: 10px 20px 10px 45px;
	padding: 8px 10px;
	font-weight: bold;
        font-size: 14px;
	line-height: 1.5em;
	background: #e7f7ff url(../images/quotes_red_open.gif) no-repeat top left;
	}

p.quote {
	margin: 0 40px;
	padding: 0;
	background: url(../images/quotes_red_close.gif) no-repeat bottom right;
	}

p.author {
	margin: 0 20px 15px 40px;
	font-size: 11px;
	font-weight: normal;
        text-align: right;}

/* ======= Copy ======= */

h1 {margin: 25px 0 5px 30px; color: #222222; font-size: 18px;}
h2 {margin: 20px 0 3px 30px; color: #222222; font-size: 14px; font-weight: bold;}

h2.collections {margin: 10px 0 3px 10px;}
h2.white {
        width: 230px;
        margin: 0 0 8px 22px;
        padding: 5px 8px;
        background-color: #ffffff;
        }
	
div.feature h2, div.feature_double h2 {
	font-size: 12px;
        font-weight: bold;
	margin: 0 0 5px 0;
	padding: 15px 0 5px 2px;
	color: #fff;
	background-color: #871b1a;
	}

div.feature p {
        font-size: 12px;
        margin: 0 20px 10px 25px;
	color: #e4b8b8;
	padding-bottom: 15px;
	}

div.feature_double p {
        font-size: 12px;
	margin-left: 210px;
	color: #e4b8b8;
	padding-bottom: 15px;
	}
	
p {
	margin: 0 30px 10px 30px;
	color: #222;
	font-size: 12px;
	line-height: 1.4em;
	}

p strong {
	font-weight: bold;
	background-color: #cfc8db;
	padding: 1px;
	}

#content p, #content h1, #content h2 {
	margin-left: 45px;
	}

span.attention {
        color: #880000;
        }

p.separator {height: 2px; border-bottom: #333333 1px dotted;}

/* ======= Links ======= */

a.link_pdf {
	padding: 2px 0 2px 22px;
	background: url(http://www.heather-johnston.com/images/site/icon_pdf_sml.gif) no-repeat 0em 50%;
}
a.link_pdf:link {color: #871b1a;}
a.link_pdf:visited {color: #871b1a;}
a.link_pdf:hover {color: #871b1a;}
a.link_pdf:active {color: #871b1a;}

a.hyperlink:link {color: #000000; text-decoration: none; border-bottom: 1px #000000 dotted;}
a.hyperlink:visited {color: #000000; text-decoration: none; border-bottom: 1px #000000 dotted;}
a.hyperlink:hover {color: #871b1a; text-decoration: none; border-bottom: 1px #871b1a dotted;}
a.hyperlink:active {color: #000000; text-decoration: none; border-bottom: 1px #000000 dotted;}

a.plainlink:link {color: #333333; text-decoration: none;}
a.plainlink:visited {color: #333333; text-decoration: none;}
a.plainlink:hover {color: #971d1d; text-decoration: underline;}
a.plainlink:active {color: #333333; text-decoration: none;}

a:link {color: #871b1a;}
a:visited {color: #871b1a;}
a:hover {color: #871b1a;}
a:active {color: #871b1a;}

a.actionlink:link {color: #971d1d;}
a.actionlink:visited {color: #971d1d;}
a.actionlink:hover {color: #971d1d;}
a.actionlink:active {color: #971d1d;}

a.whitelink:link {color: #ffffff;}
a.whitelink:visited {color: #ffffff;}
a.whitelink:hover {color: #ffffff;}
a.whitelink:active {color: #ffffff;}

a.menulink:link {color: #cccccc; text-decoration: none;}
a.menulink:visited {color: #cccccc; text-decoration: none;}
a.menulink:hover {color: #ffffff; text-decoration: none;}
a.menulink:active {color: #cccccc; text-decoration: none;}

a.morelink:link {color: #ff3300; text-decoration: none;}
a.morelink:visited {color: #ff3300; text-decoration: none;}
a.morelink:hover {color: #ff3300; text-decoration: underline;}
a.morelink:active {color: #ff3300; text-decoration: none;}

a.footerlink:link {color: #ffffff; text-decoration: none;}
a.footerlink:visited {color: #ffffff; text-decoration: none;}
a.footerlink:hover {color: #ffffff; text-decoration: underline;}
a.footerlink:active {color: #ffffff; text-decoration: none;}

a.crumblink:link {color: #871b1a; text-decoration: none;}
a.crumblink:visited {color: #871b1a; text-decoration: none;}
a.crumblink:hover {color: #871b1a; text-decoration: underline;}
a.crumblink:active {color: #871b1a; text-decoration: none;}