﻿html {
	height: 100%;
	margin-bottom: 1px;
 }


body{
	background-color: #FFF;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:2px;
	color:#808080;
	}
p {
	margin-top: 0px;
	margin-bottom: 13px;
}

	
	
#container {
	position: absolute;
	width: 780px;
	height: 662px;
	left: 50%;
	top:20px;
	margin-left: -390px;
	z-index: 1;
}

#containerprints1 {
	position: absolute;
	width: 780px;
	height: 920px;
	left: 50%;
	top:20px;
	margin-left: -390px;
	z-index: 1;
}

#printtext {
	position: absolute;
	width: 740px;
	height: 30px;
	top:860px;
	text-align:center;

}


#containerprints2 {
	position: absolute;
	width: 780px;
	height: 6300px;
	left: 50%;
	top:20px;
	margin-left: -390px;
	z-index: 1;
}

#containerlinks {
	position: absolute;
	width: 740px;
	height: 5100px;
	left: 50%;
	top:20px;
	margin-left: -370px;
	z-index: 1;
}



#form{
	position: absolute;
	width: 270px;
	height: 250px;
	top:100px;
	left:330px;
}

#oops{
	position: absolute;
	width: 270px;
	height: 120px;
	top:180px;
	left:330px;
}


#contacttext{
	position: absolute;
	width: 330px;
	height: 388px;
	top:20px;
}


#mainpanel{
	position: absolute;
	width: 600px;
	height: 408px;
	left: 180px;
	top:92px;
}
#jpindextext{
	position: absolute;
	width: 250px;
	height: 200px;
	left: 350px;
	top:110px;
}

#mainpanelprintpage{
	position: absolute;
	width: 520px;
	height: 740px;
	left: 180px;
	top:92px;
	text-align:center;
}
#mainpanelprintpagelinks{
	position: absolute;
	width: 600px;
	height: 6300px;
	left: 180px;
	top:92px;
	text-align:center;
}


#smallpic{
	position: absolute;
	width: 600px;
	height: 350px;
	left: 0px;
	top:50px;
	text-align:center
	
}

#smallpichigher{
	position: absolute;
	width: 600px;
	height: 380px;
	left: 0px;
	top:20px;
	text-align:center
	
}


.linkbox{
border:1px;
border-color:#A4E1FF
}

.bluebg{
background:#B3E7FF
	
}

.greybg{
background:#CCCCCC
	
}

.space20{
	height:20px;
}

.large{
	font-size:large;
}

.right{
	text-align:right;
}

#indextext{
	position: absolute;
	width: 290px;
	height: 320px;
	left:310px;
	top:75px;
	z-index:100;
	
}
#indextextes{
	position: absolute;
	width: 290px;
	height: 300px;
	left:310px;
	top:115px;
	z-index:100;
	
}

#googleads{
	position: absolute;
	width: 160px;
	height: 600px;
	top:62px;
	text-align:center;
}

#googleadsborder{
	border: thin #9B96B8 solid;
	position: absolute;
	width: 160px;
	height: 600px;
	top: 62px;
	text-align: center;
}



#googleadsgreen{
	position: absolute;
	width: 160px;
	height: 600px;
	top: 62px;
	text-align: center;

	background-image:url('../cat-images/petgrade.jpg')
}



#printbox{
	position: absolute;
	width: 160px;
	height: 150px;
	top:682px;
	background-color:#EFF2B3
}



#googlepainting1{
	position: absolute;
	width: 120px;
	height: 240px;
	top:62px;
}

#googlepainting2{
	position: absolute;
	width: 120px;
	height: 240px;
	top:317px;
}

#amazonpainting{
	position: absolute;
	width: 740px;
	height: 90px;
	top:572px;
}

#amazonblack{
	position: absolute;
	width: 12px;
	height: 90px;
	left:728px;
	background-color:#66848E;
}


#googleads2000{
	position: absolute;
	width: 120px;
	height: 6000px;
	top:62px;
}

#googleads2{
	position: absolute;
	width: 160px;
	height: 600px;
	top:682px;
}

#googleads3{
	position: absolute;
	width: 160px;
	height: 600px;
	top:1302px;
}

#googleads4{
	position: absolute;
	width: 160px;
	height: 600px;
	top:1922px;	
	text-align:center;
	background-color:black;

}

