@charset "utf-8";
/* CSS Document */
body{
	/* background-image: url(theme/backGround.jpg);
	background-repeat:repeat;*/
	background-color:#e7f5f8;
	background-image: url(theme/backGroundTile.jpg);
}


#mainBody {
	padding: 0px;
	position:relative;
	width: 810px;
	
	
}

#title {
	position:relative;
	top: -5px;
	padding: 0px;
	background-repeat: no-repeat;
	width: 810px;
	background-image: url(theme/title.jpg);
	height: 240px;
}

#intro {
	position:relative;
	top: -5px;
	width: 810px;
	min-height:600px;
	background-repeat:repeat-y;
	background-image: url(theme/content.jpg);
	
}

#textComponent {
	position:relative
	width: 600px;
	left: 30px;
	
	text-align:left;
	padding-left: 15px;
	padding-top: 55px;
	padding-right: 15px;	
}

#contact{
	float: left;
	left:0px;
	width:250px;
	border-style:solid;
	border-width:1px;
	border-color:#9FD9E5;
	background-color: #F1F9FB;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
}

#mainIntroContent{
	float: right;
	top:900px;
	right:30px;
	width:500px;
	border-style:solid;
	border-width:1px;
	border-color:#9FD9E5;
	background-color: #F1F9FB;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
}

div.bottom {
	top: 750px;
	height:50px;
	width: 810px;
	min-height:50px;
	background-color: #3399CC;	
}


#intro  H1 {
	left: 20px;
	font: bold 24px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color:#4C2432
}

#intro  p {
	left: 20px;
	
	font: bold 11px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color:#4C2432
}




#textComponent li{
	color:#4C2432;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
}

#textComponent  img {
	border:none;
	margin:0px;
}

#textComponent  H1 {
	font: bold 24px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color:#4C2432
}

#textComponent  p {
	color:#4C2432;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
}

#small  p {
	color:#4C2432;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin:0px;
}

#textComponentIndented {
	color:#4C2432;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-left:50px;
}

	
#gallery {
	position:absolute;
	top: 25px;
	left: 248px;
	border: none f5f5f5;
	min-height:300px;
	
	
}

div.nextNav {
	position:absolute;
	right:0px;
	width: 91px;
	height: 36px;
	top:50%;
	margin: 0 0px 0 0;
	background: 0 url(images_skin/next.gif) no-repeat;
	cursor:pointer;
	visibility:hidden;
}

div.previousNav {
	position:absolute;
	float:left;
	left:0px;
	width: 91px;
	height: 36px;
	top:50%;
	margin: 0 0px 0 0;
	background: 0 url(images_skin/prev.gif) no-repeat;
	cursor:pointer;
	visibility:hidden;
	
}

div.nextNav hover{
	visibility:hidden;
}



#bottom {
	float: left;
	width: 100%;
	left:3px;
	height:24px;
	width:810px;
	bottom:0px;
	margin-top:-10px;
	background-image: url(theme/bottom.jpg);
	z-index: 1;
}

#menu {
	position:absolute;
	top:241px;
	left:10px;
	height: 45px;
	border: none f5f5f5;
	width: 800px;
	z-index: 5;	
	}

div.outer {
	float: left;
	width: 111px; height: 45px;
	margin: 0 0px 0 0;
	background: 0 url(theme/button1.jpg) no-repeat;
	/*background: url( 'bars.gif' ) 0 -50px no-repeat;*/
	}

div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 11px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color:#ffffff;
	text-decoration: none;
	background: 0 url(theme/button1.jpg) no-repeat;
	/*background: url( 'bars.gif' ) top left no-repeat;*/
	}
div.outer span {
	display: block;
	margin:0; padding: 15px 0 0 5px;
	}
div.outer a:hover {
	background: 0 url(theme/button3.jpg) no-repeat;
	color:#ffffff;
	}
div.outer a:active {
	color:#9fdae5;
	background: 0 url(theme/button2.jpg) no-repeat;
	}
	
#imgHover img:hover{
cursor:pointer;
}

.puppyImage {
	position:absolute;
	top:300px;
	right:40px;
}