/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


body {font: 62.5%/1.5em "Georgia", "Times New Roman", serif; background: #fff url(../images/bg.jpg) scroll repeat-x; min-height: 740px;}
h1 {margin: 8px auto; width: 746px; height: 88px; background: transparent url(../images/header.png) scroll no-repeat; text-indent: -99999em;}
h2 {position: absolute; top: 400px; left: 50%; margin-left: -200px; text-indent: -99999em; width: 539px; height: 199px; background: url(../images/home-char.png) scroll no-repeat 0 0; z-index: 200;} 
#content p {margin: 1.5em 0 1.5em 0; line-height: 1.5em;}
ol, ul {list-style-position:inside; list-style-type:disc; margin-left: 20px; font-size: 140%;}
a:link, a:visited {color: #3F1010;}
a:hover {color: #E96B18;}
.about h2 {background: url(../images/about-char.png) scroll no-repeat 100% 10px;}
/*.gallery h2 {background: url(../images/gallery-char.png) scroll no-repeat 100% 4px; margin-left: -460px;}*/
.gallery h2 {background: none; position: absolute; left: -99999px;}
.shop h2 {background: url(../images/shop-char.png) scroll no-repeat 100% 0px; margin-left: -650px; top: 307px; height: 270px;}
.links h2 {background: url(../images/links-char.png) scroll no-repeat 100% 10px; width: 720px; margin-left: -383px; top: 411px;}
.contact h2 {background: url(../images/contact-char.png) scroll no-repeat 100% 10px; width: 1000px; margin-left: -1220px; top: 368px; height:400px;}
#nav {margin: 0 auto; width: 736px; height: 63px; background: transparent url(../images/nav.jpg) scroll no-repeat 0 -13px; list-style: none; list-style-position: outside; list-style-type: none;}
#nav li, #nav li a {float: left; width: 120px; height: 63px; text-indent: -99999em;}
#nav li a:hover {margin: 0;}
#nav li#nav-home a:hover {background: url(../images/nav.jpg) scroll no-repeat 0 -93px;} 
#nav li#nav-about a:hover {background: url(../images/nav.jpg) scroll no-repeat -120px -93px;} 
#nav li#nav-gallery a:hover {background: url(../images/nav.jpg) scroll no-repeat -240px -93px;} 
#nav li#nav-shop a:hover {background: url(../images/nav.jpg) scroll no-repeat -360px -93px;} 
#nav li#nav-links a:hover {background: url(../images/nav.jpg) scroll no-repeat -480px -93px;} 
#nav li#nav-contact a:hover {background: url(../images/nav.jpg) scroll no-repeat -600px -93px;} 
.wrapper {position: relative; background: url(../images/leaves.png) scroll no-repeat 50% 100%; width: auto; height: 715px;}
#container {position: relative; width: 698px; height: 416px; margin: 10px auto; background: url(../images/container-bg.jpg) scroll no-repeat; z-index: 100;}
#container .wrapper {width: 648px; height: 378px; padding: 10px; position: absolute; top: 8px; left: 14px;	overflow: auto; font-size: 120%; z-index: 100; background: none;}
#container .wrapper * { max-width: 630px; }
#container .wrapper img { width: auto; }
#content h3 { font-size: 240%; line-height: 200%; color: #3F1010; }
#content p {font-size: 140%; color: #3f1010;}
.front #content {font-size: 142%; line-height: 400%; color: #3F1010;; position: relative;}
.front #content em {border-bottom: 1px dotted #3F1010; font-style: italic;}
.front #content img { position: absolute; right: 0px; top: 0px;}
.front #content p {float: left;  width: 300px; text-align: center; margin-top: 20px; padding-left: 20px;}
#footer p {width: 600px; margin: 0 auto; margin-top: 30px; text-align: center;}
#container .wrapper form {width: 400px; margin: 0 auto; margin-top: 0; padding: 0; }
#container .wrapper form legend {display: none;}
#container .wrapper form * {width: 400px; margin: 0 auto; }
#container .wrapper #portfolio,#container .wrapper #commissions, #container .wrapper #keyrings { width: 180px; margin: 0 auto; float: left; margin-left: 18px; margin-top: 10px;}
#container .wrapper #portfolio li,#container .wrapper #commissions li, #container .wrapper #keyrings li,#container .wrapper #portfolio li a,#container .wrapper #commissions li a, #container .wrapper #keyrings li a { float: left; width: 180px; height: 180px; }
#container .wrapper #portfolio li {background: url(/images/45.png) scroll no-repeat 0 0; text-indent: -99999px;}
#container .wrapper #commissions li {background: url(/images/44.png) scroll no-repeat 0 0; text-indent: -99999px;}
#container .wrapper #keyrings li {background: url(/images/46.png) scroll no-repeat 0 0; text-indent: -99999px;}
#container .wrapper #gallery-grid { width: 550px; margin: 0 auto;;}
#container .wrapper .rssThumbFloat {float: left; width: 100px; margin: 10px; border: 1px solid #000;}

#rssThumbs {position: relative; z-index: 500; width: 550px; margin: 0 auto;}
#rssThumbs li {float: left; margin: 5px; width: 100px; font-size: 0.71em; list-style: none;}
#container .wrapper #rssThumbs li img {width: 100px; height: 75px; border: 3px double #A4751B}
#container .wrapper .jcarousel-skin-tango .jcarousel-container-horizontal  {width: 550px; margin: 0 auto;}
#container .wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
}
div#fancy_outer {z-index: 900 !important;}
#container .wrapper .links ul {padding-left: 20px;}
#content ol {list-style-position:inside; list-style-type:disc; margin-left: 20px;}

.contact p { height: 1em;}
.contact iframe {margin-left: 100px; border: 1px solid red; width: 450px !important;}
html.embed, html.embed #container {background-color: transparent !important;}