body {
background: #fff;
margin: 0 auto;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

a:link, a:active, a:visited {
color: #267C00;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #FF5400;
}


#container {
width: 950px;
margin: 0 auto;
text-align: left;
}

#nav {
    width: 950px; 
	height: 32px;
    background: url(images/navigation.gif);
	border-top: 3px solid #ECA44F;
	margin: -2px auto 0px auto;
	padding: 0;
	position: relative;
}
  #nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #nav li, #nav a {
    height: 32px; display: block;}
	
#home {left: 0px; width: 78px;}
  #boarding {left: 78px; width: 252px;}
  #grooming {left: 329px; width: 185px;}
  #training {left: 513px; width: 173px;}
  #walking {left: 685px; width: 97px;}
  #store {left: 781px; width: 80px;}
  #about {left: 860px; width: 91px;}
  
 #home a:hover {
    background: transparent url(images/navigation.gif)
    0px -32px no-repeat; height: 32px;}
  #boarding a:hover {
    background: transparent url(images/navigation.gif)
    -78px -32px no-repeat; height: 32px;}
  #grooming a:hover {
    background: transparent url(images/navigation.gif)
    -329px -32px no-repeat; height: 32px;}
  #training a:hover {
    background: transparent url(images/navigation.gif)
    -513px -32px no-repeat; height: 32px;}
#walking a:hover {
    background: transparent url(images/navigation.gif)
    -685px -32px no-repeat; height: 32px;}
  #store a:hover {
    background: transparent url(images/navigation.gif)
    -781px -32px no-repeat; height: 32px;}
  #about a:hover {
    background: transparent url(images/navigation.gif)
    -860px -32px no-repeat; height: 32px;}
	
 #home a.selected {
    background: transparent url(images/navigation.gif)
    0px -32px no-repeat; height: 32px;}
  #boarding a.selected {
    background: transparent url(images/navigation.gif)
    -78px -32px no-repeat; height: 32px;}
  #grooming a.selected {
    background: transparent url(images/navigation.gif)
    -329px -32px no-repeat; height: 32px;}
  #training a.selected {
    background: transparent url(images/navigation.gif)
    -513px -32px no-repeat; height: 32px;}
#walking a.selected {
    background: transparent url(images/navigation.gif)
    -685px -32px no-repeat; height: 32px;}
  #store a.selected {
    background: transparent url(images/navigation.gif)
    -781px -32px no-repeat; height: 32px;}
  #about a.selected {
    background: transparent url(images/navigation.gif)
    -860px -32px no-repeat; height: 32px;}
	
	#subnav {
	width: 950px;
	background: #FFF7A5;
	height: 20px;
	border-top: 1px solid #EDA855;
	border-bottom: 1px solid #EDA855;
	position: relative;
	}
	
	#subnav-boarding {
	position: absolute;
	top: 3px;
	left: 110px;
	}
	
	#subnav a:link, #subnav a:active, #subnav a:visited {
color: #000;
text-decoration: none;
font-weight: normal;
}

#subnav a:hover {
text-decoration: underline;
font-weight: normal;
}


	#subnav a:link.on , #subnav a:active.on, #subnav a:visited.on  {
color: #8D8D8D;
text-decoration: none;
}

#subnav a:hover.on  {
text-decoration: underline;
}


#header {
background: url(images/header2.jpg) no-repeat top left;
width: 950px;
height: 184px;
border-bottom: 7px solid #3AC81E;
}

#homelink {
    width: 221px; 
	height: 185px;
	margin: 0px;
	padding: 0;
	position: relative;
}
  #homelink li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #homelink li, #homelink a {
    height: 185px; display: block;}
	
#homepage {left: 0px; width: 221px;}


#wrap {
width: 950px;
margin-bottom: 10px;

}

#content {
width: 698px;
float: left;
padding-top: 10px;
background: #fff;

}

#webcam {
float: right;
width: 128px;
font-size: 15px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-top: 10px;
margin-bottom: 5px;
background: #fff;
}

#webcam a:link, #webcam a:active, #webcam a:visited {
color: #000;
font-weight: bold;
text-decoration: none;
}

#webcam a:hover {
color: #FF5400;
}

#location-block {
background: url(images/location-divider.gif) no-repeat bottom right;
float: left;
margin-left: -10px;
}
#location-block2 {
float: left;
margin-left: 15px;
}


#locations {
width: 704px;
height: 123px;
background: url(images/locations-box.gif) no-repeat top left;
padding: 5px 25px;
margin-bottom: -9px;
}

#locations h1 {
font-size: 14px;
color: #2F8B07;
margin-bottom: 7px;
}

#locations a:link, #locations a:active, #locations a:visited {
color: #FF5400;
text-decoration: underline;
font-weight: bold;
}

#locations a:hover {
color: #2F8B07;
text-decoration: underline;
font-weight: bold;
}

.location-info {
float: left;
padding-right: 18px;
}

#voted-best {
background: url(images/voted-best.gif) no-repeat top left;
width: 330px;
height: 120px;
padding: 15px 10px 5px 130px;
float: left;
}

#voted-best p {
width: 300px;
}

#dog-image {
float: right;
width: 170px;
height: 120px;
}

