body {
	background: url(img/bg.gif) 0 0 repeat #D4F2EA fixed;
	color:#6A6661;
	margin:0; padding:0;
	}
#spacer {height:20px;}
#wrapper {
	width:870px;
	margin: 0 auto 0 auto;
	padding: 10px 0;
	background-color:#623202;
	}
a:link, a:visited {color:#539593;text-decoration:none;}
a:hover, a:active {}
a img {border:0;}

/* header */
div.header {
	background: url(img/headerBg2.jpg) center bottom no-repeat scroll;
	width:850px;
	margin:0 10px;
	}
div.logo {
	background:url(img/border_v.gif) top right repeat-y scroll transparent;
	height:115px;
	}
h1 a:link, h1 a:visited {
	display:block;
	width:297px; height: 66px;
	margin: 30px 0 0 15px;
	background:url(img/logo.gif) 0 0 no-repeat scroll transparent;
	text-indent:-9999em;
	}
h1 a:hover, h1 a:active {
	background-position: 0 -70px ;
	}
h1 a:focus {outline:0;}
div.nav {
	height: 70px;
	padding: 45px 0 0 0;
	}
p.tag {
	width:240px; height:25px;
	background: url(img/tag.gif) 0 0 no-repeat scroll transparent;
	text-indent:-9999em;
	margin:0;
	}
ul#nav {width:435px; height:32px;background:url(img/nav.gif);position:relative;}
ul#nav {margin:0;padding:0;}
ul#nav li {list-style:none;position:absolute;top:0;}
ul#nav li, ul#nav a {height:32px;display:block;}
ul#nav li a {text-indent:-9999em;}
ul#nav li a:hover {border:0;}
ul#nav li a:focus {outline:0;}
li#browse {left:0; width:70px;}
li#browse a:hover, #browse a.here  {background: transparent url(img/nav.gif) 0 -32px no-repeat;}
li#scrapbook  {left:85px; width:95px;}
li#scrapbook a:hover, #scrapbook a.here {background: transparent url(img/nav.gif) -85px -32px no-repeat;}
li#portfolio {left:195px; width:80px;}
li#portfolio a:hover, #portfolio a.here {background: transparent url(img/nav.gif) -195px -32px no-repeat;}
li#about {left:290px; width:55px;}
li#about a:hover, #about a.here {background: transparent url(img/nav.gif) -290px -32px no-repeat;}
li#register {left:360px; width:75px;}
li#register a:hover, #register a.here {background: transparent url(img/nav.gif) -360px -32px no-repeat;}

/* tooltip */
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}

/* content */
.content {
	background-color:#FFF;
	width:850px;
	margin:0 10px;
	}

/* home */
.rotate {
	padding: 1em 0;

/*	height:270px;  this is to prevent rotating img from flickring on load; don't implement until tested in IE
	overflow:hidden; */
	}
#rotatePic1 {
	margin:0;
	position:relative;
	width:200px;
	height:270px;
	}
.newsHome {padding:1em 0;}
.newsHome a {
	display:block;
}
.newsHome h2 {
	text-transform:lowercase;
	line-height:.8em;
	margin:0 0 .1em 0;
	}
