/* CSS Document */



  
/*     T A B L E   O F  C O N T E N T S   



1. NAVIGATION BANNER

2.  COMMON STYLES ( just a blue horizontal line that goes on a number of pages)

3. W E L C O M E  (pertaining to the index page)
	
	a. type positioning WELCOME
	
4. S E R V I C E S 

	a. type positioning SERVICES
	
5. T I P S   AND   L I N K S
	
	a. type positioning TIPS AND LINKS
	
6. P H O T O S 

	a. type positioning PHOTOS

7. A B O U T

	a. type positioning ABOUT
	
8.  T R I B U T E S

	a. type positioning TRIBUTES
	
	
9.	REGISTRATION FORM 

	a. type positioning REGISTRA TION FORM 


10. TYPE STYLES START

	A. type styles SERVICES

	B. type styles SERVICES

	C. type styles TIPS AND LINKS 

 	D. type styles PHOTOS 

	E. type styles ABOUT US

	F. type styles TRIBUTES



(N O T E !!!   to increase the size of a page the blue line on the left and right plus the bottom graphics  ( rightbar, leftbar, bottomgfx)  and the container must be increased)   

   */






body {
	background-color: #D2EEF5;
	background-image: url(images/rose_strip.gif);
	background-repeat: repeat-x;
}


/* xxxxxxXXXXX  1. NAVIGATION BANNER START  XXXXXxxxxxx */

#bottom-navigation {
	position:absolute;
	left:50%;
	top:950px;
	width:750px;
	height:50px;
	margin-left: -375px;
}

#bottom-navigation-services {
	position:absolute;
	left:50%;
	top:1045px;
	width:750px;
	height:50px;
	margin-left: -375px;
}

#bottom-navigation-about {
	position:absolute;
	left:50%;
	top:1290px;
	width:750px;
	height:50px;
	margin-left: -375px;
}

#bottom-navigation-photos {
	position:absolute;
	left:50%;
	top:760px;
	width:750px;
	height:50px;
	margin-left: -375px;
}

#bottom-navigation-tips {
	position:absolute;
	left:50%;
	top:1612px;
	width:750px;
	height:50px;
	margin-left: -375px;
}

#bottom-navigation-tributes {
	position:absolute;
	left:50%;
	top:880px;
	width:750px;
	height:50px;
	margin-left: -375px;
}

#nav-banner {
	position:absolute;
	left:50%;
	top:0px;
	width:750px;
	height:285px;
	margin-left: -375px;
}

#left-banner {
	position:absolute;
	left:0px;
	top:0px;
	width:375px;
	height:285px;
}

#right-banner {
	position:absolute;
	left:375px;
	top:0px;
	width:375px;
	height:190px;
}

#welcome {
	position:absolute;
	left:375px;
	top:190px;
	width:125px;
	height:45px;
}

#services {
	position:absolute;
	left:500px;
	top:190px;
	width:125px;
	height:45px;
}

#tipslinks {
	position:absolute;
	left:625px;
	top:190px;
	width:125px;
	height:45px;
}

#photos {
	position:absolute;
	left:375px;
	top:235px;
	width:125px;
	height:50px;
}

#about {
	position:absolute;
	left:500px;
	top:235px;
	width:125px;
	height:50px;
}

#tributes {
	position:absolute;
	left:625px;
	top:235px;
	width:125px;
	height:50px;
}

/* xXxXxXxXxXxXxX  NAVIGATION BANNER END  xXxXxXxXxXxXxX  */

/* xxxxxxXXXXX  2. COMMON STYLES START  XXXXXxxxxxx */

#topbar {
	position:absolute;
	left:0px;
	top:0px;
	width:750px;
	height:4px;
	background-image: url(images/blueStrip.gif);
}

/* xXxXxXxXxXxXxX  COMMON STYLES END  xXxXxXxXxXxXxX  */

/* xxxxxxXXXXX  3. WELCOME CONTENT START  XXXXXxxxxxx */

#welcome-content {
	position:absolute;
	left:50%;
	top:400px;
	width:750px;
	height:665px;
	margin-left: -375px;
	background-color: #FFFFFF;
}

#leftbar-welcome {
	position:absolute;
	left:0px;
	top:0px;
	width:4px;
	height:220px;
	background-color: #A6DEEB;
}

#rightbar_welcome {
	position:absolute;
	left:746px;
	top:0px;
	width:4px;
	height:330px;
	background-color: #A6DEEB;
}

#rose {
	position:absolute;
	left:0px;
	top:220px;
	width:375px;
	height:445px;
	background-image: url(images/welcome/welcome_rose.jpg);
}

#dog {
	position:absolute;
	left:375px;
	top:330px;
	width:375px;
	height:335px;
	background-image: url(images/welcome/welcome_dog.jpg);
}

