body	{
	        margin:0px;
			background-image:url(/images/background.gif);
			background-repeat:repeat-x;
			background-color:#fff;
	        overflow:auto;
		}
.container {
			width: 750px;
			border-width: 0px;
			margin-top: 5px;
			margin-left: auto;
			margin-right: auto;
			background-color:#fff;
		}
.topnav {
            width: 750px;
            height: 151px;
			border: 0px;
			background-image:url(/images/background1.gif);
			background-repeat:no-repeat;
			background-position:top;
			background-color:#fff;
}
.maintext {
            width: 557px;
            float: left;
            margin-right: 3px;
            margin-bottom: 3px;
            background-color: white;
}
.rightnav {
            width: 190px;
            float: right;
			border: 0px;
            margin-bottom: 3px;
            background-color: white;
}
.bottomnav {
            width: 750px;
			border: 0px;
            background-color: #312e2e;
            float: left;
}
.column {
            width: 200px;
			border: 0px;
            margin: 0px;
            float: left;
}
.scolumn {
            width: 150px;
			border: 0px;
            margin: 0px;
            float: left;
}
.thumb {
            width: 190px;
			height: 170px;
            float: left;
            margin: 3px 3px 3px 3px;
            background-color: white;
			border-style: solid;
			border-width: 1px;
			border-color: #cccccc; 
			text-align: center;
}
.thumbclear {
            width: 190px;
			height: 172px;
            float: left;
			border: 0px;
            margin: 3px 0px 3px 3px;
			background-color: white;
			text-align: left;
}
.sthumbclear {
            width: 140px;
			height: 172px;
            float: left;
			border: 0px;
            margin: 3px 3px 3px 3px;
			background-color: white;
			text-align: center;
}
.across {
            width: 540px;
            float: left;
            margin: 2px 2px 2px 3px;
            background-color: white;
			border-style: solid;
			border-width: 1px;
			border-color: #cccccc; 
}

p {
	padding: 5px;
    margin: 0px;
	font-family: arial, verdana, san-serif;
    color: darkslategray;
	font-size: 12px; 
	font-weight: normal;
	text-align: left;
}
p.middle {
	padding: 5px;
    margin: 0px;
	color: black;
	font-family: arial, verdana, san-serif;
    color: #999999;
	font-size: 11px; 
	font-weight: normal;
	text-align: center;
}
h1 {
	margin: 3px 0px 0px 5px;
	padding: 0px;
	font-family: arial, verdana, san-serif;
    color: black;
	font-size: 18px; 
	font-weight: bold;
}
h2 {
	margin: 3px 0px 0px 5px;
	padding: 0px;
	font-family: arial, verdana, san-serif;
    color: black;
	font-size: 16px; 
	font-weight: bold;
}

