/* CSS created by Pixelplaster | a.k.a Tristan Phipps */
html{
height:100%; 
}
body {
height:100%; margin: 5px; padding: 5px; font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color:#000; background-color: #FFF;
}
h1, h2, h3, h6 {
font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color:#000; margin:0px 0px 0px 0px; padding:0;
}
h4 {
font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color:#000; margin:0px 0px 0px 0px; padding:0; font-size:16px;
}
h5 {font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color:#000; margin:0px 0px 0px 0px; padding:0; font-size:11px; font-weight:bold;}
p, i {
font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color:#000;  margin:0px 0px 10px 0px; padding:0; font-size:11px;
}

p {
display:block;
clear:both;
}

img {
border: 0;
}
a{text-decoration: none; color: #000;}
a:hover {text-decoration: none; color: #189300; background-color:#CCFF66;}
/* define layout */
div#hWrapper{
width:760px; height:100%; margin: 0; padding:0; border-top:1px solid #000;  vertical-align:top;
}
div#colLeft{
width:510px; height:100%; margin: 0; padding:0; vertical-align:top;  background-color:#FFF; float:left;
}
div#colLeft p{
margin:0px 20px 10px 0px; padding:0; font-size:11px;
}
div#colRight{
width:250px; height:100%; margin: 0; padding:0; vertical-align:top; background-color:#FFF; float:left;
} 
div#logo{
position:absolute; top:470px; left:10px; z-index:99;
}
div#logo2{
/* this is for the index page*/
position:absolute; top:470px; left:10px; z-index:99;
}
div#cColLeft{
width:240px; height:380px; margin: 0; padding:0; vertical-align:top; background-color:#FFF; float:left;
}
div#cColRight{
width:240px; height:400px; margin: 0 0 0 10px; padding:0; vertical-align:top; background-color:#FFF; float:left;
} 
div#cColLeft p{
font-size:11px; border-bottom:1px solid #EEE; padding: 0 0 3px 0; margin:0 0 5px 0;
}
div#cColRight p{
font-size:11px; border-bottom:1px solid #EEE; padding: 0 0 3px 0; margin:0 0 5px 0;
}
.line01{
width:100%; height:1px; border-top:1px solid #000; margin:0px; padding:0px; 
}
.line01_2{
width:100%; height:1px; border-top:2px solid #000; margin:0; padding:0; 
}
/* Coloured Artist Nav */
div#navArtists{margin: 0; padding:0;}
div#navArtists .color1 a{margin: 0 0 10px 0; padding:0; height:50px; width:362px; background:url(../i/burri.gif) no-repeat; display:block;}
div#navArtists .color1 a:hover{margin: 0 0 10px 0; padding:0; height:50px; width:362px; background:url(../i/burri_over.gif) no-repeat;display:block;}
div#navArtists .color2 a{margin: 0 0 10px 0; padding:0; height:50px; width:362px; background:url(../i/goldin.gif) no-repeat; display:block;}
div#navArtists .color2 a:hover{margin: 0 0 10px 0; padding:0; height:50px; width:362px; background:url(../i/goldin_over.gif) no-repeat; display:block;}
div#navArtists .color3 a{margin: 0; padding:0; height:50px; width:362px; background:url(../i/erwitt.gif) no-repeat;display:block;}
div#navArtists .color3 a:hover{margin: 0; padding:0; height:50px; width:362px; background:url(../i/erwitt_over.gif) no-repeat;display:block;}
div#navArtists .color3a a{margin: 0 0 10px 0; padding:0; height:25px; width:405px; background:url(../i/erwitt_a.gif) no-repeat;display:block;}
div#navArtists .color3a a:hover{margin: 0 0 10px 0; padding:0; height:25px; width:405px; background:url(../i/erwitt_a_over.gif) no-repeat;display:block;}
div#navArtists .color4 a{margin: 0 0 10px 0; padding:0; height:50px; width:362px; background:url(../i/parr.gif) no-repeat;display:block;}
div#navArtists .color4 a:hover{margin: 0 0 10px 0; padding:0; height:50px; width:362px; background:url(../i/parr_over.gif) no-repeat;display:block;}
/* additional araki */
div#navArtists .color5 a{margin: 0; padding:0; height:60px; width:500px; background:url(../i/araki.gif) no-repeat;display:block;}
div#navArtists .color5 a:hover{margin: 0; padding:0; height:60px; width:500px; background:url(../i/araki_over.gif) no-repeat;display:block;}
/* additional tuymans */
div#navArtists .color6 a{margin: 0; padding:0; height:60px; width:407px; background:url(../i/tuymans.gif) no-repeat;display:block;}
div#navArtists .color6 a:hover{margin: 0; padding:0; height:60px; width:407px; background:url(../i/tuymans_over.gif) no-repeat;display:block;}
/* Sub Nav1 */
div#navArtistsSub{margin: 0; padding:0; border-top:1px solid #000; border-bottom:1px solid #000;}
div#navArtistsSub ul {width:auto; list-style:none; margin: 0; padding:0;}
div#navArtistsSub li {margin: 0; padding:0; border-bottom:1px solid #CCC; display:block;}
div#navArtistsSub a {height:20px; font-size:11px; font-weight:bold; margin: 0; padding: 0px 2px 0px 2px; display:block; color:#000;}
div#navArtistsSub a:hover {text-decoration: none; background-color:#CEFF00;}

