/* CSS Document */

html,body{ background-color:#657077;margin:0;padding:0}
body{font: 80% Arial, sans-serif;color:#32414a;text-align:center}
h1 {margin-bottom: 15px; margin-top: 0; color:#7ab5a9;font: 20px Georgia, Times, serif;font-weight:500; }

/* IE hack for H1 */
*html h1 {font-weight: 900;}

h2 { margin-bottom: 0; padding-bottom: 0; font-size:13px;}
p, #content li {line-height: 1.4;margin-top:0;margin-bottom:0}
div#container{text-align:left;background-color:#FFFFFF; width:100%;margin:0 auto;}

div#header{background:#657077;padding-top: 17px;}
div#header2{width:755px; height:247px; background:#657077; margin:0 auto;}
div#header2 p{margin:0;padding:0;}
div#header2 img{margin:0;padding:0;border:none;}

div#nav{background:#33414a;border-top: 1px solid #7ab5a9; text-align:center;}
div#nav2{width:760px;background:#33414a;margin:0 auto;}
div#nav2 ul#navbar {margin-left: 0; padding-left:0;margin-bottom: 0; padding-bottom: 0;list-style: none;}
div#nav2 #navbar {height: 27px;background: #33414a;font: 13px Georgia, Times, serif; overflow: hidden;xmin-width: 760px;}
div#nav2 #navbar li {float: left; padding: 0 26px 0 27px;}
div#nav2 #navbar li a {display: block;text-transform: uppercase;text-decoration:none;color: #fbe8ce;}
div#nav2 #navbar #last {background:none; margin-right: 0; padding-right:0;}
div#nav2 #navbar #first {padding-left: 0;}

/* IE hack for navbar */
* html div#nav2 #navbar {padding-top: 10px;}

div#masterwrap{width:760px;margin:0 auto;}
div#wrapper{float:left;width:760px;background: url(images/graypix.gif) 602px 100% repeat-y;}

div#content{margin-right: 305px;padding: 20px 20px 20px 0;border-right:1px solid #d6d9db;}
div#col3{float:left;width:150px;margin-left:-150px;}
div#col2{float:left;width:120px;margin-left:-305px; padding: 15px;}

div#footer{background: #657077;text-align:left;clear:left;}
div#footer2{font-size: 12px; width:760px;background:#667177;margin:0 auto;}
div#footer p{color:#32414a;margin:0;}
#footer2 ul#footpics {padding:0;margin:0;list-style: none;}
#footpics li {float: left; margin-top: 27px; padding: 16px 17px; background-color:#848d92; border-top: 1px solid #98a0a4;border-bottom: 1px solid #98a0a4;border-right: 1px solid #98a0a4;}
#footpics li img {border: 1px solid #98a0a4;}
#footpics #first {border-left: 1px solid #98a0a4;}
#footpics #quote {padding: 3px;}
#footpics #quote img {border: none;}

#footer2 ul#footaddress {padding:0;margin:0;clear: both;list-style: none;}
#footaddress li {float: left; padding: 25px 12px 7px 12px; color: #32414a;font-weight: bold;}
#footaddress li a {display: block;text-transform: uppercase;color: #32414a;font-weight:bold;}
#footaddress #last {padding-right:0;}
#footaddress #first {padding-left:0;}

#content .intro {color:#98a0a4; font: 18px Georgia, Times, serif; line-height: 1.3; padding: 0 5px 15px 2px; text-align: center; border-bottom: 1px dashed #d6d9db;margin-bottom: 20px;}
#content p {margin-bottom: 10px;}
#content a, #col2 a {font: 80% Arial, sans-serif;xcolor:#32414a; color:#75aea2;text-transform: uppercase; font-weight:bold;}
#col2 p {margin-bottom: 0;}
#col2 .testimonial {color:#98a0a4; font: 13px Georgia, Times, serif; line-height: 1.4; font-style:italic; padding: 0 5px 0 2px; text-align: left;}
#col2 .testimonial2 {color:#98a0a4; font: 13px Georgia, Times, serif; line-height: 1.4; font-style:italic; padding: 0 5px 5px 0; text-align: left;}
#col2 {margin-top: 6px;}
#col3 {text-align: center;margin: 20px 0 0 0;}

#col3 p {margin-bottom: 7px;}
/* IE hack for far right col paragraph spacing */
* html #col3 p {margin-bottom: 10px;}

div#content ul#subnav {margin: 0 0 20px 0; padding:0;list-style: none;}

/* IE hack for bottom margin */
* html div#content ul#subnav {padding-bottom: 15px;}

div#content #subnav {font: 14px Georgia, Times, serif; overflow: hidden;}
div#content #subnav li {float: left; padding: 0 15px 0px 15px; margin:0;}
div#content #subnav li a {display: block;text-transform: uppercase;text-decoration:none;color: #7ab5a9;}
div#content #subnav #first {padding-left: 0;}

body#about div#nav2 #navbar li.one a {border-bottom: 12px solid #7ab5a9;} 
body#boarding div#nav2 #navbar li.two a {border-bottom: 12px solid #7ab5a9;} 
body#grooming div#nav2 #navbar li.three a {border-bottom: 12px solid #7ab5a9;}
body#faq div#nav2 #navbar li.four a {border-bottom: 12px solid #7ab5a9;}
body#hours div#nav2 #navbar li.five a {border-bottom: 12px solid #7ab5a9;}
body#reservations div#nav2 #navbar li.six a {border-bottom: 12px solid #7ab5a9;}