@charset "UTF-8";

/* Layout Small Screens */


#hero .panel .caption {
    position: absolute;
    top: 15px;
    left: 240px;
}
/*header { background: url(../../images/header/northwood-walk.jpg) no-repeat right 0px; } */
header a.logo { width: 200px; height: 100px; top: 10px; left: 30px; background-image: url(../../images/header/logo_lg.png); }
#hero .panel .caption h3.email { position: absolute; top: 20px; left:270px; display: inline-block; margin: 0px; white-space: nowrap; }
#hero .panel .caption h3.phone { position: absolute; top: 60px; left:270px; display: inline-block; margin-top: 0px; white-space: nowrap; }*/


a.mobile_menu { display: block; }




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: 50%; float: left; text-align: center; }
section.main .content { margin: 5px; background: no-repeat center top; background-size: 170px 170px; } /* each one will have a different graphic so don't set here */

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

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

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

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

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

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

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

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