/* CSS Document */
/* Author Dan Good */
/*Copyright 2008 */

body{
	background-color:#ffffff;
	margin-left:0px;
	margin-top:0px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size:12px;
}
.wrapper{
	width:800px;
	position:relative;
	text-align:center;
	margin:0px auto;
}

.hidden{
	display:none;
}

h1, h2, h3, h4, h5, h6, .eventsHeader {
	font-family: 'EB Garamond', serif;
}

a{color:#673E6A; text-decoration:underline; font-weight:bold;}
	
a:hover{color:#CDD0BE;}

/******************************************  FOOTER  ***************************************************************/
.footer{
	width:800px;
	height:54px;
	float:left;
	background-image:url(images/footerback.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.footer2{
	width:800px;
	height:54px;
	float:left;
	background-image:url(images/footerback2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
/******************************************  HEADER  ***************************************************************/
.header{
	width:800px;
	float:left;
}
.headerLeftCol{
	width:182px;
	height:364px;
	float:left;
	margin:0px;
	background-color:#ffffff;
	
}
.headerlogo{
	width:182px;
	height:182px;
	float:left;
	margin:0px;
	cursor:pointer;
	text-align:right;
	position:relative;
}

.headerlogo img {
	width: 100%;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}
.headermenu{
	width:182px;
	height:182px;
	float:left;
	margin:0px;
	background: #59375C;
	background-image:url(images/leftmenu.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	color:#FFFFFF;
}
.headerMiddleCol{
	width:409px;
	height:364px;
	float:left;
	margin:0px;
	background-image:url(images/centerkitty2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:cover;
	_margin-left:-30px;
}
.headerRightCol{
	width:209px;
	height:364px;
	float:left;
	margin:0px;
	background-image:url(images/rightquote2.jpg);
	background-repeat:no-repeat;
	background-position:left top;		
}
.rightQoute{
	margin-left:20px;
	margin-right:20px;
	height:150px;
	margin-top:130px;
	color:#FFFFFF;
	font-size:12px;
}
#mission {
	font-size:20px;
}


		/**********************MENU***************************/
			
			#vnav {
				width:152px;
				float:left;
				display:block;
				text-align:left;
				padding-left:30px;
				padding-top:10px;
				font-size:12px;
				font-weight:600;
			}
			div#vnav li {
				display:inline;
				}
			div#vnav ul {
				margin:0;
				padding:0;
				list-style:none;
				}
			div#vnav ul li {	
				float:left;
				}
			#vnav a{color:#FFFFFF; text-decoration:none;}
			
			#vnav a:hover{color:#CDD0BE;}
			
			
			.headermenu #vnav ul li a{
				clear:both;
				width:182px;
				height:18px;
				display:block;
				}
				
				
/*****************************************  Main Body  ************************************************************/

.mainbody{
	float:left;
	width:800px;
	text-align:left;
	background-color:#EEF3DD;
	background-image:url(images/mainpageback.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	_margin-top:-30px;
}
.pagecontent{
	width:800px;
	/*height:550px;*/
	float:left;
	background-image:url(images/pageback.jpg);
	background-position:0px 200px;
	background-repeat:no-repeat;
}
.leftbox{
	width:388px;
	float:left;
	background-color:#ffffff;
	margin-left:12px;
	_margin-left:6px;
	padding:10px;
	line-height:1.5;
	overflow:hidden;
	
}

.rightbox{
	width:325px;
	float:left;
	margin-left:19px;
	background-color:#ffffff;
	padding:10px;
	line-height:1.5;
	overflow:hidden;
	
}
.textBox{
	width:388px;
	margin-left:10px;
	float:left;
	line-height:1.5;
	font-size:12px;
	
}
.FEATUREDBOX{
	width:350px;
	margin-left:-8px;
}
/*************************************  PAGES   ********************************************************************/
.headertag{
	font-size:17px;
	color:#4D4D4D;
	margin-top:5px;
	margin-left:10px;
}
.h4header{
	font-size:12px;
	color:#4D4D4D;
	font-style:italic;
	margin-left:10px;
}
.featured{
	width:133px;
	border:5px solid #D9D9D9;
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	padding:10px;
	overflow:hidden;
	margin-left:5px;
	margin-top:10px;
}
.featuredBottom{
	width:153px;
	height:11px;
	background-image:url(images/featuredbackbottom.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	font-size:0px;
	margin-left:-10px;
	padding:0px;
	overflow:hidden;
	_margin-left:-5px;
}
.image-link{
	display:block;
	text-align:center;
	position:relative;
}

.featuredimage{
	height:104px;
	cursor:pointer;
	max-width:133px;
}

.image-link:hover+.rollover-image {
	display:block;
	pointer-events:none;
}

.rollover-image {
	display:none;
	position:absolute;
	z-index:2;
}

.rollover-image .not-adopted {
	width:300px;
	left:50%;
	height:50%;
	transform:translate(-28%, -50%);
	-ms-transform:translate(-28%, -50%); /* IE 9 */
	-webkit-transform:translate(-28%, -50%);
	-moz-box-shadow:    0px 0px 5px 6px #ccc;
	-webkit-box-shadow: 0px 0px 5px 6px #ccc;
	box-shadow:         0px 0px 5px 6px #ccc;
}

img.adopted {
	position:absolute;
	top:0;
	left:0;
}

/*.featuredimage:hover {
	width:262px;
	height:208px;
	-moz-box-shadow:    0px 0px 5px 9px #464444;
	-webkit-box-shadow: 0px 0px 5px 9px #464444;
	box-shadow:         0px 0px 5px 9px #464444;
	position:absolute;
	background-size:cover;
}*/
.featuredimage img{
	border:none;
}
		
.featuredName{
	font-size:15px;	
	color:#808080;
	text-transform:capitalize;
	font-weight:bold;
	width:131px;
	border-bottom:1px #808080 solid;
}
.featuredAge{
	font-size:11px;
	color:#333333;
	text-transform:capitalize;
	
}	
.featuredWeight{
	font-size:11px;
	color:#333333;
	text-transform:capitalize;
	
}
.featuredEyes{
	font-size:11px;
	color:#333333;
	
}
.featuredParents{
	font-size:11px;
	color:#333333;
	
}
.featuredLinks{
	width:340px;
	height:30px;
	margin-top:15px;
	font-size:11.4px;
	color:#4D4D4D;
	float:left;
	margin-left:10px;
}					
.featuredLinks a{
	color:#673E6A;
}
.rule{
	border:none;
	width:300px;
	height:1px;
	background-color:#D7D7D7;
	float:left;
	margin-left:10px;
	margin-top:-10px;
}
.bigbox{
	width:672px;
	float:left;
	background-color:#ffffff;
	margin-left:12px;
	padding-left:50px;
	padding-right:50px;
	line-height:1.5;
	overflow:hidden;
	_margin-left:6px;	
}
.pictures{
	float:left;
	width:325px;
	background-color:#ffffff;
	height:300px;
}
.firstpicture{
	position:absolute;
	margin-left:15px;
	margin-top:10px;
}
.secondpicture{
	position:absolute;
	margin-left:130px;
	margin-top:40px;
}
.thirdpicture{
	position:absolute;
	margin-left:180px;
	margin-top:140px;
}
.fourthpicture{
	position:absolute;
	margin-left:50px;
	margin-top:120px;
}
.fifthpicture{
	position:absolute;
	margin-left:90px;
	margin-top:230px;
}
.events{
	width:400px;
	float:left;
	text-align:left;
	color:#4D4D4D;
	margin-top:10px;
	margin-left:10px;
}
.eventTitle{
	font-style:italic;	
}
.eventDateTime{
	font-weight:bold;
}
.eventDescription{
	
}
.eventsHeader{
	color:#834377;
	font-size:17px;
	font-weight:bold;
	float:left;
	clear:both;
	height:21px;
	width:400px;
}	
.kittensTop{
	width:672px;
	float:left;
	background-color:#ffffff;
	line-height:1.5;
}
.kittensBottom{
	width:672px;
	float:left;
	background-color:#ffffff;
	line-height:1.5;
}
.contactForm{
	float:left;
}
.formfield{
	border:1px #D9D9D9 solid; 
}
.copyright{
	width:380px;
	height:20px;
	margin-top:30px;
	margin-left:15px;
	text-align:left;
	color:#ffffff;
	float:left;
}
.webspec{
	width:370px;
	height:20px;
	margin-top:30px;
	margin-left:10px;
	text-align:right;
	color:#ffffff;
	float:left;
	_padding-right:10px;
}
.webspec a{
	color:#ffffff;
	text-decoration:underline;
}	
.webspec a:hover{
	color:#ffffff;
	text-decoration:none;
}
/**********************************  LIGHTBOX  ********************************************************************/
#lightbox{
	background-color:#eee;
	padding: 20px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	color:#FF0000;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	color:#2A1A00;
	}	
#lightboxCaption{ float:left; color:#2A1A00; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
#keyboardMsg{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; float: right; color:#2A1A00; }
#keyboardMsg a{color:#2A1A00; text-decoration:underline; font-size:18px; font-weight:bold; }
#keyboardMsg a:hover {color:#A67C52; text-decoration:underline; font-size:18px; font-weight:bold; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}

#home_cattery {
	width:100%;
	height:auto;
	margin-top:10px;
}