/* -- + — + — + — + —  type positioning WELCOME  — + — + — + — + -- */

#textleft-welcome {
	position:absolute;
	left:20px;
	top:15px;
	width:325px;
	height:180px;
}


#textright-welcome {
	position:absolute;
	left:375px;
	top:17px;
	width:345px;
	height:285px;
}

/* xXxXxXxXxXxXxX  WELCOME END  xXxXxXxXxXxXxX  */

/* xxxxxxXXXXX  4. SERVICES START  XXXXXxxxxxx */


#contact-section {
	position:absolute;
	left:50%;
	top:285px;
	width:750px;
	height:100px;
	margin-left: -375px;
	background-color: #FFFFFF;
}

#paige-contact{
	position:absolute;
	left:0px;
	top:0px;
	width:175px;
	height:100px;
}

#tamela-contact{
	position:absolute;
	left:175px;
	top:0px;
	width:185px;
	height:100px;
}

#blurb{
	position:absolute;
	left:360px;
	top:0px;
	width:390px;
	height:100px;
}


#services-content {
	position:absolute;
	left:50%;
	top:400px;
	width:750px;
	height:1220px;
	margin-left: -375px;
	background-color: #FFFFFF;
}

#prices-services {
	position:absolute;
	left:4px;
	top:20px;
	width:942px;
	height:30px;	
}

#thirdbar-services {
	position:absolute;
	left:0px;
	top:0px;
	width:750px;
	height:4px;
	background-color: #A6DEEB;
}
	
#secondleftbar-services {
	position:absolute;
	left:0px;
	top:0px;
	width:4px;
	height:1150px;
	background-color: #A6DEEB;	
}

#secondrightbar-services {
	position:absolute;
	left:746px;
	top:0px;
	width:4px;
	height:1150px;
	background-color: #A6DEEB;
}

#bottomgfx-services {
	position:absolute;
	left:0px;
	top:1150px;
	width:750px;
	height:65px;
}


/* -- + — + — + — + —  type positioning SERVICES  — + — + — + — + -- */


#textleft-services {
	position:absolute;
	left:20px;
	top:55px;
	width:370px;
	height:390px;
}

#textright-services {
	position:absolute;
	left:390px;
	top:55px;
	width:340px;
	height:420px;
}

/* xXxXxXxXxXxXxX  SERVICES END  xXxXxXxXxXxXxX  */

/* xxxxxxXXXXX  5. TIPS AND LINKS START  XXXXXxxxxxx */

#tips-content {
	position:absolute;
	left:50%;
	top:400px;
	width:750px;
	height:1481px;
	margin-left: -375px;
	background-color: #FFFFFF;
}

#leftbar-tips {
	position:absolute;
	left:0px;
	top:0px;
	width:4px;
	height:1481px;
	background-color: #A6DEEB;
}

#bottomgfx-tips {
	position:absolute;
	left:0px;
	top:1481px;
	width:499px;
	height:50px;
	background-image: url(images/tipsLinks/tipsLinks_bottom.jpg);
}

#laurelwood {
	position:absolute;
	left:499px;
	top:4px;
	width:251px;
	height:216px;
}

#pitbull {
	position:absolute;
	left:499px;
	top:220px;
	width:251px;
	height:216px;
}

#familydog {
	position:absolute;
	left:499px;
	top:436px;
	width:251px;
	height:216px;
}

#humane {
	position:absolute;
	left:499px;
	top:652px;
	width:251px;
	height:216px;
}

#rockinroxy {
	position:absolute;
	left:499px;
	top:868px;
	width:251px;
	height:216px;
}

#multnomah {
	position:absolute;
	left:499px;
	top:1084px;
	width:251px;
	height:231px;
}

#arfnbark {
	position:absolute;
	left:499px;
	top:1300px;
	width:251px;
	height:216px;
}

/* -- + — + — + — + —  type positioning TIPS AND LINKS  — + — + — + — + -- */

#text-tips {
	position:absolute;
	left:20px;
	top:15px;
	width:420px;
	height:550px;
}

/* xXxXxXxXxXxXxX  TIPS AND LINKS END  xXxXxXxXxXxXxX  */

/* xxxxxxXXXXX  6.  PHOTOS START  XXXXXxxxxxx */


#photos-content {
	position:absolute;
	left:50%;
	top:400px;
	width:750px;
	height:475px;
	margin-left: -375px;
	background-color: #FFFFFF;
}

#leftbar-photos {
	position:absolute;
	left:0px;
	top:0px;
	width:4px;
	height:435px;
	background-color: #A6DEEB;
}

