@charset "UTF-8";
/* CSS Document */

/*
	---------------------
	Company:  Leopard, Inc.
	Author:  Katy Gabriel
	Date:  June 26, 2008
	----------------------
*/
/*--------------- NAV FRAME CONTAINER ------------- */
#navframeContainer {
	width: 175px;
	height: 476px;
	float: right;
}
#navFrame {
	background-image: url(../home/navframe_homepage.jpg);
	float: left;
	height: 420px;
	width: 132px;
	padding-top: 48px;
	padding-left: 43px;
}

/*--------------- NAVIGATION AREA ------------- */

/*set up the width of the rollover not counting rollover area*/
#navbuttons {
	width: 88px;
	height: 371px;
	background-image:url(../home/homenav.gif);
	background-repeat: no-repeat;
	margin-left: 2px;
}

/*set up the list*/
#navbuttons li {list-style: none; float: left;}
#navbuttons a {display: block; text-decoration: none;}

/*set up the dimensions and position of each li button*/
#navbuttons #visit    {left: 0px; top: 0px; width: 88px; height: 64px;}
#navbuttons #rental	  {left: 0px; top: 64px; width: 88px; height: 64px;}
#navbuttons #events	  {left: 0px; top: 128px; width: 88px; height: 64px;}
#navbuttons #support  {left: 0px; top: 192px; width: 88px; height: 64px;}
#navbuttons #links	  {left: 0px; top: 256px; width: 88px; height: 64px;}
#navbuttons #contact  {left: 0px; top: 319px; width: 88px; height: 64px;}

/*set up the height of each li button that is a link*/
#navbuttons #visit    a {height: 51px;}
#navbuttons #rental   a {height: 51px;}
#navbuttons #events   a {height: 51px;}
#navbuttons #support  a {height: 51px;}
#navbuttons #links    a {height: 51px;}
#navbuttons #contact  a {height: 51px;}

/*set up the position of each li button so that upon rollover includes the necessary part of the image*/
#navbuttons #visit   a:hover {
	background-image: url(../home/homenav.gif);
	background-repeat: no-repeat;
	background-position: 0px -371px;
}
#navbuttons #rental a:hover {
	background-image: url(../home/homenav.gif);
	background-repeat: no-repeat;
	background-position: 0px -435px;
}
#navbuttons #events a:hover {
	background-image: url(../home/homenav.gif);
	background-repeat: no-repeat;
	background-position: 0px -499px;
}
#navbuttons #support   a:hover {
	background-image: url(../home/homenav.gif);
	background-repeat: no-repeat;
	background-position: 0px -563px;
}
#navbuttons #links a:hover {
	background-image: url(../home/homenav.gif);
	background-repeat: no-repeat;
	background-position: 0px -627px;
}
#navbuttons #contact a:hover {
	background-image: url(../home/homenav.gif);
	background-repeat: no-repeat;
	background-position: 0px -691px;
}