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

* {margin: 0px;	padding: 0px;	border: 0px; }	
body { background-color: #CCC;	background-image: url(../gfx/ten-tile.jpg);	text-align: center;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	
		font-size: 101%;	color: #461B86;   }

#wrapper, #wrapper2 {  
	background-image: url(../gfx/new-longtile998.JPG);
	background-repeat: repeat-y; 	
	max-width:998px; 
	background-color:#CCF;	
	margin: 0 auto;	
	text-align: left;
	background-position: center;  }
	
#wrapper2  {padding-top: 5%;  }
	
img {max-width:100%; height: auto;}

#header  { max-width:919px; height:auto; margin:o auto;  text-align:center;  margin: 0 auto; position:relative; z-index:0; }	
.headergraf { position:relative; z-index: 0;   }
	
	/*background slideshow*/
	.crossfade > figure {   animation: imageAnimation 98s linear infinite 0s;   backface-visibility: hidden;  background-size: cover;  background-position: center center;	color: transparent;  height: 100%;  left: 0px;  opacity: 0;  position: absolute;  top: 0px;  width: 100%;  z-index: 1;  }
	.crossfade > figure:nth-child(1) { background-image: url('headergfx/underimage.jpg'); }
	.crossfade > figure:nth-child(2) {  animation-delay: 0s;  background-image: url('../headergfx/res-header17.jpg'); }
	.crossfade > figure:nth-child(3) {  animation-delay: 5s;  background-image: url('../headergfx/res-header2.jpg'); }
	.crossfade > figure:nth-child(4) {  animation-delay: 10s;  background-image: url('../headergfx/res-header1.jpg'); }
	.crossfade > figure:nth-child(5) {  animation-delay: 15s;  background-image: url('../headergfx/res-header4.jpg'); }
	.crossfade > figure:nth-child(6) {  animation-delay: 20s;  background-image: url('../headergfx/res-header5.jpg'); }
	.crossfade > figure:nth-child(7) {  animation-delay: 25s;  background-image: url('../headergfx/res-header6.jpg'); }
	.crossfade > figure:nth-child(8) {  animation-delay: 30s;  background-image: url('../headergfx/res-header7.jpg'); }
	.crossfade > figure:nth-child(9) {  animation-delay: 35s;  background-image: url('../headergfx/res-header19.jpg'); }
	.crossfade > figure:nth-child(10) {  animation-delay: 40s;  background-image: url('../headergfx/res-header9.jpg'); }
	.crossfade > figure:nth-child(11) {  animation-delay: 45s;  background-image: url('../headergfx/res-header10.jpg'); }
	.crossfade > figure:nth-child(12) {  animation-delay: 50s;  background-image: url('../headergfx/res-header11.jpg'); }
	.crossfade > figure:nth-child(13) {  animation-delay: 55s;  background-image: url('../headergfx/res-header12.jpg'); }
	.crossfade > figure:nth-child(14) {  animation-delay: 60s;  background-image: url('../headergfx/res-header14.jpg'); }
	.crossfade > figure:nth-child(15) {  animation-delay: 65s;  background-image: url('../headergfx/res-header15.jpg'); }
	.crossfade > figure:nth-child(16) {  animation-delay: 70s;  background-image: url('../headergfx/res-header16.jpg'); }
	.crossfade > figure:nth-child(17) {  animation-delay: 75s;  background-image: url('../headergfx/res-header3.jpg'); }
	.crossfade > figure:nth-child(18) {  animation-delay: 80s;  background-image: url('../headergfx/res-header18.jpg'); }
	.crossfade > figure:nth-child(19) {  animation-delay: 85s;  background-image: url('../headergfx/res-header20.jpg'); }
	.crossfade > figure:nth-child(20) {  animation-delay: 90s;  background-image: url('../headergfx/res-header8.jpg'); }
	@keyframes imageAnimation {  0% { animation-timing-function: ease-in; opacity: 0; } 
	1% { animation-timing-function: ease-out; opacity: 1; } 
	17% { opacity: 0 }
 	25% { opacity: 0 }
 	100% { opacity: 0 }   }