#rightbar-photos {
	position:absolute;
	left:746px;
	top:0px;
	width:4px;
	height:435px;
	background-color: #A6DEEB;
}

#bottomgfx-photos {
	position:absolute;
	left:0px;
	top:435px;
	width:750px;
	height:40px;
	background-image: url(images/bottom.jpg);
}

#a-small {
	position:absolute;
	left:35px;
	top:35px;
	width:71px;
	height:58px;
}

#b-small {
	position:absolute;
	left:123px;
	top:35px;
	width:71px;
	height:58px;
}

#c-small {
	position:absolute;
	left:35px;
	top:108px;
	width:71px;
	height:58px;
}

#d-small {
	position:absolute;
	left:123px;
	top:108px;
	width:71px;
	height:58px;
}

#e-small {
	position:absolute;
	left:35px;
	top:181px;
	width:71px;
	height:58px;
}

#f-small {
	position:absolute;
	left:123px;
	top:181px;
	width:71px;
	height:58px;
}

#g-small {
	position:absolute;
	left:35px;
	top:254px;
	width:71px;
	height:58px;
}

#h-small {
	position:absolute;
	left:123px;
	top:254px;
	width:71px;
	height:58px;
}

#i-small {
	position:absolute;
	left:35px;
	top:327px;
	width:71px;
	height:58px;
}

#j-small {
	position:absolute;
	left:123px;
	top:327px;
	width:71px;
	height:58px;
}

#photo {
	position:absolute;
	left:241px;
	top:35px;
	width:460px;
	height:350px;
}

/* -- + — + — + — + —  type positioning PHOTOS  — + — + — + — + -- */

#text-photos {
	position:absolute;
	left:35px;
	top:395px;
	width:666px;
	height:30px;
}

/* xXxXxXxXxXxXxX  PHOTOS END  xXxXxXxXxXxXxX  */

/* xxxxxxXXXXX  7. ABOUT START  XXXXXxxxxxx */

#about-content {
	position:absolute;
	left:50%;
	top:400px;
	width:750px;
	height:800px;
	margin-left: -375px;
	background-color: #FFFFFF;
}

#topgfx-about {
	position:absolute;
	left:0px;
	top:0px;
	width:750px;
	height:60px;
}

#leftbar-about {
	position:absolute;
	left:0px;
	top:60px;
	width:4px;
	height:460px;
	background-color: #A6DEEB;
}

#rightbar-about {
	position:absolute;
	left:746px;
	top:60px;
	width:4px;
	height:460px;
	background-color: #A6DEEB;
}

#divider-about {
	position:absolute;
	left:371px;
	top:60px;
	width:8px;
	height:520px;
	background-image: url(images/about/aboutUs_divided.jpg);	
}

#bottomgfx-about {
	position:absolute;
	left:0px;
	top:520px;
	width:750px;
	height:485px;
	background-image: url(images/about/aboutUs_photos.jpg);
}

/* -- + — + — + — + —  type positioning ABOUT US  — + — + — + — + -- */

#textleft-about {
	position:absolute;
	left:27px;
	top:55px;
	width:320px;
	height:435px;
}

#textright-about {
	position:absolute;
	left:403px;
	top:55px;
	width:320px;
	height:435px;
}


/* xXxXxXxXxXxXxX  ABOUT  END  xXxXxXxXxXxXxX  */

/* xxxxxxXXXXX  8. TRIBUTES START  XXXXXxxxxxx */

#tributes-content {
	position:absolute;
	left:50%;
	top:400px;
	width:750px;
	height:560px;
	margin-left: -375px;
	background-color: #FFFFFF;
}


#heading-tributes {
	position:absolute;
	left:4px;
	top:10px;
	width:742px;
	height:45px;
	background-image: url(images/tributes/tributes_heading.jpg);
}

#leftbar-tributes {
	position:absolute;
	left:0px;
	top:0px;
	width:4px;
	height:550px;
	background-color: #A6DEEB;
}

#rightbar-tributes {
	position:absolute;
	left:746px;
	top:0px;
	width:4px;
	height:550px;
	background-color: #A6DEEB;
}

#bottomgfx-tributes {
	position:absolute;
	left:0px;
	top:550px;
	width:750px;
	height:40px;
	background-image: url(images/bottom.jpg);
}


/* -- + — + — + — + —  type positioning TRIBUTES  — + — + — + — + -- */

#textleft-tributes {
	position:absolute;
	left:20px;
	top:55px;
	width:340px;
	height:500px;
}

#textright-tributes {
	position:absolute;
	left:390px;
	top:55px;
	width:340px;
	height:500px;
}


/* xXxXxXxXxXxXxX  TRIBUTES END  xXxXxXxXxXxXxX  */