#googleads5{
	position: absolute;
	width: 160px;
	height: 600px;
	top: 2542px;
	text-align: center;
	background-color: #AECBDF;
}
#googleads6{
	position: absolute;
	width: 160px;
	height: 600px;
	top: 3162px;
	text-align: center;
	background-color: #E7E2D9;
}
#googleads7{
	position: absolute;
	width: 160px;
	height: 600px;
	top:3782px;
}

#googleads8{
	position: absolute;
	width: 160px;
	height: 1050px;
	top:4402px;
	text-align:center;
	background-color:black;
}



#googleadsprints{
	position: absolute;
	width: 120px;
	height: 90px;
	top:752px;
}


#logo{
	position: absolute;
	width: 375px;
	height: 52px;
	left:405px;
}

#menu{
	position: absolute;
	width: 600px;
	height: 20px;
	left:180px;
	top:62px
}

.greymenu {
	position:absolute;
	text-align: center;
	background-color: #BDBEC0;
	width:97px;
	height:20px;
}

.greymenu2 {
	position:absolute;
	text-align: center;
	background-color: #BDBEC0;
	width:98px;
	height:20px;
}

#baseline {
	position: absolute;
	width: 600px;
	height: 1px;
	left: 180px;
	top: 661px;
	z-index: 12;	
	background-color:#9B96B8;
	
}
#midline {
	position: absolute;
	width: 600px;
	height: 1px;
	left: 180px;
	top: 518px;
	z-index: 12;
	background-color:#9B96B8;
	}

#midline2 {
	position: absolute;
	width: 600px;
	height: 1px;
	left: 180px;
	top: 394px;
	z-index: 12;
	background-color:#9B96B8;	
}

a.menu{
	text-decoration: none; 
	color: #666666;
	line-height:18px; 
	font-size: 13px; 
	letter-spacing: 2pt;
}

a.menu:hover{
color: #FFF; 
}

#clicktobuy{
	position: absolute;
	width: 600px;
	height: 40px;
	top:365px
}

#clickthumb{
	position: absolute;
	width: 600px;
	height: 20px;
	top:630px;
	left:180px

}

#back1{
	position: absolute;
	width: 600px;
	height: 20px;
	top:539px;
	left:138px;
	text-align:center;
}
#back{
	position: absolute;
	width: 600px;
	height: 20px;
	text-align:center;
}

#buyprints{
	position: absolute;
	width: 600px;
	height: 50px;
	top:45px;
	text-align:center;
}
#title{
	position: absolute;
	width: 600px;
	height: 40px;
	text-align:center;
	letter-spacing:1px;
}


#back1{
	position: absolute;
	width: 600px;
	height: 20px;
	text-align:center;
	top:45px;
	left:0px
}

#menubase {
	position: absolute;
	width: 600px;
	height: 20px;
	top: 62px;
	left: 180px;
	background-color: #D8E3D2;
}
#menubar {
	position: absolute;
	width: 600px;
	height: 20px;
	z-index: 5;
	background-color: #FFF;
}


.menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.menu li {
	float: left;
	position: relative;
	z-index: 10;
}

.esmenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.esmenu li {
	float: left;
	position: relative;
	z-index: 10;
}
.jpmenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.jpmenu li {
	float: left;
	position: relative;
	z-index: 10;
}

.menu a, .menu :visited {
	display: block;
	font-size: 12px;
	height: 20px;
	padding: 0px 25px 0px 24px;
	line-height: 20px;
	color: #747474;
	background-color: #CCCCCC;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	z-index: 10;
	letter-spacing: 3pt;
}
.menu :hover {
	color: #FFF;
	background-color: #999999;
}

.esmenu a, .esmenu :visited {
	display: block;
	font-size: 12px;
	height: 20px;
	padding: 0px 24px 0px 24px;
	line-height: 20px;
	color: #747474;
	background-color: #CCCCCC;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	z-index: 10;
	letter-spacing: 3pt;
}
.esmenu :hover {
	color: #FFF;
	background-color: #999999;
}
.jpmenu a, .jpmenu :visited {
	display: block;
	font-size: 12px;
	height: 20px;
	padding: 0px 26px 0px 26px;
	line-height: 20px;
	color: #747474;
	background-color: #CCCCCC;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	z-index: 10;
	letter-spacing: 3pt;
}
.jpmenu :hover {
	color: #FFF;
	background-color: #999999;
}