/* Sub Nav1 Buy / Enquire */
div#buy{margin: 0; padding:0; border-top:1px solid #000; border-bottom:1px solid #000;}
div#buy ul {width:auto; list-style:none; margin: 0; padding:0;}
div#buy li {margin: 0; padding:0; border-bottom:1px solid #CCC; display:block;}
div#buy a {height:20px; font-size:11px; font-weight:bold; margin: 0; padding: 2px 2px 0px 2px; display:block; color:#000; background-color:#f2ffbf;}
div#buy a:hover {text-decoration: none; background-color:#CEFF00;}

/* Sub Nav1 Sold */
div#sold{margin: 0; padding:0; border-top:1px solid #000; border-bottom:1px solid #000;}
div#sold ul {width:auto; list-style:none; margin: 0; padding:0;}
div#sold li {margin: 0; padding:0; border-bottom:1px solid #CCC; display:block; height:20px; font-size:11px; font-weight:bold; margin: 0; padding: 2px 2px 0px 2px; color:#000; background-color:#FFFFFF;}

/* Sub Nav2 */
div#navArtistsSub2{margin: 0; padding:0; border-top:1px solid #000; position:absolute; top:470px; left:520px;}
div#navArtistsSub2 ul {width:250px; list-style:none; margin: 0; padding:0;}
div#navArtistsSub2 li {margin: 0px; padding:0px; display:inline;}
div#navArtistsSub2 a {font-size:10px; font-weight:bold; margin: 0; padding:0; color:#000;}
div#navArtistsSub2 a:hover {
	text-decoration: none;
	background-color:#CEFF00;
}
/*Sub Nav3 */
div#navArtistsSub3{width:250px; margin: 0; padding:0; position:absolute; top:405px; left:520px;}
div#navArtistsSub3 ul {width:250px; list-style:none; margin: 0; padding:0;}
div#navArtistsSub3 li {margin: 0px; padding:0px; display:inline;}
div#navArtistsSub3 a {width:20px; height:16px; font-size:14px; font-weight:bold; margin: 0; padding:1px 0px 0 15px; color:#CCC; border:1px solid #CCC;}
div#navArtistsSub3 a:hover {text-decoration: none; border:1px solid #CEFF00; background-color:#FFF;}
/* edition Shell */
div#editionShell{width:323px; margin: 0; padding:0; position:absolute; top:200px; left:453px;}
div#editionLeft{
	float:left;
	width:63px;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	margin: 0 5px 0 0;
	padding:0;
	white-space: nowrap;
}
div#editionRight{float:left; width:250px; font-size:11px; border-bottom:1px solid #000;}
.price{width:180px; float:left; margin:0; padding:0; font-size:11px; text-align:left;}
.item{width:300px; float:left; margin:0; padding:0; font-size:11px; font-weight:bold;}

.item a{text-decoration:underline;}
.item a:hover{text-decoration:underline; color:#000000;}

.item2{width:480px; float:left; margin:0; padding:0; font-size:11px; font-weight:normal;}
/* pixelplaster logo */
div#pixelplaster{
position:absolute; margin:0 auto; padding:0; top:1200px; left:10px; text-align:center; 
}
div#pixelplaster a:hover{background-color:#FFFFFF;}
div#preOrder1 {
position:absolute; width:165px; height: 36px; margin:0 auto; padding:0; top:18px; left:600px; text-align:center; border:1px solid #FF0000; font-size:11px; background-color:#F5F5F5;
}
div#preOrder2 {
position:absolute; width:165px; height: 36px; margin:0 auto; padding:0; top:80px; left:600px; text-align:center; border:1px solid #FF0000; font-size:11px; background-color:#F5F5F5;
}