/* Topanga Alchemy File. Type = CSS  */	

/*  Each page has its own body*/

body	 	{	color: #000000;	
			text-decoration: none;
			display: block;
			margin: 0px;
			padding: 0px;
			height: 216px;
			width: 1px;			
			font: 14px/10px Verdana, Arial, Helvetica, sans-serif;
			background: #FFFFFF url(../images/HeaderGradient.jpg) repeat-x;						
			text-align: center;
		}


body.page1 	{	color: #000000;	
			text-decoration: none;
			display: block;
			margin: 0px;
			padding: 0px;
			height: 216px;
			width: 1px;			
			font: 14px/18px Verdana, Arial, Helvetica, sans-serif;			
			background: #FFFFFF url(../images/HeaderGradient.jpg) repeat-x;						
			text-align: center;
		}
		
body.page2 	{	color: #000000;	
			text-decoration: none;
			margin: 0px;
			padding: 0px;
			height: 216px;
			width: 1px;			
			font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
			background: #FFFFFF url(../images/HeaderGradient02.jpg) repeat-x;						
			text-align: center;
		}		

/*  HEADERS */

h1 		{	padding: 0px;
			float: right;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
		}
		
h1 a 		{	line-height: 100%;
			text-decoration: none;
			margin-right: 62px;
			display: block;
		}
		
h1 aa		{	
		}



h2 		{	color: #BC0600;
			margin-top: 30px;
			margin-right: 0px;
			margin-bottom: 20px;
			margin-left: 5px;
			font: bold 18px/20px  Verdana, Arial, Helvetica, sans-serif;
		}

h3 		{
			color: #241208;
		}
		

h4 		{
			font: bold 14px/18px  Verdana, Arial, Helvetica, sans-serif;
			text-align:center;
			color: #4C4C4C;
			background: #ABEAE5;
			border-bottom: thin solid #505050;
			border-right:thin solid #505050;
		}
		

#container 	{	width: 770px;
			margin: 0px 0px 0px 10px;
		}


#nav 		{ 	margin: 0px;
			padding: 0px;
			clear: both;
			text-align:center;
			list-style-type: none;
		}

#nav li 	{
			float: left;
			text-align:center;
			font: bold 16px/100% Verdana, Arial, Helvetica, sans-serif;
		}
	

#nav li a	{
			color: #80008F;  
			display: block;
			float: left;
			height: 55px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding-top: 0px;
			padding-right: 10px;
			padding-left: 10px;
			background: url(../images/pawprint.gif);
			background-repeat:no-repeat;
			background-position:top center; 
		}

#nav li a:visited 
		{
		}
		
#nav li a:hover {
			color: #CC0000; 
			display: block;
			background: url(../images/PawprintRed.gif);
			background-repeat:no-repeat;
			background-position:top center; 
		}
		
#nav li a:active 
		{
		}	


#content 	{
			float: left;
			width: 770px;
			margin: 0px;
			padding: 0px 0px 0px 20px;
			background: #FFFFFF url(../images/logobg.jpg);
			background-position: 230px  150px; 
			background-attachment: fixed;
			background-repeat:no-repeat;			 
			text-align: left;
		}
#content.tees
			 { background:none;}	
		
		
#index_left	{	/* padding-left: 0px; */
		}

	


#index_right	{	padding-top: 0px;
			padding-left: 30px;
		}		

#index_sidebtnl	{
			padding-left:4px;
			padding-top: 30px;
		}

#index_sidebtn2	{
			padding-left:04px;			
			padding-top: 24px;
		}

#index_sidebtn3	{
			padding-left:04px;			
			padding-top: 22px;
		}


#people_left	{	padding-top: 50px;
		}

#people_leftlo	{	padding-top:  30px;
		
		}			
		
#people_right_lst
		{	line-height: 1.6em;
			list-style: url(../images/crown_small.gif) outside;
			padding-top:0px;
			padding-left: 0px;
			
		}
		
#pet_left	{	padding-top: 34px;
		}		
		
#pet_right_lst	{	line-height: 1.6em;
			list-style: url(../images/pawprint_small.gif) outside;
			padding-top:0px;
			padding-left: 0px;
		}		

#pet_right_Hdr	{	padding-left: 12px;
		}

#pet_right_txt	{	padding-left: 16px;
		}



#main_text	{	font-size: 130%;
			line-height: 120%;
			padding-left: 5px;
		}


	
#text_indent1	{	clear:left;
			text-align:left;
			padding-left: 26px;
		}

#text_indent2	{       clear:left;
			text-align:left;
			padding-left: 80px;
		}		


#instructions 
		{	clear: both;
			border: thin solid #333333;
			margin-left: 26px;
			margin-top: 20px;
			padding:6px;
			width: 700px;
			line-height: 110%;
			float: left;
			padding-left:10px;
			padding-right:10px;
		}


	

#btm_links 	{	font-weight: bold;
			text-align: center;
			width: 770px;
			float: left;
			padding-top: 40px;
			clear: both;
		}
	


#btm_links a:link  	
		{	color: #BC0600;
			text-decoration: none;
		}

#btm_links a:visited 	
		{	color: #C44747;
			text-decoration: none;
		}

#btm_links a:hover 	
		{	text-decoration: underline;
			color: #07C9D0;
		}

#btm_links a:active	
		{	color: #333333;
			text-decoration: overline;
		}
		



#footer		{	text-align: center;
			height: 35px;
			float: left;
			font-size: 90%;
			clear: both;
			margin: 0px auto;
			font-weight: bold;
			color: #000000;
			width: 770px;
			padding-top: 10px;
		}

	
#col_about	{	width: 500px;
			text-align: left;
			float:left;
			padding-top: 12px;
			padding-right: 10px;	 

		}


#friends_links 	{	
		 	float:left;
		 	list-style:outside;
			list-style: url(../images/pawprint_small.gif) outside;
			width: 240px;
			line-height: 4.8em;
			text-align: left;
			padding-left:16px;
			padding-top: 32px;	
		}


#DesignBy 	{
			clear: left;
			float: left;
			font-size: 80%;
			font-weight: bold;
			line-height: 100%;
			color: red;
			text-align: center;
			height: 15px;
			width: 770px;
		}

#shop_row 	{
		
			width: 570px;
			text-align:left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			margin-bottom: 15px;
			padding-left: 0px;
		}
		
.bold   	{
			font-weight: bold;
		}


#contact_links 	{	clear: both;
						
			width: 770px;
			font-weight: bold;
			color: rgb(204, 0, 170);
			text-align: center;
			margin-top:40px;
			padding-top: 3px;
			padding-bottom:3px;
		}

.learnmore 	{
		}

.pricingpeople  {
			color: #000000;
		}

.pricingpet 	{
			color: #000000;
		}



.peopleheader 	{
			background: #C5C5E6;
			font-size: 105%;
			border-bottom: thin solid #505050;
			border-right:thin solid #505050;				
		}

.petheader 	{
			background: #A5EFE6;
			font-size: 105%;
			border-bottom: thin solid #505050;
			border-right:thin solid #505050;				
		}
		
.teesheader 	{
			background: #FF5F5F;
			font-size: 105%;
			border-bottom: thin solid #505050;
			border-right:thin solid #505050;				
		}		

.padcolumns	{	padding-right: 16px;
			padding-left: 16px;
		}
		
#fashion_tees   {	text-align: center; 
			vertical-align: middle; 
			white-space: nowrap;
		}
		
#fashion_Ts_txt {	text-align: left;
			font-weight: bold;
			padding-left: 50px;
		}