@charset "UTF-8";

/* Layout Small Screens */


/*header {
	background: url(../images/banner_small.jpg) no-repeat right 0px;
}


#hero { height:120px; position: relative; overflow: hidden; }
#hero .panel { width: 100%; height: 120px; position: absolute; overflow: hidden;background-color: transparent;}

#hero .panel .caption h3.email { position: absolute; top: 20px; left:220px; display: inline-block; margin: 0px; white-space: nowrap; }
#hero .panel .caption h3.phone { position: absolute; top: 60px; left:220px; display: inline-block; margin-top: 0px; white-space: nowrap; }
#hero .panel .caption span { display: none; }
*/


section.intro { text-align: center; }
section.intro h1 { margin: 0; color: #336666; } 
section.intro h2 { margin: 0; } 
section.main {   padding: 0; }
section.main aside { width: 20%; float: left; text-align: center; }
section.main .content { margin: 5px; background: no-repeat center top; background-size: 100px 100px; } /* each one will have a different graphic so don't set here */

section.main aside .content.lodging-serv {	
    width: 100px; height: 100px;
    background: url("../../images/service-navs/100/lodging-nav.png") no-repeat;
    display: inline-block;
}
section.main aside .content.lodging-serv:hover {
    width: 100px; height: 100px;
	background: url("../../images/service-navs/100/lodging-nav-hover.png") no-repeat;
}
  
section.main aside .content.ddc-serv {
    width: 100px; height: 100px;
    background: url("../../images/service-navs/100/ddc-nav.png") no-repeat;
    display: inline-block;
}
section.main aside .content.ddc-serv:hover {
	background: url("../../images/service-navs/100/ddc-nav-hover.png") no-repeat;
}  

section.main aside .content.grooming-serv {
	width: 100px; height: 100px;
    background: url("../../images/service-navs/100/grooming-nav.png") no-repeat;
    display: inline-block;
}
section.main aside .content.grooming-serv:hover {
	background: url("../../images/service-navs/100/grooming-nav-hover.png") no-repeat;
}  

section.main aside .content.training-serv {
    width: 100px; height: 100px;
    background: url("../../images/service-navs/100/training-nav.png") no-repeat;
    display: inline-block;
}
section.main aside .content.training-serv:hover {
	background: url("../../images/service-navs/100/training-nav-hover.png") no-repeat;
}  

section.main aside .content.retail-serv {
    width: 100px;  height: 100px;
    background: url("../../images/service-navs/100/retail-nav.png") no-repeat;
    display: inline-block;
}
section.main aside .content.retail-serv:hover {
	background: url("../../images/service-navs/100/retail-nav-hover.png") no-repeat;
}  

section.main aside .content.whisker-serv {
	width: 100px; height: 100px;
    background: url("../../images/service-navs/100/whisker-ridge-nav.png") no-repeat;
    display: inline-block;
}
section.main aside .content.whisker-serv:hover {
	background: url("../../images/service-navs/100/whisker-ridge-nav-hover.png") no-repeat;
}  
   
section.main aside .content.taxi-serv {
    width: 100px;  height: 100px;
    background: url("../../images/service-navs/100/pet-taxi-nav.png") no-repeat;
    display: inline-block;
}
section.main aside .content.taxi-serv:hover {
	background: url("../../images/service-navs/100/pet-taxi-nav-hover.png") no-repeat;
}  

section.main aside .content.events-serv {
    width: 100px; height: 100px;
    background: url("../../images/service-navs/100/events-nav.png") no-repeat;
    display: inline-block;
}
section.main aside .content.events-serv:hover {
	background: url("../../images/service-navs/100/events-nav-hover.png") no-repeat;
	
}  

section.main aside .content.webcam-serv {
    width: 100px; height: 100px;
    background: url("../../images/service-navs/100/webcam-nav.png") no-repeat;
    display: inline-block;
}
section.main aside .content.webcam-serv:hover {
    background: url("../../images/service-navs/100/webcam-nav-hover.png") no-repeat;
}  

section.main aside .content.tour-serv {
    width: 100px; height: 100px;
    background: url("../../images/service-navs/100/tour-nav.png") no-repeat;
    display: inline-block;
}
section.main aside .content.tour-serv:hover {
	background: url("../../images/service-navs/100/tour-nav-hover.png") no-repeat;
}