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

/*
dark pink #CC3366
dark grey #666666
very lit grey #CCCCCC
med grey #666666
tan #999966

peach #FFCCCC

 */



html{
	background-image: url(images/bkgr.jpg);
	background-color: #CCCCCC;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	padding: 0;
	margin: 0;
}

body {
	background-color: #fff;
	background-color: #FF6633;  /*orange*/
	border-left: 1px #FFCCCC outset;
	border-right: 1px #FFCCCC inset;
	border-bottom: 1px #FFCCCC inset;
	width: 700px;
	padding: 0;
	margin: 0 auto;
}



/*HOME PAGE*/




#homePage {
	background: url(images/hpup.jpg) top left no-repeat;
	height: 525px;
	width: 600px;
	margin: 10px 0 0 20px;
	padding: 0;
}

#homePage h1 {
	color: #CCCCCC;
	padding: 180px 0 20px 400px;
}

.begin a {
	color: #c36;
	font-size: 16px;
	font-weight: bold;
	font-style: oblique;
	margin: 0 0 0 400px;
}

.begin  {
	font-weight: lighter;
	font-size: 13px;
	color: #666;
	padding: 0;
	margin: 0 0 10px 0;
}

.begin a:hover  {
	color: #999;
}




/*HEADER*/




#header {
	width: 700px;
	height: 70px;
	padding: 1px 0 0 410px;
	margin: 0;
	clear: both;	
}

#logo {
	background: url(images/logo.jpg) top right no-repeat;
	text-indent: -9999px;
	width: 250px;
	height: 50px;
	padding: 0;
	margin: 20px 0 0 0;
}

#logo a {
	margin: 3px 0 0 0;
	width: 250px;
	height: 50px;
	display: block;
}

#logo a:hover {
	background: url(images/logo.jpg) 0 -51px no-repeat;
	padding: 0;
	margin: 0;
}



/*NAVIGATION*/




#navi {
	background-image: url(images/bkgr2.jpg);
	border-bottom: 2px #fcc inset;
	font-size: 1em;
	font-weight: none;
	letter-spacing: .09em;
	padding: 0;
	margin: 17px 0 0 0;
	clear: left;
}

#navi a {
	color: #c36;
}

#navi li {
	display: inline;
	padding: 0 17px;
	border-left: 1px solid #ccc;
}

#navi a:hover, .here{
	color: #000;
}

#navi .leftnav {
	padding-left: 30px;
	border: none;
}




/*CONTENT*/




#content {
	background-color: #fff;
	background-color: #6cf; /*sky blue*/
	border-top: 2px #999966 outset;
	width: auto;
	padding: 30px 15px 0 0;
	margin: 0 auto;
}

.textBox {
	background-color: #fff;
	background-color: #0f6; /*aqua green*/
	width: inherit;
	padding: 20px 0 0 72px;
	margin: 0 0 50px 0;
}

.textBox a{
	width: 600px;
}

.textBox img {
	border: none;
	float: left;
}

#textBox ul {
	

}

.textBoxQuality {
	background-color: #fff;
	background-color: #0f6; /*aqua green*/
	height: auto;
	width: 570px;
	padding: 20px 0 0 0;
	margin: 0 72px;	
}

.textBoxQuality img {
	margin: 0 0 20px 0;
	padding: 0;
}

.puppyBox {
	background-color:#fff;
	background-color: #9f6; /*yellow*/
	width: 170px;
	height: 372px;
	padding: 0;
	margin: 10px 29px 50px 0;
	float: left;
}

.adopt {
	background: url(images/pban.jpg) bottom center no-repeat;
	width: 170px;
	height: 48px;
}

.adopt p {
	text-align: center;
	font-size: 15px;
	font-weight: lighter;
	padding: 15px 0;
	color: #fcc;
}

.adopt a, .adopt a:visited{
	color: #fcc;
}

.adopt p a:hover {
	color: #fff;
}

.rsidebar {
	color:#000;
	width: 150px;
	height: 400px;
	padding: 0;
	margin: 5px 0 0 10px;
	float: right;
	clear: right;
}

.imgr  {
	float: right;
	padding: 10px 0 0 30px;
}

