body { 
	background-image: url('/layout/spankys-bg.jpg');
	background-color: #7d5748; 
	margin: 0 auto;
	font-family: trebuchet MS, verdana, sans-serif;
	font-size: 13px;
	color: #443322;
}
a { color: brown; } 
a:hover { color: #992222; text-decoration: underline; }
b { color: #222222; }
a img { border: 0; }

ul { padding-left: 30px; }
li { padding-bottom: 5px; text-align: justify; }

#header .l-margin,#header .r-margin {
	background-image: url('/layout/header-bg.png');
	height: 143px; 
}
#sisters {
	margin-top: 20px; 
	background-image: url('/layout/lownav-bg.png');
}
#sisters .l-margin, #sisters .r-margin {
	height: 78px; 
}
#sisters a img { opacity: 0.7; }
#sisters a:hover img { opacity: 1.0; }


#nav div { background-repeat: no-repeat; }
#nav1 { background-image: url('/nav/nav1.png'); }
#nav1:hover { background-image: url('/navON/nav1.png'); }
#nav2 { background-image: url('/nav/nav2.png'); }
#nav2:hover { background-image: url('/navON/nav2.png'); }
#nav3 { background-image: url('/nav/nav3.png'); }
#nav3:hover { background-image: url('/navON/nav3.png'); }
#nav4 { background-image: url('/nav/nav4.png'); }
#nav4:hover { background-image: url('/navON/nav4.png'); }
#nav5 { background-image: url('/nav/nav5.png'); }
#nav5:hover { background-image: url('/navON/nav5.png'); }
#nav6 { background-image: url('/nav/nav6.png'); }
#nav6:hover { background-image: url('/navON/nav6.png'); }
#nav7 { background-image: url('/nav/nav7.png'); }
#nav7:hover { background-image: url('/navON/nav7.png'); }
#nav8 { background-image: url('/nav/nav8.png'); }
#nav8:hover { background-image: url('/navON/nav8.png'); }
#nav9 { background-image: url('/nav/nav9.png'); }
#nav9:hover { background-image: url('/navON/nav9.png'); }

#sisters #sister01 { background-image: url('/layout/sisters_01.png'); }
#sisters #sister01:hover { background-image: url('/layout/sistersON/sisters_01.png'); }
#sisters #sister02 { background-image: url('/layout/sisters_02.png'); }
#sisters #sister02:hover { background-image: url('/layout/sistersON/sisters_02.png'); }
#sisters #sister03 { background-image: url('/layout/sisters_03.png'); }
#sisters #sister03:hover { background-image: url('/layout/sistersON/sisters_03.png'); }
#sisters #sister04 { background-image: url('/layout/sisters_04.png'); }
#sisters #sister04:hover { background-image: url('/layout/sistersON/sisters_04.png'); }

#nav img { border: 0; margin-bottom: 5px; }
#rside img { border: 0;	margin-bottom: 9px; }
#content { background-color: #e9e4da; padding: 30px 30px 40px 30px; margin: 0 20px 20px 20px; border: 0px solid #880000; }
#content p { text-align: justify; margin-top: 2px; }
#content h1 { color: #333333; font-size: 28px; line-height: 30px; margin: 0; padding: 0; }
#content h2 { color: #333333; font-size: 18px; line-height: 20px ;margin: 0; padding: 0; padding-top: 20px; border-bottom: 1px solid #ccccaa; margin-bottom: 6px; }
#content h3 { color: #222222; font-size: 14px; margin: 0; padding: 0; }

#content p a { color: #440000; text-decoration: none; }
#content p a.hot { color: #992222; text-decoration: underline; }
#content p a:hover { color: #992222; text-decoration: underline; }
#content .top { text-align: right; }
a.hot b { color: #992222; font-size: 15px; text-decoration: underline; }
span.printable { color: #999999; }
#content span.printable a { color: #666666; text-decoration: underline; }
.press { font-size: 11px; margin-bottom: 6px; }

.menupics a img { border: 0; }
.cf { margin: 0 auto;
	text-align: center;}
#mnt {padding-top: 2em;
}
.gather-lead-button {
cursor: hand;
cursor: pointer; 
}

.highlight {
	border: 1px solid #880000;
	background-color: #ffffff;
	width: 90%;
	margin: 0 auto;
	padding: 10px;	
	color: #880000;
	text-align: center;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.rms-item:hover { background-color: #ddccbb; }
#co2rms-footer { text-align: left; }

#credits { color: #fff; }
#credits a { color: #ddd; }
.gather-lead-button {
	font-family: papyrus condensed;
	margin-top:1.2em;
	padding:1.0em;
	background-color: #666;
	color:#ffffff;
	text-transform:uppercase;
	border:1px solid #333;
	border-radius: 1em;
}
.gather-lead-button:hover {
	font-family: papyrus condensed;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
}
.photo-container { padding-top: 5%; margin: 0 auto; max-width: 960px; }
#photos { margin: 0 auto; max-width: 100%; position: relative; }
#photos a { display: inline-block; }
#photos img { position: relative; float: left; width: 100%; }
#photos div { position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); width: 90%; height: 50%; }
#photos p { max-width: 100%; color: #000000; font-size: 1em; text-align: center; position: absolute; top: 60%; left: 50%;  transform: translate(-50%, -50%); width:98%; padding:1em; 0; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.7); }
#photos span { font-size: 1.2em; }

.imgborder{border: 1px solid #333333;width:100%;height:auto;margin:0 auto;}
#form { background-color: #ffffff; border: 1px solid #999999; padding: 25px; }
#form table { width: 90%; border: none; color: #333333; }
#form td  { vertical-align:top; text-align:right; color: #333333; padding: 3px; }
#form b  { color: #333333; }
#form input { width:100%; }
#form textarea { width:100%; }
div.center { text-align:center; padding:2em; }
.orderonline { padding-top:1.5em; color: #990000; text-align: center; }
.orderonline a { color: #ffffff; padding: 5px 15px 5px 15px; background-color: brown; border: 1px solid #666666; border-width: 1px 2px 2px 1px; font-size: 14px; }
.orderonline b { color: #ffffff; }
