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

body {
	background-image:url(images/foot_step1.jpg);
    text-align: center;
    }
    
p {
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	color: #993366;
	line-height: 16px;
	letter-spacing: 0.03em;
	margin:0 0 10px 0;
}

h3 {
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	letter-spacing: 0.07em;
	color: #993366;
	line-height: 22px;
	text-transform: uppercase;
	margin:15px;
	text-align:left;
	}

h5 {
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	letter-spacing: 0.07em;
	color: #339999;
	line-height: 22px;
	text-transform: uppercase;
	margin:0;
}
    
.white_bkgd {
	background-image: none;
	margin: 0px;
	}
	
#coupon_container {
	background-image:url(images/header_bkgd.jpg);
	background-repeat: repeat-x;
	}
    
ul.pink2 {
	padding-left: 20px;
	}

.pink1	{
	font-family: Trebuchet MS, _sans-serif;
	font-size: 12px;
	color: #993366;
	line-height: 16px;
	letter-spacing: 0.03em;
	}
	
.pink1a, a.pink1a	{
	font-family: Trebuchet MS, _sans-serif;
	font-size: 13px;
	color: #993366;
	line-height: 16px;
	letter-spacing: 0.03em;
	text-decoration:none;
	}
	
a.pink1a:hover {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 13px;
	color: #993366;
	line-height: 16px;
	letter-spacing: 0.03em;
	text-decoration:underline;
}
    
.pink2	{
	font-family: Trebuchet MS, _sans-serif;
	font-size: 14px;
	color: #993366;
	line-height: 25px;
	margin-bottom: 0px;
	}    
    
.pink2center  {
	text-align: center;
	font-family: Trebuchet MS, _sans-serif;
	font-size: 14px;
	color: #993366;
	line-height: 10px;
	margin-bottom: 0px;
	margin-top: -20px;
	font-weight:bold;
	} 
    
.pink3	{
	font-family: Trebuchet MS, _sans-serif;
	font-size: 16px;
	color: #993366;
	line-height: 25px;
	letter-spacing: 0.03em;
	}  
	
.pink4 {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 20px;
	letter-spacing: 0.09em;
	color: #ffccff;
	line-height: 5px;
	margin-top: 14px;
	}
	
.pink5 {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 11px;
	color: #993366;
	line-height: 16px;
	letter-spacing: 0.03em;
	margin-left: 15px;
	text-transform: none;
	}
	
.pink6 {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 11px;
	color: #993366;
	letter-spacing: 0.03em;
	margin-left: 0px;
	}
    
.teal {
	color: #339999;
	}

.teal1 {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 12px;
	letter-spacing: 0.03em;
	color: #339999;
	line-height: 15px;
	}
	
.teal2 {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 16px;
	letter-spacing: 0.07em;
	color: #339999;
	line-height: 22px;
	text-transform: uppercase;
	text-align: center;
	}

.teal3 {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 16px;
	letter-spacing: 0.07em;
	color: #339999;
	line-height: 22px;
	text-transform: uppercase;
	text-align: left;
	margin-left: 30px;
	}
	
.teal4 {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 14px;
	color: #339999;
	line-height: 17px;
	margin-left: 30px;
	margin-bottom: -8px;
	}
	
.teal5 {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 14px;
	color: #339999;
	line-height: 17px;
	margin-left: 10px;
	}
	
.white1 {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 16px;
	letter-spacing: 0.09em;
	color: #ffffff;
	line-height: 5px;
	}

.white2 {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 16px;
	letter-spacing: 0.07em;
	color: #ffffff;
	line-height: 13px;
	}
	
.gray {
	font-family: Trebuchet MS, _sans-serif;
	font-size: 11px;
	color: #999999;
	vertical-align: bottom;
	padding-bottom: 5px;
	letter-spacing: 0.03em;
	}
	
.black	{
	font-family: Trebuchet MS, _sans-serif;
	font-size: 14px;
	text-align: center;
	color: #000000;
	line-height: 20px;
	margin-bottom: 0px;
	}  
    
#container {
	text-align: center;
	width: 800px;
	height: 930px;
	margin:0 auto;
	border: 0.5px #993366 solid;
	background-image:url(images/header_alt.jpg);
	/*background-image:url(images/header_holiday1.jpg);*/
	background-repeat: repeat-x;
	background-color: #ffffff;
	position:relative;
	}
          
#header {
	float: left;
	display:inline;
	text-align: left;
	width: 720px;
	height: 132px;
	padding: 15px 40px;
	}
      
#img_logo {
	float: left;
	display:inline;
	}
	
#img_dogsmain {
	float: left;
	display:inline;
	/*margin-top: 10px;
	margin-left: 80px;*/
	}
	
#img_services {
	float:left;
	display:inline;
	margin-top: 60px;
	margin-left: 60px;
	}
	
#img_groom {
	float: left;
	display:inline;
	background-image: url(images/groomamonth.gif);
	background-repeat: no-repeat;
	width: 320px;
	height: 150px;
	margin-left: 35px;
	padding-left: 8px;
	}
	
