a {outline: none;}
a img{border: none;}

a:link {color: black; text-decoration: none;}
a:visited {color: black; text-decoration: none;}
a:hover {color: black; text-decoration: underline;}
a:active {color: black; text-decoration: none;}

body{
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;
background: url(240.gif);}





#page{
width: 1000px;
height: 576px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;}










#left{  
display: inline;
float: left;
width: 188px;
height: 576px;
border: 0px;
margin: 0px auto;
padding-left: 48px;
text-align: center;}





#leftwindow{
width: 188px;
height: 272px;
border: 0px;
margin: 0px auto;
padding-top: 150px;
text-align: center;}





div.sublinks{
width: 188px;
height: 272px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;
background: url(sublinksback.gif) no-repeat;}



ul.sublinks{  
list-style-type: none;
float: left;
width: 168px;
border: 0px;
margin: 0px;
padding-top: 24px;
padding-left: 10px;
font-size: 12px;
color: black;
font-family: arial;
font-weight: bold;
text-align: center;}



li.digital{
display: block;
width: 168px;
height: 36px;
background: url(digitall.gif) 0 0 no-repeat;}

li.digital a{
display: block;
width: 168px;
height: 36px;
background: url(digitall.gif) 0 -36px no-repeat;}

li.digital a:hover{ 
background-position: 0 -72px;}



li.drawing{
display: block;
width: 168px;
height: 36px;
background: url(drawingl.gif) 0 0 no-repeat;}

li.drawing a{
display: block;
width: 168px;
height: 36px;
background: url(drawingl.gif) 0 -36px no-repeat;}

li.drawing a:hover{ 
background-position: 0 -72px;}




li.printmaking{
display: block;
width: 168px;
height: 36px;
background: url(printmakingl.gif) 0 0 no-repeat;}

li.printmaking a{
display: block;
width: 168px;
height: 36px;
background: url(printmakingl.gif) 0 -36px no-repeat;}

li.printmaking a:hover{ 
background-position: 0 -72px;}



li.watercolor{
display: block;
width: 168px;
height: 36px;
background: url(watercolorl.gif) 0 0 no-repeat;}

li.watercolor a{
display: block;
width: 168px;
height: 36px;
background: url(watercolorl.gif) 0 -36px no-repeat;}

li.watercolor a:hover{ 
background-position: 0 -72px;}



li.foamboard{
display: block;
width: 168px;
height: 36px;
background: url(foamboardl.gif) 0 0 no-repeat;}

li.foamboard a{
display: block;
width: 168px;
height: 36px;
background: url(foamboardl.gif) 0 -36px no-repeat;}

li.foamboard a:hover{ 
background-position: 0 -72px;}



li.matboard{
display: block;
width: 168px;
height: 36px;
background: url(matboardl.gif) 0 0 no-repeat;}

li.matboard a{
display: block;
width: 168px;
height: 36px;
background: url(matboardl.gif) 0 -36px no-repeat;}

li.matboard a:hover{ 
background-position: 0 -72px;}



li.artspace{
display: block;
width: 168px;
height: 36px;
background: url(artspacel.gif) 0 0 no-repeat;}

li.artspace a{
display: block;
width: 168px;
height: 36px;
background: url(artspacel.gif) 0 -36px no-repeat;}

li.artspace a:hover{ 
background-position: 0 -72px;}



li.collection{
display: block;
width: 168px;
height: 36px;
background: url(collectionl.gif) 0 0 no-repeat;}

li.collection a{
display: block;
width: 168px;
height: 36px;
background: url(collectionl.gif) 0 -36px no-repeat;}

li.collection a:hover{ 
background-position: 0 -72px;}



li.newartist{
display: block;
width: 168px;
height: 36px;
background: url(newartistl.gif) 0 0 no-repeat;}

li.newartist a{
display: block;
width: 168px;
height: 36px;
background: url(newartistl.gif) 0 -36px no-repeat;}

li.newartist a:hover{
background-position: 0 -72px;}



li.suttenfield{
display: block;
width: 168px;
height: 36px;
background: url(suttenfieldl.gif) 0 0 no-repeat;}

li.suttenfield a{
display: block;
width: 168px;
height: 36px;
background: url(suttenfieldl.gif) 0 -36px no-repeat;}

li.suttenfield a:hover{ 
background-position: 0 -72px;}



li.janfaul{
display: block;
width: 168px;
height: 36px;
background: url(janfaull.gif) 0 0 no-repeat;}

li.janfaul a{
display: block;
width: 168px;
height: 36px;
background: url(janfaull.gif) 0 -36px no-repeat;}

li.janfaul a:hover{ 
background-position: 0 -72px;}



li.guytkuhn{
display: block;
width: 168px;
height: 36px;
background: url(guytkuhnl.gif) 0 0 no-repeat;}

li.guytkuhn a{
display: block;
width: 168px;
height: 36px;
background: url(guytkuhnl.gif) 0 -36px no-repeat;}

li.guytkuhn a:hover{ 
background-position: 0 -72px;}





div.index{
width: 188px;
height: 272px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;
background: url(index.gif) no-repeat;}