.imgl  {
	float: left;
	padding: 10px 30px 0 0px;
}

.rsidebar ul{
	list-style: url(images/paw.jpg);
	font-size:12px;
}

.rsidebar li{
	padding: 5px 0;
	font-size: 10px;
	line-height: 1.75em;
}

#lsidebar {
	color:#000;
	width: 150px;
	padding: 0;
	margin: 0;
	float: left;
}

#lsidebar h1 {
	padding: 0 0 0 300px;
}

#lsidebar a {
	padding: 0 0 0 100px;
}



/*TEXT*/




a {
	text-decoration: none;
	margin: 0;
	color: #c36;
}

a:hover  {
	color: #666;
}


/*a:focus, a:active {
	color: #336633; 
	background-color: #999999; 
}*/

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-style: italic;
	color: #999;
	padding: 0 2px;
	margin: 0;
}

h1 p {
	font-style: italic;
	font-weight: lighter;
	color: #666;
	display: inline;
}

h1 a {
	color: #c36;
}

h2{
	font-size: 20px;
	font-weight: lighter;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
}

h3 {
	font-size: 1.5em;
	font-weight: lighter;
	color: #999999;
	padding: 10px 0 0 0;
	margin: 20px 10px;
}

p {
	font-weight: lighter;
	font-size: 13px;
	color: #333;
	padding: 0;
	margin: 0 0 10px 0;
}

p img {
	padding: 0;
	margin: 0;
}

p a {
	color: #c36;
	padding: 0;
}

p a:hover {
	color: #333;
}

ul {
	list-style: none;
	font-size: 15px;
}

h4 {
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 14px;
}

h5 {
	font-weight: lighter;
	color: #996;
	padding: 0;
	margin: 2px 0 2px 0;
	clear: left;
}

h5 a {
	color: #c36;
	padding: 0;
	clear: none;
}

h6 {
	font-weight: lighter;
	font-size: xx-small;
	color: #ccc;
	padding: 0;
	margin: 0;
	float: right;
}




/*EXTRAS*/




#tswemail, #tswname {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #c36;
	margin: 5px 0;
	padding: 0 5px 0 0;
} 

#tswcomments {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
	vertical-align: top;
	color: #c36;
	margin: 0;
	padding: 0 5px 90px 0;
} 

.damSire {
	text-align: right;
	float: right;
	padding: 0;
	margin: 0;
}

.damSire a:hover {
	color: #996;
}

.gray {
	color: #996;
	font-weight: lighter;
	text-align: center;
	padding: 0 0 2px 0;
	margin: 0;
}

.back {
	clear: both;
	float: left;
	margin: 0 0 50px;
}


#Book {
	padding: 0;
	margin: 0 50px 5px;
	clear: both;
	height:  402px;
}

.moni {
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0;
}

#loadarea {
	width: 450px;
	height: 400px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}




/*FOOTER*/




#footer {
	font-size: xx-small;
	text-align: center;
	background-color: #fff;
	color: #ccc;
	height: 30px;
	padding: 10px;
	clear: both;
}


#footer a {
	color: #666666;
	text-decoration: underline;
}


#footer a:hover {
	text-decoration: none;
}


/*COLORS*/

body, #content, .textBox, .textBoxQuality, .textBoxContact, .puppyBox {
	background-color: #fff;
}


/*

body, #content, .textBox, .textBoxQuality, .textBoxContact, .puppyBox {
	background-color: #fff;
}


<div id="rsidebar">The well-being of your Keeshond puppy is very important. In the first 8 weeks of life, our responsibility makes the difference for a healthy, happy puppy. That’s why we begin quality care from day one. 
We tenderly care for each Keeshond puppy, as a tiny pup needing premium food and a clean bed to an active, growing puppy needing wide grassy lawns, children, and pre-training. Physically and socially, our Keeshonds develop capable, affectionate personalities. They are AKC registered and checked by a local vet.
We are committed to raising quality Keeshond puppies, intelligent, reliable, and outgoing for which their breed is known. Whether you want a family pet, a loyal companion, or someone to greet after a long day at work, you will find a friendly pet in one of our Keeshonds. 
	</div>





*/