@charset "utf-8";
@import url("forms.css");
body {
	background: #9bdef1 url('./img/bg.jpg') repeat-x top center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
}
#containertop {
	background: url('./img/top_bg.png') no-repeat top center;
	width: 870px;
	height: 16px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
#container {
	background: url('./img/container_bg.png') repeat-y top center;
	width: 870px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
}
#containerbottom {
	background: url('./img/bottom_bg.png') no-repeat top center;
	width: 870px;
	height: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
#content {
	background: #ffffff;
	width: 862px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#header {
	background: url('./img/header_bg.jpg') no-repeat top center #ffffff;
	width: 862px;
	height: 174px;
	margin: 0 auto;
	padding: 0px;
}
#logo {
	background: url('./img/logo.jpg') no-repeat top center #ffffff;
	width: 539px;
	height: 49px;
	margin-left: 12px;
	float: left;
}
#logo a{
	display: block;
	width: 539px;
	height: 49px;
}
#underlogo {
	width: 570px;
	height: 36px;
	padding-top: 6px;
	padding-left: 12px;
	margin: 0 auto;
	font-size: 11pt;
	font-family: Arial, Helvetica;
	color: #00637f;
	line-height: 20px;
	float: left;
	letter-spacing: 2px;
}
#cats {
	margin-top: 9px;
	width: 668px;
	height: 74px;
	float: left;
	padding-left: 30px;
}
#cat1 {
	background: url('./img/cat_01_bg.jpg') no-repeat top center;
	background-position: 0px 29px;
	width: 75px;
	height: 74px;
	margin-left: 20px;
	margin-right: 72px;
	padding: 0px;
	float: left;
}
#cat2 {
	background: url('./img/cat_02_bg.jpg') no-repeat top center;
	background-position: 0px 29px;
	width: 75px;
	height: 74px;
	margin-right: 53px;
	padding: 0px;
	float: left;
}
#cat3 {
	background: url('./img/cat_03_bg.jpg') no-repeat top center;
	background-position: 0px 28px;
	width: 74px;
	height: 74px;
	margin-right: 38px;
	padding: 0px;
	float: left;
}
#cat4 {
	background: url('./img/cat_04_bg.jpg') no-repeat top center;
	background-position: 0px 24px;
	width: 80px;
	height: 74px;
	margin-right: 47px;
	padding: 0px;
	float: left;
}
#cat5 {
	background: url('./img/cat_05_bg.jpg') no-repeat top center;
	background-position: 0px 24px;
	width: 97px;
	height: 74px;
	padding: 0px;
	float: left;
}
#divider {
	background: #00637f;
	height: 4px;
	width: 862px;
	margin: 0 auto;
	padding: 0px;
}
#nav {
	background: #9bdef1;
	width: 862px;
	height: 37px;
	margin: 0 auto;
}
#nav ul{
	width: 862px;
	margin: 0 auto;
	padding-top: 0px;
	padding-left: 0px;
	list-style: none;
	list-style-type: none;
}
#nav ul li{
	height: 37px;
	line-height: 37px;
	float: left;
	cursor: pointer;
}
#nav ul li a{
    display: block;
    width: 100%;
    height: 37px;
}
.navedge-left{
	background: url('./img/spacer.gif') left center;
	width: 26px;
	cursor: none;
}
.navedge-right{
	background: url('./img/spacer.gif') left center;
	width: 96px;
	cursor: none;
}
.navspace{
	background: url('./img/spacer.gif') left center;
	width: 31px;
	cursor: none;
}
#descriptions{
	background: url('./img/descriptions.jpg') no-repeat left center;
	width: 130px;
}
#descriptions:hover{
	background: url('./img/descriptions-hov.jpg') no-repeat left center;
}
#research{
	background: url('./img/research.jpg') no-repeat left center;
	width: 99px;
}
#research:hover{
	background: url('./img/research-hov.jpg') no-repeat left center;
}
#gallery{
	background: url('./img/gallery.jpg') no-repeat left center;
	width: 77px;
}
#gallery:hover{
	background: url('./img/gallery-hov.jpg') no-repeat left center;
}
#websites{
	background: url('./img/websites.jpg') no-repeat left center;
	width: 96px;
}
#websites:hover{
	background: url('./img/websites-hov.jpg') no-repeat left center;
}
#advrtsng{
	background: url('./img/advrtsng.jpg') no-repeat left center;
	width: 119px;
}
#advrtsng:hover{
	background: url('./img/advertising-hov.jpg') no-repeat left center;
}
#meow{
	background: url('./img/meow.jpg') no-repeat left center;
	width: 64px;
}
#meow:hover{
	background: url('./img/meow-hov.jpg') no-repeat left center;
}
#main{
	width: 835px;
	padding-top: 17px;
	padding-left: 27px;
	margin: 0 auto;
}
#main2{
	width: 814px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 17px;
}
#main-origin{
	padding-top: 17px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
}
#displaybreed{
	width: 802px;
	padding-top: 17px;
	margin-left: auto;
	margin-right: auto;
}
.title{
	font-family: Arial;
	font-size: 16pt;
	font-weight: bold;
	color: #00637f;
}
h2.title{
	font-family: Arial;
	font-size: 16pt;
	font-weight: bold;
	color: #00637f;
	margin-top: 0px;
	margin-bottom: 6px;
}
.description{
	font-family: Arial;
	font-size: 11pt;
	font-weight: none;
	color: #000000;
}
#goback{
	background: #ffffff url('./img/goback.gif') no-repeat left center;
	width: 301px;
	height: 26px;
	margin-bottom: 10px;
	padding: 0px;
}
#goback:hover{
	background: url('./img/goback-hov.gif') no-repeat left center;
}
#goback a{
	display: block;
	width: 301px;
	height: 26px;
}
#alphabet{
	width: 808px;
	float: left;
	padding-bottom: 8px;
	border-bottom: 4px #00637f solid;
	margin: 0px;
}
hr.blue {
	width: 808px;
	height: 4px;
	margin-top: 25px;
	margin-bottom: 30px;
	background: #00637f;
	border: 0px;
}
hr.blue2 {
	width: 808px;
	height: 4px;
	margin-top: 25px;
	margin-bottom: 30px;
	background: #00637f;
	border: 0px;
}
#dropdown{
	width: 348px;
	height: 100px;
	background: url('./img/dropdown.gif') no-repeat left center;
	padding-top: 18px;
	text-align: center;
	margin-right: 14px;
	float: left;
}
#letters{
	width: 442px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#letters img{
	border: 1px solid transparent;
	margin: 2px;
	padding: 6px;
}
#letters img:hover{
	border: 1px solid #c9c9c9;
	margin: 2px;
	padding: 6px;
}
p.advertise {
	font-size: 11pt;
	line-height: 23px;
	font-family: Arial, Helvetica;
	text-align: left;
}
.footer{
	width: 852px;
	margin-top: 8px;
	margin-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	font-size: 11pt;
	color: #ffffff;
}
.foot{
	color: #00637f;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 4px;
}
.foot:hover{
	color: #ffffff;
	background: #00637f;
	padding: 4px;
	text-decoration: none;
}
.slideshow {
	background-color: #D9E6E1;
	border-style: ridge;
	border-width: 2px;
	border-color: #FFCC00 #FFCC00 #CC6600 #FFCC00;
}
#smurf {
	border: 1px solid #008080;
	margin: 5px 0px 0px 0px;
	background-color: #FFFFFF;
}
#page {
	font-size: 14px !important;
	font-family: Arial, Helvetica !important;
	overflow: auto !important;
	min-height: 200px;
	max-height: 500px;
}
#page p {
	line-height: 23px;
	font-family: Arial, Helvetica;
	font-size: 14px;
}
ul.links-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.links-list li {
	background: url('./img/bullet_blue.png') no-repeat left center;
	font-size: 12px;
	line-height: 26px;
	text-indent: 16px;
	font-weight: bold;
}
.link {
	color: #00637f;
	text-decoration: none;
	cursor: pointer;
}
a {
	color: #00637f;
	text-decoration: none;
	cursor: pointer;
}
link:hover {
	color: #b9b9b9;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: #b9b9b9;
	text-decoration: underline;
	cursor: pointer;
}
.clear{clear: both; height: 0px; width: 100%;}
.fleft{float: left;}
.fright{float: right;}
.simplemodal-overlay {
	background-color:#FFF;
}
.simplemodal-container {
	padding: 10px;
	background-color:#FFF; 
	border: 8px solid #00637f;
}