div.pricelist{
width: 168px;
height: 30px;
border: 0px;
margin: 0px auto;
padding-top: 204px;
text-align: center;}





div.printing{
width: 188px;
height: 272px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;
background: url(printing.gif) no-repeat;}





div.info{
width: 188px;
height: 272px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;
background: url(info.gif) no-repeat;}

div.facebook{
width: 108px;
height: 48px;
border: 0px;
margin: 0px auto;
padding-top: 156px;
text-align: center;}





div.cart{
width: 188px;
height: 272px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;
background: url(cart.gif) no-repeat;}





div.checkout{
width: 188px;
height: 272px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;
background: url(checkout.gif) no-repeat;}










#right{  
display: inline;
float: right;
width: 696px;
height: 576px;
border: 0px;
margin: 0px auto;
padding-right: 48px;
text-align: center;}





#linkbar{
width: 696px;
height: 48px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;
background: url(linkbarback.gif) no-repeat;}

div.linkbar{
width: 696px;
height: 48px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;}

div.linkbarleft{  
display: inline;
float: left;
height: 48px;
width: 562px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;}



ul.linkbarleft{  
display: inline;
float: left;
list-style-type: none;
width: 528px;
height: 30px;
border: 0px;
margin: 0px auto;
padding-top: 18px;
padding-left: 34px;}



ul.linkbarleft li{
float: left;}



li.paper{
display: block;
width: 132px;
height: 30px;
background: url(paperl.gif) 0 0 no-repeat;}

li.paper a{
display: block;
width: 132px;
height: 30px;
background: url(paperl.gif) 0 -30px no-repeat;}

li.paper a:hover{
background-position: 0 -60px;}



li.printing{
display: block;
width: 132px;
height: 30px;
background: url(printingl.gif) 0 0 no-repeat;}

li.printing a{
display: block;
width: 132px;
height: 30px;
background: url(printingl.gif) 0 -30px no-repeat;}

li.printing a:hover{ 
background-position: 0 -60px;}



li.gallery{
display: block;
width: 132px;
height: 30px;
background: url(galleryl.gif) 0 0 no-repeat;}

li.gallery a{
display: block;
width: 132px;
height: 30px;
background: url(galleryl.gif) 0 -30px no-repeat;}

li.gallery a:hover{ 
background-position: 0 -60px;}



li.info{
display: block;
width: 132px;
height: 30px;
background: url(infol.gif) 0 0 no-repeat;}

li.info a{
display: block;
width: 132px;
height: 30px;
background: url(infol.gif) 0 -30px no-repeat;}

li.info a:hover{ 
background-position: 0 -60px;}





div.linkbarright{  
display: inline;
float: right;
height: 48px;
width: 86px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;}

ul.linkbarright{  
display: inline;
float: right;
list-style-type: none;
height: 30px;
border: 0px;
margin: 0px auto;
padding-top: 18px;
padding-right: 28px;}



li.cart a{
display: block;
width: 64px;
height: 30px;
background: url(cartl.gif) no-repeat;}





#rightwindow{
width: 696px;
height: 528px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;
background: url(rightwindowback.gif) no-repeat;}





#content{
width: 696px;
border: 0px;
margin: 0px auto;
padding-top: 48px;
text-align: center;}

div.content{
width: 696px;
height: 432px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;}




table.content{
width: 600px;
border: 0px;
border-collapse: collapse;
margin: 0px auto;
padding: 0px;
font-size: 11px;
color: black;
font-family: arial;
text-align: center;}

table.content td{padding-bottom: 1px;}

table.combobox{
border: 0px;
border-collapse: collapse;
margin: 0px;
padding: 0px;
text-align: center;}



font.bold{font-weight: bold;}

font.strike{text-decoration: line-through;}

font.sale{color: red;}



td.spacer12{height: 12px;}

td.spacer6{height: 6px;}

td.spacer4{height: 4px;}

td.sale{font-weight: bold; color: red;}

td.color{display: none;}

td.bold12{font-weight: bold; font-size: 12px;}



td.papertitle{
width: 600px;
height: 20px;
padding-left: 12px;
font-size: 11px;
color: white;
text-align: left;
background: url(papertitleback.gif) no-repeat;}

td.papertitle2{
width: 240px;
height: 8px;
padding-left: 12px;
font-size: 11px;
text-align: left;
background: url(papertitleback2.gif) no-repeat;}

td.left{
padding-left: 12px;
text-align: left;}

td.right{padding-top: 3px;}

td.left2{
padding-left: 18px;
text-align: left;}

td.combobox{
padding-left: 12px;
text-align: left;}

td.line{
width: 540px;
height: 2px;
background: url(lineback.gif) no-repeat;}

td.p{
padding-left: 24px;
padding-right: 24px;
text-align: left;}

td.tableheadercartitem{
width: 62%;
border: 0px;
border-collapse: collapse;
margin: 0px;
padding-bottom: 3px;
font-weight: bold;
font-size: 12px;}

td.tableheaderitem{
width: 50%;
border: 0px;
border-collapse: collapse;
margin: 0px;
padding-bottom: 3px;
font-weight: bold;
font-size: 12px;}

