@charset "utf-8";
/* CSS Document */

/* Site Wide Elements */

body {
	behavior: url(csshover.htc);
	font-size:15px;
	font-family: Century Gothic, sans-serif;
	background: #FFF;	
	margin: 0;
	padding: 0px;
	color: #CCC; 
	background-image:url(images/paper.png);
	background-repeat:repeat; 
} 

img {
	border: none; 
} 

h1, h2, h3, h4, h5, h6, p, table{
	margin-top: 0;	 
}

p {
	text-align:justify;
}

h1 {
	font-family: Century Gothic, sans-serif;
	text-align:left;
	font-size:24px;
}

h2 {
	font-family: Century Gothic, sans-serif;
	text-align:center; 
	font-size:18px; 
}

.line {
	display:block; 
	position:relative;
	width: 960px; 
	height: 5px; 
	margin-top: 5px; 
	margin-left:auto; 
	margin-right:auto;
	background: #666; 
}

.logo {
	display:block;	 
	position: relative; 
	width: 960px; 
	height: 338px; 
	margin: 10px auto 20px;	 
	border: solid #FFF 2px; 
}

/*.contactbar {  	  
	position: relative;  
	height: 25px;  
	background: #CAE4FF;
	width: 950px;
	margin-bottom: 15px; 
	margin-left: auto;
	margin-right:auto; 
	padding: 5px;
} */


/* ~~ this fixed width container surrounds all other divs ~~ */
.container {
	width: 1080px;
	background: transparent;
	margin: 0 auto -30px; /* the auto value on the sides, coupled with the width, centres the layout */
	overflow: hidden;
	padding-bottom: 10px;
	background-image:url(images/background.png);
	background-repeat:repeat-y; 
	padding-left: 20px;
	padding-right: 20px; 
	position: relative;
	/*border-left: 12px solid #000;
	border-right: 12px solid #000;*/
}


/* ~~ needed to make footer sit at bottom ~~ */ 
html, body, .container { height: 100%; }
body > .container { height: auto; min-height: 100%; }

/* Hyperlinks */ 

p a {
	color: #000;
	text-decoration:underline!important;
}

a {
	color:#CCC;
	text-decoration:none;
}
p a:hover {
	color:#CCC;
	text-decoration: none!important;
}

/* Nav menu */

ul#nav {
	float: left; 
	list-style: none;
	margin: 0;
	padding: 0;
	width:150px;
}

ul#nav li {
	list-style: none;
	font: bold 18px Lucida Sans Unicode, Lucida Grande, sans-serif; 
	height:100%;
	border: solid #FFF 2px; 
	position: relative;
	width:100%;
	text-align:center; 
	margin-bottom: 5px; 
}

ul#nav li a{
	display:block;
	padding: 10px 3px;
	
}

ul#nav li a:hover {
	color: #666; 
	background: #CCC; 	
}

ul#nav li.current a {
	color: #09F; 
}
ul#nav li.current a:hover {
	color: #333;
}

/* HOME PAGE */

#cat_banner {
	display:block;	 
	position: relative; 
	width: 960px; 
	margin: 20px auto 20px;	 
	border: solid #FFF 2px; 
}

#index_text {
	margin-left: 60px;
	position:relative;
	display:block;
	float:left;
	width: 750px;
	margin-bottom: 20px;
}

.navandbody {
	position: relative;
	display: block;
	width: 960px;
	margin-left: auto;
	margin-right:auto; 
	margin-top: 20px; 	
}

.normallist {
    width: 400px;
    float: left;
    margin-top:0;
}

ul.normallist > li {
	list-style:circle; 
	width: 400px;
	text-align:left; 
        float: left; 
}

#home_photo {
	/*position:absolute; 
        bottom:0; 
        right:0;*/
	float: right; 
        border: solid #FFF 2px; 
	width: 280px; 
        margin-top:30px;
        margin-left:10px; 
}

	

/* BOYS & GIRLS PAGE */

#bodytext {
	margin-left: 60px;
	position:relative;
	display:block;
	float:left;
	width: 750px; 
	margin-bottom: 20px;
}

#bodytext img {
	width: 500px; 
	margin-left: 95px; 
        margin-bottom: 10px;
	border: solid 4px #CCCCCC; 
}

#bodytext h2 {
	margin-left: -30px;
}

/* KITTENS PAGE */

#bodytextkittens {
	margin-left: 60px;
	position:relative;
	display:block;
	float:left;
	width: 750px; 
	margin-bottom: 20px;
}

/* #bodytextkittens img {
	width: 400px;  
	border: solid 4px #CCCCCC; 
	display: inline;
        margin-left: 171px; 
	margin-bottom: 10px; 
	vertical-align: top; 
} */ 

.kittenspace {
    /*height: 400px;*/
    width: 300px;    
    margin: 30px 37.5px 30px 37.5px;
    float: left;
}

.kitten {
    width: 292px;
    border: solid 4px #CCCCCC;
}

bodytextkittens h2 {
	text-align:center;
}

/* GALLERIES */ 

.nyroModal {
	height: 125px; 
	display:inline-block; 	 
	margin:5px; 
}

.nyroModal img {
	height: 100px; 
	border: solid 1px #FFF;
}

#gallerypics {
	position:relative; 
	margin-left: 60px;
        width: 750px; 
        float: left;
}

#gallerypics p a {
        color: #CCC;
	text-decoration:underline!important;
}

/* FOOTER */ 

.footer {  
	clear: both;  
	position: relative;  
	z-index: 10;  
	height: 30px;  
	background: #666;
	width: 960px;
	margin-top: 20px; 
	margin-left: auto;
	margin-right:auto; 
}   

#contact {
	text-align:right;
	vertical-align:central;
	font-weight:bold; 
	color: #CCC; 
	padding-top: 5px; 
	padding-right: 3px; 
}

#footerText {
	text-align: left;
	color: #FFF;
	padding-top: 9px; 
	font-size: 10px; 
}

#footerText a {
	color: #FFF; 
}

#copyright {
	position:absolute;
	top: 8px; 
	left: 8px;  
	color: #FFF;
	font-size: 10px; 
}

/*#footerText a:hover {
	color: #CCC; 	
}*/