@charset "UTF-8";

/* Layout Medium Screens */

body { margin: 0px; padding: 0px; }
header a.logo { display: block; position: absolute; background-position: 0px 0px; background-repeat: no-repeat; }
/*nav {
	width: 100%;
	display: block;
	background-color: #a6430a;
}
*/
/* Layout Large Screens (default for older browsers) */

header { background: url(../../images/header/northwood-walk.jpg) no-repeat right 0px; }
header a.logo {
	width: 200px; height: 100px;
	top: 10px; right: 10px;
	background-image: url(../../images/header/logo_lg.png);
}


/*
article { padding: 30px 20px 10px 20px; }
*/

/*
nav { top: 250px; overflow: hidden;}
nav a { margin: 12px 0px 10px 20px; }*/





/*

@media screen and (max-width: 1200px) {
	footer { padding-left: 20px; }
}



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


#hero .panel #promos { position:absolute; top:10px; right: 10px; 	}
*/


section.main aside { width: 20%; float: left; text-align: center; }
section.main .content { margin: 10px; background: no-repeat center top; background-size: 170px 170px; } /* each one will have a different graphic so don't set here */

a.mobile_menu { display: block; }



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

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

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

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

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

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

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

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