/* main styles #C79A7E;  
Sheppard Mansion - bed and breakfast
BlueDogNetworks
*/
body {
	background-color:#580e0f;  /* #d2b48c; */
	font-family: Arial, "Times New Roman", Times, serif;
	}


#button {
	width: 12em;
	border-right: 1px solid  ivory;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	font-family: "Copperplate Gothic Light", Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	background-color: ivory;
	display: inline;
	}

	
	.pikachoose {width: 345px; height:240px; margin: 20px auto; float:left;}

.pika-image {position: relative; height: 210px; width: 320px;-moz-box-shadow: 5px 5px 5px #ccc;-webkit-box-shadow: 5px 5px 5px #ccc;box-shadow: 5px 5px 5px #ccc;}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 0px; left: 0px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0;}

.pika-imgnav{display:none;}
.pika-textnav {display:none;}

.pika-thumbs {margin: 10px 0 0 10px; padding: 0; overflow: hidden; }
	.pika-thumbs li {float: left; list-style-type: none; width: 35px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;width: 35px; height: 35px; text-align: center; vertical-align: center; overflow: hidden;}

.clip span{background-color:black;position:absolute;top:5px;left:5px;display:block;}
ul#pikame{width:570px;margin-bottom:10px;}
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
ul#pikame{width:570px;}
	
	
#button ul {
		list-style: none;
		
		margin-top:-15px;
		padding: 0px;
		border:  0px;
		display: inline;
	
		}
		
	#button li { width: 10px;
		border-bottom: 1px solid ivory; 
		margin: 0;
		display: inline;
			}
		
		#button li a {
		display: inline;
		padding: 2px 2px 0px .5em;
		border-left: 7px solid   ivory; 
		border-right: 7px solid   ivory; 
		background-color:  ivory; 
		color: #666666;
		text-decoration: none;
		text-transform: uppercase;
		width: 100px;
		font-size: 8pt;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 7px solid tan;
		border-right: 7px solid  tan;
		background-color: tan;
		color: #000000;
		text-transform: uppercase;
		font-size: 	8pt;
		display:inline;
		
		}
				
	.style1 {
		font-family:  "Copperplate Gothic Bold", Georgia, "Times New Roman", Times, serif;
		font-size: 36px;
		text-align: center;
		letter-spacing: 8px;
		word-spacing: 15px;
		font-variant: small-caps; 
	}
	.cursive {
		font-family:  "Copperplate Gothic Bold", Georgia, "Times New Roman", Times, serif;
		font-size: 22px;
		text-align: center;
		letter-spacing: 3px;
		word-spacing: 6px;
		font-variant: small-caps;
	}
		
	.logo {
	position:relative;  border: 1px solid #000  ; /*#AB6F49*/
	top:0px; width:775px; 	height:110px;
	margin-top: -4px; margin-bottom:0px;
	z-index:3;
	background-color: #FFFFF0;   /* #F5EEE9  */ 
	visibility: visible;
	overflow:auto;
	}

	#navigate{ margin-top:0px;}

	.canvas {
	position:relative;
	border: 1px solid #000; /*#AB6F49*/
	margin-top:7px;
	width:775px;
	height:393px;
	z-index:1;
	background-color: #FFFFF0;
	padding-top: 1px;
	overflow:auto;
	}
	
	 #bodyframe {
		background-color: #FFFFF0;
		width:774px; height: 393px; 
		
		}
	#fbody {
		position:relative; 
		/* top:-10px; 	 */
		background-color: #fffff0; 
	}
	
	#flasher {
	position: inherit; float: left; margin-left: 2px; margin-top:5px;
	display: inline;
	width: 280px;	
	}
	
	#oldrightside { position: inherit;  vertical-align: text-top; 
		float:right;  margin-right:10px;
		width:380px; height:320px;
		display: inline;
	}
	
	#rightside { position: inherit;  vertical-align: text-top; 
		float:right;  margin-right:50px;
		width:380px; height:320px;
		display: inline;
	}
	
	#footer { position:relative;   
		font-family: Georgia, Arial, Helvetica, sans-serif;
		top: 10px; width:775px; 	
		background-color: ivory; 
		vertical-align: bottom;
		border:1px solid #000  ; /*#AB6F49*/
		overflow:auto;
	}
	
	.blurb {
		text-align: justify;
		font-size:12pt;
		font-family:  Arial, Helvetica, sans-serif;
		font-size:smaller; 
		}
	.ptitle{ 
		color: #055E35;
		font-family: "Copperplate Gothic Bold", Georgia ,Arial, Helvetica, sans-serif;
		font-variant:small-caps;
		font-size:26px;	
		display:block;
		}
		
	.lin{   padding-left:3px;
		font-size: 9pt;
		font-family: Arial, Helvetica, sans-serif;
		list-style: disc inside;
		font-weight:bold;
	}

	.copy {
		font-size: 8pt;
		font-family: Arial, Helvetica, sans-serif;
	}