#home-textbox {
height: 351px;
border: 1px solid #E2D17D;
background: url(images/home-textbox.gif) repeat-x top left;
padding: 5px 20px;
margin-top: -17px;
}

#home-textbox p {
line-height: 149%;
font-size: 12px;
}

#home-textbox h2 {
font-size: 12px;
color: #F94F3E;
line-height: 170%;

}


#sidebar {
width: 226px !important;
width: 214px;
height: 655px;
background: url(images/sidebar-background.gif) no-repeat top left;
float: right;
padding: 10px;
line-height: 125%;
}

.news {
color: #BC2704;
margin-top: -5px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
}

.more {
font-weight: bold;
color: #267C00;
text-align: right;
margin-top: 10px;
}

.more a:link, .more a:active, .more a:visited {
color: #267C00;
text-decoration: none;
font-weight: bold;
}

.more a:hover {
color: #FF5400;
}

#schedule {
margin-left: 20px;
margin-right: 20px;
}

.date {
color: #389400;
font-weight: bold;
margin-bottom: 5px;
font-size: 11px;
}

#bottom-box-wrap {
margin-left: 30px;

}

.bottom-box {
width: 214px;
height: 140px;
background: url(images/bottom-box.gif) no-repeat top left;
float: left;
margin-right: -10px;
padding: 10px;
position: relative;
}

.bottom-box p {
width: 185px;
margin-left: 7px;
}

.bottom-box .more {
font-weight: bold;
color: #267C00;
position: absolute;
bottom: 20px;
right: 40px;
}

#footer {
width: 950px;
height: 65px;
background: url(images/footer-background.gif) repeat-x top left;
border-top: 3px solid #C3C3C3;
color: #3B3B3B;
font-size: 10px;
text-align: center;
padding-top: 20px;

}

#footer a:link, #footer a:active, #footer a:visited {
color: #000;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

#topbox {
width: 704px;
height: 123px;
background: url(images/locations-box.gif) no-repeat top left;
padding: 5px 25px;
font-size: 14px;
color: #BC2704;

}

#topbox h1 {
font-size: 16px;
color: #BC2704;
margin-bottom: 7px;
margin-top: 5px;
}

#topbox a:link, #topbox a:active, #topbox a:visited {
color: #FF5400;
text-decoration: underline;
font-weight: bold;
}

#topbox a:hover {
color: #2F8B07;
text-decoration: underline;
font-weight: bold;
}

.topbox-info {
float: left;
padding-right: 20px;
}

.topbox-image {
float: right;
margin-right: 45px;
margin-top: 5px;
}

#interior-content {
width: 698px;
float: left;
padding-top: 0px;
background: #fff;
}


#interior-wrap {
width: 950px;
background: url(images/interior-background.gif) repeat-y top left;
}

#interior-wrap-bottom {
width: 950px;
margin-bottom: 10px;
padding-bottom: 3px;
background: url(images/interior-background-bottom.gif) no-repeat bottom left;
}


#interior-top-content {
width: 705px;
background: #fff;
}

#textbox-top {
background: url(images/interior-box-top.gif) no-repeat top left;
width: 698px;
padding-top: 1px;
margin-top: -20px;
}

#textbox {
width: 694px;
border-left: 1px solid #E2D17D;
border-right: 1px solid #E2D17D;
padding: 0px 0px 5px 0px;
margin-top: 5px;
font-size: 12px;
background: url(images/interior-box-background.gif) repeat-y top left;
position: relative;
}

#textbox p {
line-height: 149%;
padding-left: 20px;
padding-right: 20px;
float: left;
width: 440px;
margin-bottom: 10px;
}


#textbox-images {
position: absolute;
top: 0px;
right: 5px;
width: 175px;
text-align: center;
font-size: 10px;
}

#textbox-images img {
margin-top: 10px;
}

#interior-voted-best {
background: url(images/interior-voted-best.gif) no-repeat top left;
width: 330px;
height: 120px;
padding: 15px 10px 5px 130px;
margin-left: 10px;
float: left;
font-size: 10px;
}

#interior-voted-best p {
width: 300px;
}

#interior-sidebar {
width: 224px;
border-left: 1px solid #D1D1D1;
float: right;
padding: 15px 10px 10px 10px;
line-height: 125%;
}


#interior-text {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 10px;
}

.textbox-rates1{
width: 315px;
float: left;
margin-left: 20px;
margin-right: 15px;
}


.textbox-rates2 {
width: 315px;
float: right;
margin-right: 20px;
}

.textbox-rates3 {
width: 205px;
float: left;
margin-right: 10px;
}

#textbox .textbox-rates1 p, #textbox .textbox-rates2 p, #textbox .textbox-rates3 p {
width: 310px;
padding: 0;
}



/*MAPS CSS*/

#map_chicago,#map_buckton{

	display: none; 

	border: 1px solid gray;  

	position: absolute;

	width: 400px;

	height: 335px;

	margin-left: -440px;

	padding: 8px;

	background: #ffffff;

	text-align: right;

}



#mapDiv_chicago,#mapDiv_buckton{

 text-align:left;

 width: 400px; 

 height: 300px; 

}



* html #mapDiv_chicago,#mapDiv_buckton{ /*IE only style*/

height: 300px;

}