td.tableheadersize{
width: 16%;
border: 0px;
border-collapse: collapse;
margin: 0px;
padding-bottom: 3px;
font-weight: bold;
font-size: 12px;}

td.tableheadergsm{
width: 8%;
border: 0px;
border-collapse: collapse;
margin: 0px;
padding-bottom: 3px;
font-weight: bold;
font-size: 12px;}

td.tableheaderprice{
width: 12%;
border: 0px;
border-collapse: collapse;
margin: 0px;
padding-bottom: 3px;
font-weight: bold;
font-size: 12px;}

td.tableheaderqty{
width: 8%;
border: 0px;
border-collapse: collapse;
margin: 0px;
padding-bottom: 3px;
font-weight: bold;
font-size: 12px;}

td.tableheaderadd{
width: 6%;
border: 0px;
border-collapse: collapse;
margin: 0px;
padding-bottom: 3px;
font-weight: bold;
font-size: 12px;}

td.tableheaderright{
padding-right: 24px;
padding-bottom: 3px;
font-size: 12px;
font-weight: bold;
text-align: right;}





input.text{    
width: 26px;
height: 18px;
border: 0px;
margin: 0px;
padding: 0px;
font-size: 11px; 
color: black;
font-family: arial;
text-align: center;
background: url(inputback.gif) no-repeat;}

input.addbutton{
cursor: pointer;
width: 18px;
height: 18px;
border: 0px;
margin: 0px auto;
padding: 0px;
font-size: 12px;
color: black;
font-family: arial;
text-align: center;}





#arrows{
height: 36px;
border: 0px;
margin: 0px auto;
padding: 0px;
font-size: 12px;
color: black;
font-family: arial;
font-weight: bold;
text-align: center;}

div.leftarrow{  
display: inline;
float: left;
height: 36px;
border: 0px;
margin: 0px;
padding: 0px;
text-align: center;}

div.rightarrow{  
display: inline;
float: right;
height: 36px;
border: 0px;
margin: 0px auto;
padding: 0px;
text-align: center;}

div.pagelinks{
display: none;
height: 36px;
border: 0px;
margin: 0px auto;
padding: 0px;
font-size: 12px;
color: black;
font-family: arial;
font-weight: bold;
text-align: center;}





select{
display: block;
width: 102px;
height: 18px;}
    
select.replaced{display: none;}
    
ul.selectReplacement{
width: 102px;
height: 18px;
border: 0px;
margin: 0px;
padding: 0px;
background: url(comboboxcover.gif) no-repeat;}

ul.selectReplacement li{
display: none;
list-style: none;
width: 102px;
height: 18px;
border: 0px;
margin: 0px;
padding-top: 2px;
padding-left: 6px; 
font-size: 11; 
color: black;
font-family: arial;
text-align: left;
background: url(comboboxcover.gif) no-repeat;}

ul.selectOpen li{
position:relative;
display: block;
width: 96px;
height: 18px;
border: 0px;
margin: 0px;
padding-top: 2px; 
font-size: 11; 
color: white;
font-family: arial;
font-weight: bold;
text-align: left;
background: url(comboboxback.gif) no-repeat;
z-index: 1;}
    
ul.selectReplacement li.selected{
display: block;}
    
ul.selectOpen li.selected{
display: block;}

ul.selectOpen li:hover,
ul.selectOpen li.hover,
ul.selectOpen li.selected:hover{
color: white;
font-weight: bold;
background: url(comboboxback2.gif) no-repeat;}





table.portfoliocontent{
width: 480px;
border: 0px;
border-collapse: collapse;
margin: 0px auto;
padding: 0px;
font-size: 11px;
color: black;
font-family: arial;
text-align: center;}

table.portfolioleft{
width: 240px;
border-width: 0px;
border-spacing: 0px;
border-collapse: collapse;
margin: 0px auto;
padding: 0px;
font-size: 11px;
color: black;
font-family: arial;
text-align: center;}

table.portfolioright{
width: 240px;
border-width: 0px;
border-spacing: 0px;
border-collapse: collapse;
margin: 0px auto;
padding: 0px;
font-size: 11px;
color: black;
font-family: arial;
text-align: center;}





table.gallerycontent{
width: 552px;
border: 0px;
border-collapse: collapse;
margin: 0px auto;
padding: 0px;
font-size: 11px;
color: black;
font-family: arial;
text-align: center;}



table.galleryleft{
width: 276px;
border-width: 0px;
border-spacing: 0px;
border-collapse: collapse;
margin: 0px auto;
padding: 0px;
font-size: 11px;
color: black;
font-family: arial;
text-align: center;}

table.galleryright{
width: 276px;
border-width: 0px;
border-spacing: 0px;
border-collapse: collapse;
margin: 0px auto;
padding: 0px;
font-size: 11px;
color: black;
font-family: arial;
text-align: center;}


table.gallerycontent2{
width: 240px;
border: 0px;
border-collapse: collapse;
margin: 0px auto;
padding-top: 24px;
font-size: 11px;
color: black;
font-family: arial;
text-align: center;}