.comicrollover {
float:right;
width:300px;
height:215px;
border:0px solid;
font:normal 10px verdana;
margin-top: 5px;
text-align:center;
background: url(http://www.popartpictures.com/images/comicrollover.jpg) no-repeat 0 0px;
}
a.comicrollover:link, a.comicrollover:visited, a.comicrollover:active {
text-decoration:none;
background: url(http://www.popartpictures.co.uk/images/comicrollover.jpg) no-repeat 0 0px;
}
a.comicrollover:hover {
background: url(http://www.popartpictures.co.uk/images/comicrollover.jpg) no-repeat -300px 0px;
}

/* these rollovers CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */
.warholrollover1 {
float:right;
width:250px;
height:250px;
border:0px solid;
font:normal 10px verdana;
margin: 5px;
text-align:center;
background: url(/images/warholrollover.jpg) no-repeat 0 0px;
}
a.warholrollover1:link, a.warholrollover1:visited, a.warholrollover1:active {
text-decoration:none;
background: url(/images/warholrollover.jpg) no-repeat 0 0px;
}
a.warholrollover1:hover {
background: url(/images/warholrollover.jpg) no-repeat -250px 0px;
}

/* these rollovers CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */
.warholrollover {
float:left;
width:200px;
height:300px;
border:0px solid;
font:normal 10px verdana;
margin-top: 5px;
text-align:center;
background: url(http://www.portraituk.co.uk/images/rollover.jpg) no-repeat 0 0px;
}
a.warholrollover:link, a.warholrollover:visited, a.warholrollover:active {
text-decoration:none;
background: url(http://www.portraituk.co.uk/images/rollover.jpg) no-repeat 0 0px;
}
a.warholrollover:hover {
background: url(http://www.portraituk.co.uk/images/rollover.jpg) no-repeat -200px 0px;
}

/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */
.warholbutton {
float:left;
width:190px;
height:60px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(http://www.portraituk.co.uk/images/warholbutton.gif) no-repeat 0 0px;
}
a.warholbutton:link, a.warholbutton:visited, a.warholbutton:active {
text-decoration:none;
background: url(http://www.portraituk.co.uk/images/warholbutton.gif) no-repeat 0 0px;
}
a.warholbutton:hover {
background: url(http://www.portraituk.co.uk/images/warholbutton.gif) no-repeat -190px 0px;
}

/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */
.lichtensteinbutton {
float:left;
width:190px;
height:60px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(http://www.portraituk.co.uk/images/lichtensteinbutton.gif) no-repeat 0 0px;
}
a.lichtensteinbutton:link, a.lichtensteinbutton:visited, a.lichtensteinbutton:active {
text-decoration:none;
background: url(http://www.portraituk.co.uk/images/lichtensteinbutton.gif) no-repeat 0 0px;
}
a.lichtensteinbutton:hover {
background: url(http://www.portraituk.co.uk/images/lichtensteinbutton.gif) no-repeat -190px 0px;
}

/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */
.illustrationbutton {
float:left;
width:190px;
height:60px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(http://www.portraituk.co.uk/images/illustrationbutton.gif) no-repeat 0 0px;
}
a.illustrationbutton:link, a.illustrationbutton:visited, a.illustrationbutton:active {
text-decoration:none;
background: url(http://www.portraituk.co.uk/images/illustrationbutton.gif) no-repeat 0 0px;
}
a.illustrationbutton:hover {
background: url(http://www.portraituk.co.uk/images/illustrationbutton.gif) no-repeat -190px 0px;
}

/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */
.choosebutton {
float:left;
width:190px;
height:60px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(http://www.portraituk.co.uk/images/choosebutton.gif) no-repeat 0 0px;
}
a.choosebutton:link, a.choosebutton:visited, a.choosebutton:active {
text-decoration:none;
background: url(http://www.portraituk.co.uk/images/choosebutton.gif) no-repeat 0 0px;
}
a.choosebutton:hover {
background: url(http://www.portraituk.co.uk/images/choosebutton.gif) no-repeat -190px 0px;
}

/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */
.examplebutton {
float:left;
width:190px;
height:60px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(http://www.portraituk.co.uk/images/examplebutton.gif) no-repeat 0 0px;
}
a.examplebutton:link, a.examplebutton:visited, a.examplebutton:active {
text-decoration:none;
background: url(http://www.portraituk.co.uk/images/examplebutton.gif) no-repeat 0 0px;
}
a.examplebutton:hover {
background: url(http://www.portraituk.co.uk/images/examplebutton.gif) no-repeat -190px 0px;
}
img { 
	margin: 0px; 
	border-width: 0px;
    padding: 0px;
}
.img-shadow {
  float:left;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/shadow.gif) no-repeat bottom right;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 0px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
  
span.nav {
    padding: 0px;
    margin: 0px;
	font-family: arial, verdana, san-serif;
    color: #312e2e;
	font-size: 12px; 
	font-weight: bold;
	text-align: left;
}
a.none:link {
	color: #ffffff;
	text-decoration: none;
	background-color: white;
}
a.none:visited {
	color: #ffffff;
 	text-decoration: none;
	background-color: white;
}
a.none:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: white;
}
a.none:active {
	color: #ffffff;
	text-decoration: none;
	background-color: white;
}
a:link {
	color: #999999; 
	text-decoration: underline;
}
a:visited {
	color: #999999;
 	text-decoration: underline;
}
a:hover {
	color: #312e2e;
}
a:active {
	color: #312e2e;
}

a.nav:link {
	color: #312e2e; 
	text-decoration: none;
}
a.nav:visited {
	color: #312e2e;
 	text-decoration: none;
}
a.nav:hover {
	color: #a3a7af;
}
a.nav:active {
	color: #a3a7af;
}