/* xxxxxxXXXXX  9.  REGISTRATION FORM ONE START  XXXXXxxxxxx */

#content-registration-1 {
	position:absolute;
	left:50%;
	top:285px;
	width:750px;
	height:1050px;
	margin-left: -375px;
	background-color: #FFFFFF;
}


#heading-registration-1 {
	position:absolute;
	left:4px;
	top:10px;
	width:742px;
	height:45px;
}

#leftbar-tributes {
	position:absolute;
	left:0px;
	top:0px;
	width:4px;
	height:1050px;
	background-color: #A6DEEB;
}

#rightbar-tributes {
	position:absolute;
	left:746px;
	top:0px;
	width:4px;
	height:1050px;
	background-color: #A6DEEB;
}

#bottomgfx-tributes {
	position:absolute;
	left:0px;
	top:1050px;
	width:750px;
	height:40px;
	background-image: url(images/bottom.jpg);
}


/* -- + — + — + — + —  type positioning  REGISTRATION FORM    — + — + — + — + -- */

#text-registration-one {
	position:absolute;
	left:20px;
	top:55px;
	width:705px;
	height:500px;
}



/* xXxXxXxXxXxXxX  REGISTRATION FORM ONE END  xXxXxXxXxXxXxX  */


/* xxxxxxXXXXX  10. TYPE STYLES START  XXXXXxxxxxx */

p {
	font-family: Myriad, Arial, Geneva, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	line-height: 20px;
}

.right-align {
	font-family: Myriad, Arial, Geneva, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	line-height: 20px;
	text-align: right;
	font-weight: normal;
}

a {
	outline: none;
}

a.z:link {
	color: #7B5D10;
	text-decoration: none;}
a.z:visited {
	color:#7B5D10;
	text-decoration: none;}
a.z:hover {
	color: #7B5D10;
	text-decoration: underline;}
a.z:active {
	color: #7B5D10;
	text-decoration: underline;
}


.bn {
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	letter-spacing: 115%;
}

a.bottom_nav:link {
	color: #FFFFFF;
	text-decoration: none;}
a.bottom_nav:visited {
	color: #FFFFFF;
	text-decoration: none;}
a.bottom_nav:hover {
	color:#27D5EB;
	text-decoration: underline;} 
a.bottom_nav:active {
	color:#27D5EB;
	outline: none;
}



/* -----–––––— — — — —  A.  type styles WELCOME  — — — — –––––––-------*/

.w-left {
	color: #5D4407;
	font-size: 16px;
	line-height: 24px;
}

.w-right {
	font-size: 13px;
	line-height: 20px;
}

.w-pink {
	color: #D63582;
	font-weight: bold;
}

.w-darkorange {
	color: #FA6500;
	font-weight: bold;
}

.w-lightorange {
	color: #FB8A28;
	font-weight: bold;
}

.llc {
	color: #FB8A28;
	font-weight: 700;
	font-size: 10px;
}

/* -----–––––— — — — —  B.  type styles SERVICES  — — — — –––––––-------*/

.service-heads {
	color: #D63582;
	font-size: 15px;
	font-weight: bolder;
}

.service-heads-orange {
	color: #FA6500;
	font-size: 15px;
	font-weight: bolder;
}

.prices-heads {
	color: #FA6500;
	font-size: 15px;
	font-weight: bolder;
	text-align: right;
}

.services-content {
	color: #000000;
	font-size: 13px;
}

.prices-content {
	color: #000000;
	font-size: 13px;
	text-align: right;
}

.prices-change {
	color: #8c8c8c;
	font-size: 12px;
	text-align: right;
}

.payment-forms {
	color: #D63582;
	font-size: 14px;
	text-align: right;
}



/* -----–––––— — — — —  C.   type styles TIPS AND LINKS  — — — — –––––––-------*/



.advice-head {
	color: #7B5D10;
	font-size: 20px;
	font-weight: bold;
}


.numbers {
	color: #A58C3F;
	font-size:14px;
	font-weight:bold;

}

.whitenumbers {
	color: #FFFFFF;
	font-size:14px;
	font-weight:bold;

}

/* -----–––––— — — — —  D.  type styles PHOTOS  — — — — –––––––-------*/


.phototitle {
	color: #A58C3F;
	font-size: 15px;
}


/* -----–––––— — — — —  E. type styles ABOUT US  — — — — –––––––-------*/


.brown {
	color: #5d4407;
}


/* -----–––––— — — — —  F. type styles TRIBUTES  — — — — –––––––-------*/


.heading-tributes {
	color: #BBBBBB;
	font-size: 24px;
	font-style: oblique;
	font-weight: lighter;
}

.name-tributes {
	color: #7B5D10;
	font-size: 15px;
}