.newsHome h2.one a:link, .newsHome h2.one a:visited {color:#66B8B6;}
.newsHome h2.one a:hover, .newsHome h2.one a:active {color:#58A2A0;}
.newsHome h2.two a:link, .newsHome h2.two a:visited {color:#6A6661;}
.newsHome h2.two a:hover, .newsHome h2.two a:active {color:#474541;}
.newsHome h2.three a:link, .newsHome h2.three a:visited {color:#D03300;}
.newsHome h2.three a:hover, .newsHome h2.three a:active {color:#A32600;}
.newsHome p {
	font-size:1.2em;
	line-height:1.2em;
	margin: 0 0 1em 0;
	}
.newsHome p.newHomeMoreLink {font-size:1.4em;}

/* category pages */
body#cat div.content, body#product div.content {
	background-image:url(img/catNavBg.gif);
 	background-position:0 0;
 	background-repeat:repeat-y;
}
body#cat table {margin:0;}
body#cat table td, body#cat table th {margin:0;padding:0;}

div.catProductListing {
	position:relative;
}
div.catProductListing a.next:link, div.catProductListing a.next:visited {
	position:absolute;
	top:185px; right:-75px;
	text-indent:-9999em;
	width:85px; height:40px;
	background:url(img/next_prev.png) -85px 0 no-repeat scroll transparent;
	}
div.catProductListing a.next:hover, div.catProductListing a.next:active {background-position: -85px -40px;}
div.catProductListing a.previous:link, div.catProductListing a.previous:visited {
	position:absolute;
	top:185px; left:-75px;
	text-indent:-9999em;
	width:85px; height:40px;
	background:url(img/next_prev.png) 0 0 no-repeat scroll transparent;
	}
div.catProductListing a.previous:hover, div.catProductListing a.previous:active {background-position: 0 -40px;}

div.catProductListing a.previous:focus, div.catProductListing a.next:focus {outline:0;}

div.catProduct {
	text-align:center;
	font-size:1.2em;
/*	height: 220px;
	overflow:hidden;  */
}
div.catProduct a:link, div.catProduct a:visited {}
div.catProduct a:hover, div.catProduct a:active {color:#D03300;}
table tr td.catProductImg {
	height:172px;
	overflow:hidden;
}
div.catFeatureImg {
	height:420px;
	overflow:hidden;
}
ul#nav_categories {
	margin: 1em 0 0 .5em;
	padding:0;
	list-style:none;
}
ul#nav_categories a:link, ul#nav_categories a:visited {}
ul#nav_categories a:hover, ul#nav_categories a:active {
	color:#D03300;
}
ul#nav_categories li {
	font-size:14px;
	line-height:20px;
}
ul#nav_categories ul {
	margin: 0 0 0 10px;
	padding:0;
	list-style:none;
}
ul ul span, ul ul canvas {display:inline;}


/* product page */
.catNav {height:340px;}
.productImg {
	text-align:right;
/*	height:437px;
	overflow:hidden;  *makes the product pages with horizontal img have lots of white space below img & info */ 
}
.productDesc {
	padding-top:2em;
}
.productDesc h2 {color:#539593;}
.productDesc p {
	font-size:1.2em;
	padding: 0 9em 0 0;}

/* scrapbook */
body#scrapbookPg div.container {position:relative;}
body#scrapbookPg div.content {
	background:url(img/scrapbookBg.jpg) 0 0 no-repeat scroll #FFF;
}
div.scrapbookGraphic {
	position:absolute;
	width: 584px; height: 245px;
	background:url(img/scrapbookGraphic.png) 0 0 no-repeat scroll transparent;
	top:-20px; left:-30px;
	z-index: 9999;
	}
div.scrapbookContent {padding: 160px 0 0 1em;}
div.scrapbookSidebar {padding-top:1em;}
div.scrapbookContent h2 {color:#D03300; font-size:3.6em; margin:0;}
div.scrapbookContent h3.scrapbookTag {color:#938E86; font-size:1.4em; margin: 0 0 1.5em 0;}
div.scrapbookContent h3 {color:#539593; font-size:1.8em;}
div.scrapbookContent p {font-size:1.2em;}
div.scrapbookSidebar h4.archives {
	background:url(img/txtArchives.gif) 0 0 no-repeat transparent;
	width:130px; height:20px;
	text-indent:-9999em;
	margin:2em 0 .5em 0;
}
div.scrapbookSidebar h4.newsletter {
	background:url(img/txtNewsletter.gif) 0 0 no-repeat transparent;
	width:172px; height:20px;
	text-indent:-9999em;
	margin:2em 0 .5em 0;
}
div.scrapbookContent img {
	display:block;
	padding: 10px;
	margin: 0 0 .5em 0;
/* 	border: 1px solid #938E86; */
	background-color:#E3E7E4;
}
div.scrapbookSidebar ul {
	margin:0; padding:0;
	list-style:none;
}
div.scrapbookSidebar p, div.scrapbookSidebar li {
	font-size:1.4em;
}
p.pagination {text-align:right;}
p.pagination a:link, p.pagination a:visited {
	display:inline-block;
	padding: 1px 6px;
	border: 1px solid #D4CDC0;
}
p.pagination a:hover, p.pagination a:active {
	background-color:#EFF4F0;
	border:1px solid #B4A38C;
}
p.pagination strong {
	display:inline-block;
	padding: 1px 6px;
}

/* portfolio */
body#portfolioPg div.content {padding-top:1em;}
body#portfolioPg h2 {color:#D03300; font-size:3.6em; margin:0;}
body#portfolioPg h3.portfolioTag {color:#938E86; font-size:1.4em; margin: 0 0 1.5em 0;}
body#portfolioPg h3 {color:#539593; font-size:1.8em;}
body#portfolioPg div.portfolioImgs {margin:2.25em 0 0 0; padding: 0 0 2em 0;}
body#portfolioPg div.portfolioImgs div {margin-bottom:4px;}
body#portfolioPg div.portfolioImgs div a:link img, body#portfolioPg div.portfolioImgs div a:visited img {border-bottom:5px solid #FFF;}
body#portfolioPg div.portfolioImgs div a:hover img, body#portfolioPg div.portfolioImgs div a:active img {border-bottom:5px solid #9BC1C0;}
body#portfolioPg div.portfolioSidebar p {font-size:1.2em;}
body#portfolioPg ul#porfolioNav {
	margin:0;
	padding:0;
	list-style:none;
	line-height:1.2em;
}
body#portfolioPg ul#porfolioNav li {
	font-size:1.2em;
	margin:0;
	padding:0;
	}
	
	
/* about */
div.aboutSidebar, div.aboutContent {padding: 1.5em 0 0 0 ;}
body#aboutPg h2 {color:#D03300; font-size:2.8em; margin:0 0 .5em 0; line-height:1em;}
body#aboutPg div.aboutSidebar p {font-size:1.6em;}
body#aboutPg div.aboutContent p {font-size:1.4em;}
div.aboutSidebar ul {margin:0;padding:0;list-style:none;}
div.aboutSidebar li {font-size:1.4em; margin: 0 0 .25em 0;}

div.newsletterPast ul {
	margin:0; padding:0;
	list-style:none;
}
div.newsletterPast ul li {
	font-size:1.4em;
	margin: 0 0 .25em 0;
}
div.newsletterPast ul li a {
	display:block;
}

/* register */
body#registerPg div.container {position:relative;}
body#registerPg div.registryGraphic {
	position:absolute;
	height:387px; width:420px;
	background:url(img/registryGraphic.png) top right no-repeat scroll transparent;
	top:-30px; right:-20px;
	z-index:9999;
	
}	
body#registerPg div.content {padding: 1.5em 0 0 0 ; height:380px;}
body#registerPg h2 {color:#D03300; font-size:2.8em; margin:0 0 .5em 0; line-height:1em;}

body#registerPg div.registerContent p {font-size:1.4em; width:435px;}

/* footer */
div.footer {
	background: url(img/footerBg2.jpg) center top no-repeat scroll;
	width:850px;
	margin:0 10px;
	}
div.footer p {
	font-size:1.2em;
	}
div.newsletter {
	height: 95px;
	background:url(img/border_v.gif) top right repeat-y scroll transparent;
	}
div.footer a:hover, div.footer a:active {color:#D03300;}
div.newsletter h3 {margin: 1em 0 .25em 0;}
div.newsletter h3 a:link, div.newsletter h3 a:visited, div.newsletter h3 a:hover, div.newsletter h3 a:active, div.newsletter h3 a:focus {
	display:block;
	height:20px; width:245px;
	background:url(img/join.gif) 0 0 no-repeat scroll transparent;
	text-indent:-9999em;
	border:0;
	outline:0;
	}
div.newsletter p {margin-right:1em;}
div.contact {}
div.contact h3 {
	height:20px; width:343px;
	margin: 1em 0 .25em 0;
	background:url(img/located.gif) 0 0 no-repeat scroll transparent;
	text-indent:-9999em;
	}
p.copyright {color:#aAa6a1; margin: .5em 0 0 0;}
p.copyright a:link, p.copyright a:visited {color:#aAa6a1;}
p.copyright a:hover, p.copyright a:active {text-decoration:underline;}