﻿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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
body{ font-size:0.75em; color:#704a41; font-family:Verdana; text-align:center; background:#fffbed url(../images/bodybg.gif) repeat-x top left;;}
html { overflow-y: scroll; }
strong{ font-weight:bold;}

#site{ width:789px; margin:0 auto; text-align:left; }
#bg{ float:left; background:url(../images/bg.gif) no-repeat top left; padding:0 1px 0 1px; margin-bottom:15px;}
#bg2{ float:left;}
#wrap{ float:left; padding:0 0 0px 43px; border-bottom:solid 1px #e6e2d6; background:url(../images/art.jpg) no-repeat top left;}
#dims{ float:left; width:746px; min-height:708px;}
#header{ float:left; text-align:right; width:746px; }
#logo{ float:right; margin:19px 18px 0 0;}
#nav{ clear:both; float:right; width:315px;}
#snav{ clear:both; float:right; width:279px; padding:7px 0 0 0;}
#nav li,#snav li{ float:left;}
#nav li a,#snav li a{ display:block; float:left; height:31px; overflow:hidden;}
#nav li a span,#snav li a span{ display:block; float:left; margin-left:-999px;}
#nav li.home a{ width:55px; background:url(../images/home.gif) no-repeat bottom right;}
#nav li.home a:hover,#nav li.home a.on{ background:url(../images/home.gif) no-repeat top right;}
#nav li.portfolio a{ width:97px; background:url(../images/portfolio.gif) no-repeat bottom right;}
#nav li.portfolio a:hover,#nav li.portfolio a.on{ background:url(../images/portfolio.gif) no-repeat top right;}
#nav li.news a{ width:54px; background:url(../images/news.gif) no-repeat bottom right;}
#nav li.news a:hover,#nav li.news a.on{ background:url(../images/news.gif) no-repeat top right;}
#nav li.contact a{ width:80px; background:url(../images/contact.gif) no-repeat bottom right;}
#nav li.contact a:hover,#nav li.contact a.on{ background:url(../images/contact.gif) no-repeat top right;}

#snav li.spaintings a{ width:97px; background:url(../images/spaintings.gif) no-repeat bottom right;}
#snav li.spaintings a:hover,#snav li.spaintings a.on{ background:url(../images/spaintings.gif) no-repeat top right;}
#snav li.stextiles a{ width:88px; background:url(../images/stextiles.gif) no-repeat bottom right;}
#snav li.stextiles a:hover,#snav li.stextiles a.on{ background:url(../images/stextiles.gif) no-repeat top right;}
#snav li.scards a{ width:63px; background:url(../images/scards.gif) no-repeat bottom right;}
#snav li.scards a:hover,#snav li.scards a.on{ background:url(../images/scards.gif) no-repeat top right;}

#main{ float:left; clear:both; width:746px; padding:0 0 50px 0;}
#main p{ line-height:1.3em; padding:0 0 0.5em 0;}
#main li{ line-height:1.3em;}
#main a{ color:#000000; text-decoration:none;}
#main a:hover{ text-decoration:underline;}
#col1{ float:left; width:418px; padding:225px 0 0 0;}
#introtxt{ float:left; width:400px;}

.txt{ overflow:hidden;}
.txt span{ display:block; margin-left:-999px;}
.welcome{ background:url(../images/welcome.gif) no-repeat top left; width:418px; height:37px;}
.paintings{ background:url(../images/paintings.gif) no-repeat top left; width:114px; height:24px;}
.textiles{ background:url(../images/textiles.gif) no-repeat top left; width:114px; height:24px;}
.cards{ background:url(../images/cards.gif) no-repeat top left; width:114px; height:24px;}

#cats{ float:left; clear:left; width:417px; padding:36px 0 0 0;}
#cats li{ float:left; width:139px; }
#cats li a{ text-decoration:none !important; display:block; cursor:pointer; position:relative; overflow:visible;}
#cats li a span{display:block; cursor:pointer; position:absolute;}
#cats li a:hover span{ top:-33px; left:-10px; width:133px; height:190px; border:solid 2px #C7B09E; }

#col2{ float:left; width:286px; padding:118px 0px 0 0;}
.movie{ background:url(../images/play-movie.gif) no-repeat top right; width:277px; height:24px;}
#movie{ float:left; clear:both; padding:0 0 29px 7px;}
#movie a,#movie a img{ text-decoration:none !important; display:block; float:left;}

.latestnews { background:url(../images/latest-news.gif) no-repeat top left; width:277px; float:right; clear:both;  height:25px;}
#latestnews { float:left; clear:both; padding:0 0px 0 7px;}
#tag{ float:left; width:277px;  position:relative; z-index:100; overflow:visible;}
#tag div{ width:393px; height:165px; top:0px; left:2px; position:absolute; z-index:100; text-align:left; background:url(../images/tag.jpg) no-repeat bottom right;}
#main #latestnews a{ color:#330000; display:block; padding:20px 0 0 20px; width:190px; font-size:11px; }
#main #latestnews a:hover,#main #latestnews a:hover strong{ text-decoration:none; color:#9F836D; }
#main #latestnews p a strong{ color:#333333; line-height:1.4em; }

#footer{ float:left; clear:both; width:789px; font-size:0.9em; padding:0 0 15px 0;}
#footer #ip4{ float:left; width:500px;}
#footer a{ color:#333333; text-decoration:underline;}
#footer a:hover{ text-decoration:none;}

/* other pages */
#contactinfo{ float:left; margin:10px 150px 0 170px}
#contacttxt{ margin-left:60px; padding:20px 0 0px 0;}

#newssel{ float:left; width:400px; height:305px; overflow-y: scroll;}
#newssel h1{ font-size:1.3em; color:#333333; font-weight:normal; padding:0 0 1.4em 0; }
#newspad{ float:left; width:370px;}
#newspad p{ padding:0 0 15px 0;}
#newspad a{ border-bottom:dashed 1px #666666;}
#newspad a:hover{ border-bottom:solid 1px #333333; text-decoration:none !important;}
#newspad strong{ color:#333333 !important;}

#newsitems{ float:left; width:236px;}
#newsitems li{ margin-bottom:0.8em; padding-bottom:0.8em; border-bottom:dashed 1px #C7B09E;}
#main #newsitems a{ color:#330000; display:block; }
#main #newsitems a:hover,#main #latestnews a:hover strong{ text-decoration:none; color:#9F836D; }

#pintro{ float:left; height:200px; padding:15px 0 0 478px;}
#pintropad{ width:225px; float:left; font-size:0.9em;}
#pintropad p{ padding:0 0 12px 0;}

#galcontainer{ float:left; clear:left; padding:20px 0 0 0;}
#gallery{ float:left; width:700px; height:250px; background:#ccc; overflow:hidden;}
#gallery ul{ float:left;}
#gallery li{ float:left; width:175px; height:250px}
.loading{ background:url(../images/loading.gif) no-repeat 50% 50%;}