#buyprints1{
	position: absolute;
	width: 600px;
	height: 20px;
	top:70px;
	text-align:center;
}

#contactbanner{
	position: absolute;
	width: 600px;
	height: 137px;
	left:180px;
	top:505px
}

#galleries1{
	position: absolute;
	width: 600px;
	height: 100px;
	left:180px;
	top:542px
}
#bottombanner{
	position: absolute;
	width: 600px;
	height: 137px;
	left:180px;
	top:524px
}

#galleries2{
	position: absolute;
	width: 600px;
	height: 75px;
	left:180px;
	top:542px
}

#galleries3{
	position: absolute;
	width: 600px;
	height: 75px;
	left:180px;
	top:419px
}

#galleries4{
	position: absolute;
	width: 600px;
	height: 75px;
	left:180px;
	top:297px
}

#clickthumbnew{
	position: absolute;
	width: 600px;
	height: 40px;
	left:180px;
	top:250px
}

table{
	padding:0px;
	margin:0px;
	border:0px;
	border-collapse: collapse;
}


#buyprints1{
	position: absolute;
	width: 100%;
	height: 20px;
	left:0px;
	text-align:center;
	z-index:4
}

#buyprints{
	position: absolute;
	width: 600px;
	height: 40px;
	top:45px;

}

.gingerbg {
	border-collapse: collapse;
	background-image: url('../cat-images/gingerbg.jpg');
}
.friendsbg {
	border-collapse: collapse;
	background-image: url('../cat-images/friendsbg.jpg');
}
.jasminebg {
	border-collapse: collapse;
	background-image: url('../cat-images/cat1bg.jpg');
}
.ozonebg {
	border-collapse: collapse;
	background-image: url('../cat-images/gallery1.jpg');
}


.maintable{
	border-collapse: collapse;
}

.centre{
	text-align:center;
}

a.gallery{
	color: #808080;
	font-size: 10pt;
	text-decoration: none;
}

a.gallery:hover{
	color:#808080;
	font-size:13px;
	text-decoration: none;
}

a.gallery:link{
	color: #808080;
	font-size: 13px;
	text-decoration: none;
}

a.gallery:active{
	color: #808080;
	font-size: 13px;
	text-decoration: none;
}

a.gallery:visited{
	color: #808080;
	font-size: 13px;
	text-decoration: none;
}

img{
	border:0px;
}



a.uline{
	font-size: 13px;
	color: #006699;
	text-decoration: none;
}

a.uline:link{
	font-size: 13px;
	color: #006699;
	text-decoration: none;
}

a.uline:visited{
	font-size: 13px;
	color: #006699;
	text-decoration: none;
}
a.uline:hover{
	font-size: 13px;
	color: #006699;
	text-decoration: underline;
}
a.uline:active{
	font-size: 13px;
	color: #006699;
	text-decoration: none;	
}

a.bluelarger
{
	font-family: Arial, Helvetica, sans-serif;
	color: #146FB8;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
}

a.bluelarger:hover
{
font-family:Arial, Helvetica, sans-serif;
color:#146FB8;
font-size:15px;
text-decoration: underline;
font-weight: bold;
}

a.bluelarger:link
{
font-family:Arial, Helvetica, sans-serif;
color: #146FB8;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

a.bluelarger:active
{
font-family:Arial, Helvetica, sans-serif;
color: #146FB8;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

a.bluelarger:visited
{
font-family:Arial, Helvetica, sans-serif;
color: #146FB8;
font-size: 15px;
font-weight: bold;

}

a.greylarger
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
}


a.greylarger:hover
{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:15px;
text-decoration: underline;
font-weight: bold;
}

a.greylarger:link
{
font-family:Arial, Helvetica, sans-serif;
color: #666666;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

a.greylarger:active
{
font-family:Arial, Helvetica, sans-serif;
color: #666666;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

a.greylarger:visited
{
font-family:Arial, Helvetica, sans-serif;
color: #666666;
font-size: 15px;
font-weight: bold;

}


.blueborder {
	border: 1px solid #BCDDFF;
}
.pinkborder {
	border: 1px solid #FF9899;
}
.redlarge {
	color: #FF0000;
	font-size: large;
}
