a img{border: 1px solid #CCC;padding:2px;margin:3px;background-color:#FFF}
a:hover img{border: 1px solid #333;padding:2px;background-color:#FFF}
a:hover{color: #333;border: 0px ;} /* Dummy definition to overcome IE bug */

body{
	margin:0;
	text-align:center;
	font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
	background-image: url(/gfx/bg.png);
	font-size:10pt;
}

a:link { color:#333;}
a:visited { color:#333;}
a:hover { color:#CCC;}
a:active { color:#333;}

#pagenav a:link, a.glow a:link { color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #CCC solid;}
#pagenav a:visited, a.glow a:visited { color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #CCC solid;}
#pagenav a:hover, a.glow a:hover  { color:#000; text-decoration:none; background:#CCC;padding:2px 4px 2px 4px;border:1px #000 solid;}
#pagenav a:active, a.glow a:active  { color:#333; text-decoration:none; background:#CCC;padding:2px 4px 2px 4px;border:1px #CCC solid;}

#wrapper{
	width:770px;
	border-left:3px #333 solid;
	border-right:3px #333 solid;
	text-align:left;
	margin:0 auto 0 auto;
	background-color:#FFF;
	background-image: url(/gfx/sidebg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#header h1 {margin:0;}
#header h1 a {
 display: block;
 background-image: url(/gfx/title.jpg);
 background-repeat: no-repeat;
 padding-top: 229px; height: 0 !important;
 height /**/: 229px; overflow: hidden;
}
#header{border-bottom:2px #333 solid}

/* ---------------- NAV ---------------- */
#nav{
margin-top:15px;
	float:left;
	width:128px;
	padding-bottom:370px;
	background-image: url(/gfx/leftsidebg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#nav ul 	{
width: 128px;
height: 135px;
background: url(/gfx/nav.png) no-repeat;
margin: 0 0 0 10px;
padding: 0;
position: relative;
}

#nav ul li {margin: 0;padding: 0;list-style: none;
position:absolute;}
#nav ul li, #nav ul a	{
height: 20px;
display: block;
}

#nav ul li a {
text-indent: -9999px; 
text-decoration: none;
width: 120px;}

#nav1 {top: 0px;}
#nav2 {top: 22px;}
#nav3 {top: 44px;}
#nav4 {top: 66px;}
#nav5 {top: 88px;}
#nav6 {top: 108px;}

#nav1 a:hover {background: transparent url(/gfx/nav.png) -127px 0px no-repeat;}
#nav2 a:hover {background: transparent url(/gfx/nav.png) -127px -22px no-repeat;}
#nav3 a:hover {background: transparent url(/gfx/nav.png) -127px -44px no-repeat;}
#nav4 a:hover {background: transparent url(/gfx/nav.png) -127px -66px no-repeat;}
#nav5 a:hover {background: transparent url(/gfx/nav.png) -127px -88px no-repeat;}
#nav6 a:hover {background: transparent url(/gfx/nav.png) -127px -108px no-repeat;}

/* UBERLINKS */
body#news a#newsnav {background: transparent url(/gfx/nav.png) -127px 0px no-repeat;}
body#paintings a#paintingsnav {background: transparent url(/gfx/nav.png) -127px -22px no-repeat;}
body#sketchbook a#sketchbooknav{background: transparent url(/gfx/nav.png) -127px -44px no-repeat;}
body#shop a#shopnav{background: transparent url(/gfx/nav.png) -127px -66px no-repeat;}
body#cv a#cvnav{background: transparent url(/gfx/nav.png) -127px -88px no-repeat;}
body#contact a#contactnav{background: transparent url(/gfx/nav.png) -127px -108px no-repeat;}

/* ---------------- HEADERS ---------------- */

h1, h2, h3, h4, h5, h6 {font-family:Georgia, "Times New Roman", Times, serif}

h1 span, h2 span {display:none}
#content h2 {
	width:310px;
	height:43px;
	background-repeat: no-repeat;
	margin:0;
	}
body#news h2{background-image: url(/gfx/title_news.png);}
body#paintings h2{background-image: url(/gfx/title_paintings.png);}
body#sketchbook h2{background-image: url(/gfx/title_sketchbook.png);}
body#shop h2{background-image: url(/gfx/title_shop.png);}
body#cv h2{background-image: url(/gfx/title_cv.png);}
body#contact h2{background-image: url(/gfx/title_contact.png);}

/* ---------------- ITEM ---------------- */

body#cv #content ul {list-style:none;margin-left:0;padding-left:0}
body#cv #content li {margin-left:0;padding-left:0}

div.shoplist {width:430px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px #CCC dashed}

.item h3 {font-size:12pt;margin-bottom:5px;}
.item p {font-size:10pt}
.item p.note {border-top:1px #CCC solid;padding-top:5px;text-align:right;font-size:8pt;}

#latest {width:110px;float:right;position:relative;bottom:20px;margin:0 10px 20px 25px;}

#content{margin-left:145px;padding:15px;}
#footer{clear:both;padding:15px;border-top:1px #CCC dashed;margin-top:10px;text-align:center;margin:0 100px 0 100px}
#footer p {font-size:8pt;}
#footer img {border:0}

.note{font-size:8pt;}
.button{font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:12pt;color:#FFF;padding:5px;background:#333;border:1px #CCC solid;cursor:pointer}
.box{font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:10pt;color:#333;border:2px #CCC solid;padding:2px;}
img.icon{border:0;position:relative;top:2px}
/* -- Image fade -- */

.fade img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
.fade:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.75;}
.fade img {border:0}

/* -------------------------------- */
.left {float:left}
.right{float:right}