#img_groom2 {
	float: left;
	display:inline;
	background-image: url(images/groomamonth.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 150px;
	margin-top: 20px;
	margin-left: 15px;
	padding-left: 8px;
	}
	
#headertext {
	float: left;
	display:inline;
	text-align: center;
	margin-top: 65px;
	}

      
#nav {
    background-color: #993366;
    display:inline;
	float:left;
	padding:8px 0;
	width:800px;
    }
    
#content {
	float: left;
	display:inline;
	width: 799px;
	height: 733px;
	background: #ffffff;
	margin-left: 0.5px;
	text-align: center;
	position:relative;
	}	
		
#column {
	float: left;
	display:inline;
	background-color: #EFCDE2;
	margin: 10px 10px 0px 10px;
	padding: 15px 15px 20px 15px;
	}

#para1 {
	float: left;
	display:inline;
	text-align: left;
	margin: 0px 35px 0px 35px;
	width: 270px;
	}
	
#about_column1 {
	float:left;
	margin:10px 35px;
	text-align:left;
	width:270px;
	display:inline;
	position:relative;
}

#about_column2 {
	float:left;
	display:inline;
	position:relative;
	margin:10px 0px 10px 25px;
	text-align:left;
	width:400px;
}
		
#para2 {
	float: left;
	display:inline;
	text-align: left;
	background-image: url(images/tipheader.jpg);
	background-repeat: no-repeat;
	width: 380px;
	height: 40px;
	margin: 10px 0px 0px 0px;
	padding-left: 20px;
	}	
	
#para3 {
	float: left;
	display:inline;
	text-align: left;
	width: 400px;
	margin-left: 5px;
	padding-left: 20px;
	}
	
#para3a {
	float: left;
	display:inline;
	text-align: left;
	/*width: 300px;*/
	margin-top: 40px
	margin-left: 30px;
	padding-left: 20px;
	}
	
#boutique_right {
	display:inline;
	float:left;
	margin:20px 0px 10px 20px;
	padding:0;
	text-align:left;
	width:350px;
}

#boutique_left {
	display:inline;
	float:left;
	margin:20px 0px 10px 20px;
	padding:0;
	text-align:left;
	width:350px;
}
	
#para4{
	float: left;
	display:inline;
	text-align: left;
	margin-top: 20px;
	}
	
#para_split {
	float: left;
	display:inline;
	width: 68%;
	}
	
#para_split2 {
	float: left;
	display:inline;
	width: 32%;
	}

#services {
	float: left;
	display:inline;
	width: 230px;
	text-align: left;
	margin: 0px 10px 0px 10px;
	}
	
#services_out {
	float: left;
	display:inline;
	width: 500px;
	}

#p_content {
	background-image:url(images/header_bkgd.jpg);
	background-repeat: repeat-x;
	text-align: left;
	float: left;
	display:inline;
	width: 355px;
	/*height: 220px;*/
	padding: 10px 22px 0px 23px;
	}
	
#mailing_list {
	/*clear: both;
	float: left;*/
	text-align: center;
	/*margin: 10px 10px 0px 10px;*/
	padding: 0px 15px 15px 15px;
	border: 0.5px #993366 solid;
	background-color: #ffffff;
	}
	
#contact1 {
	float: left;
	display:inline;
	text-align: left;
	margin-top: 20px;
	margin-left: 20px;
	}
	
#special {
	float: left;
	display:inline;
	text-align: left;
	width: 210px;
	margin: 10px 0px 0px 0px;
	}	
	
	
#footer {
	bottom:0;
	clear:both;
	margin:0;
	padding-top:3px;
	position:absolute;
	text-align:center;
	width:797px;
}

/*/////////////navigation addition/////////////*/


#nav ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	height:27px;
}

#nav li {
	display: inline;
	margin: 0;
	border-left: 2px solid #ffffff;
}

#nav li.first {
	border-left: none;
}

#nav li a.new {
	background-image: url(images/new2.gif);
	background-repeat: no-repeat;
	background-position: 65px -4px;
}

#nav li a {
	text-align: center;
	font-family: Trebuchet MS, _sans-serif;
	font-size: 14px;
	letter-spacing: 0.09em;
	color: #ffffff;
	line-height: 5px;
	text-decoration: none;
	display: inline;
	padding: 5px 22px 5px 22px;
	/*border-left: 10px solid #bdc866;
	border-right: 10px solid #ccd486;
	background-color: #c4cd74;
	font-size: 1.1em;
	font-weight: lighter;
	letter-spacing: 0.08em;
	color: #000;
	text-decoration: none;
	width: 100%;*/
}


#nav li a:hover {
	color: #ffccff;
	}

/*/////////////end of nav attributes////////*/

#saleswf {
	height:400px;
	left:21%;
	position:absolute;
	top:0px;
	width:500px;
	z-index:999;
}
	
#gallery_hub {
	float:left;
	display:inline;
	text-align:left;
	margin:0px 0px 0px 15px;
}

#logos_wrap {
	bottom:10px;
	height:170px;
	left:20px;
	position:absolute;
	text-align:left;
	width:535px;
}