/*end slideshow*/
/*end header stuff*/


/*used by Index, links dgs photos, rainbow,contact, meet dogs */
#leftcol {
	width: 20%;
	margin-left: 4%;
	float: left;	
	font-size: 80%;
	line-height: 1.6em;	
}

#content {margin: 0% 5% 1% 33%;}

@font-face {
font-family: 'Merced';
src: url('mercedes-webfont.eot'); /* IE9 Compat Modes */
src: url('mercedes-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('mercedes-webfont.woff') format('woff'), /* Modern Browsers */
url('mercedes-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('mercedes-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

h2 {font-family:"Merced";}

#construction {margin: 0% 10% 1% 34%; text-align:center; background-color:#ffffff;  -moz-border-radius: 1em;
-webkit-border-radius: 1em; border-radius: 1em;  }


@media only screen and (max-width: 650px) {
	#leftcol {visibility:hidden; max-width:5%; float:none; margin-bottom: -100%; }
	#content, #construction {margin: 50% 2% 5% 2%; width:96%;}
	#wrapper {padding-bottom:4%;}
	}

@media only screen and (max-width: 480px) {
#leftcol {visibility:hidden; max-width:5%; float:none; margin-bottom: -100%; }
	#content, #construction {margin: 35% 2% 2% 2%; width:96%;}
	#wrapper {padding-bottom:2%;}	
	
}


/*paw navigation list*/

.meetdogsimage {
	margin-right: 3%;
	margin-bottom: 1%;
	border: none;
	margin-top: 8%;
	margin-left: -5%;
}

a.paw:link{
	text-decoration:none;
	width: 170px;
	display:block;
	height: 30px;
	background-image: url(../gfx/l-but-bg.JPG);
	background-repeat: no-repeat;
}

a.paw:visited{
	text-decoration:none;
	background:#CCCCFF url(../gfx/l-but-bg.JPG) no-repeat;
	width: 170px;
	display:block;
	height: 30px;
}

a.paw:hover{
	text-decoration:none;
	width: 170px;
	background: #CCCCFF url(../gfx/l-but-bg-g.JPG) no-repeat;
	display:block;
	height: 30px;
}

a.paw:active{
	text-decoration:none;
	background: #CCCCFF url(../gfx/l-but-bg.JPG) no-repeat;
	width: 170px;
	display:block;
	height: 30px;
}

.paw-img {
	border: none;
	margin-left: 35px;
}

#navigation {
}

/*end paw nav list */

/*general formatting*/

p {
	margin-top: 3%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
}
a:link {
	color: #1EAADF;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #0095C6;
	text-decoration: none;
}
a:hover {
	color: #0093C4;
	text-decoration: underline;
}
.pictureframe {
	border: 5px double #501B8F;
}
.picturecaption {
	text-align: center;
	font-size: 80%;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	line-height: 1.6em;
}

#video {text-align:center;}



/*footer stuff*/

#footer {
	height: 130px;
	clear: both;
	text-align: center;
	padding: 1% 4% 25% 4%;
	font-weight: bold;
}

.footertinytext {
	font-size: 70%;
	line-height: normal;
}

.line600 {
	margin-top: 1%;
	margin-bottom: 1%;
}

.footernav {
	font-size: 90%;	
	padding: 3px 1%;
}



/*end footer*/
@font-face {
    font-family: 'MercedRegular';
    src: url('mercedes-webfont.eot');
    src: url('mercedes-webfont.eot?#iefix') format('embedded-opentype'),
         url('mercedes-webfont.woff') format('woff'),
         url('mercedes-webfont.ttf') format('truetype'),
         url('mercedes-webfont.svg#MercedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}






.linkimage {
	text-align: center;
	margin: 3px;
}

hr {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 35px;
	margin-bottom: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5D1593;

}