/*--------------------- Last Modified  2008.07.10 ---------------------*/


/*------------------------------------------------------------------------------------

  Copyright Kenny Kazanjian 2008. Used with Permission.                             

  May not be duplicated or reproduced.

  Please check for cross-browser compatibility prior to making changes

  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css

/*-------------------------------------------------------------------------------------*/

/* undo some default styling of common (X)HTML browsers

/*------------------------------------------------------------------------------------*/



/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */

/* ------------------------ horizontal sprite nav ------------------------ */

#nav { 

	background:url("../images/nav.gif") no-repeat;
	width:1000px;
	height:38px;
	margin:0;
	padding:0;
	font-size: 1em;
	color: #ffffff;
	text-decoration: none;
}
#nav a:hover{
	border-bottom: 1px solid #CC0000;
}

#nav span { display: none; }

#nav li, #nav a { height:38px; display:block; } /* change height here also */
 
#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-08 { width: 83px; margin-left: 119px;}
#nav-02 { width: 142px;}
#nav-03 { width: 106px;}
#nav-04 { width: 96px;}
#nav-05 { width: 108px;}
#nav-06 { width: 98px;}
#nav-07 { width: 137px;}


/*-------------- (-79px) X position of button / (-38px) height of image from above ------------- */

#nav-08 a:hover { background:url("../images/nav-01.jpg")  no-repeat; }
#nav-02 a:hover { background:url("../images/nav-02.jpg")  no-repeat; }
#nav-03 a:hover { background:url("../images/nav-03.jpg")  no-repeat; }
#nav-04 a:hover { background:url("../images/nav-04.jpg")  no-repeat; }
#nav-05 a:hover { background:url("../images/nav-05.jpg")  no-repeat; }
#nav-06 a:hover { background:url("../images/nav-06.jpg")  no-repeat; }
#nav-07 a:hover { background:url("../images/nav-07.jpg")  no-repeat; }



/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */

body#index #nav-08 { background:url("../images/nav-01.jpg")  no-repeat; }
body#viewInventory #nav-02 { background:url("../images/nav-02.jpg") no-repeat; }
body#financing #nav-03 { background:url("../images/nav-03.jpg") no-repeat; }
body#service #nav-04 { background:url("../images/nav-04.jpg") no-repeat; }
body#warranty #nav-05 { background:url("../images/nav-05.jpg")  no-repeat; }
body#location #nav-06 { background:url("../images/nav-06.jpg")  no-repeat; }
body#dealershipInfo #nav-07 { background:url("../images/nav-07.jpg")  no-repeat; }

/* ------------------------ DROP DOWNS ------------------------------------- */

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */

#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#d56208;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	z-index: 9999;
	opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.90;
}

#nav li ul li {
	height:20px; /* Height of each drop down nav item */
	border:1px solid #ffffff;
	border-top:none;
}	

#nav li ul li a {
	width:100%;
	height:20px;	/* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav item again, should match above */
}


#nav li ul li a span {
	display:block;
	padding-left:5px;
}


/* Drop down link styles */

#nav a:link, #nav a:visited, #nav a:active {
	font-size:1.0em;
	color:#FFFFFF;
	text-decoration:none;
}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }


/* Hover styles for drop down items */

#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover {
	background-image:none;
	background-color:#4c5f6d;
	color:#FFFFFF;
	text-decoration:none;
}


/* width of drop down nav - choose width that allows items to display on one line */

#nav-02 ul, #nav-02 li { width:150px; }	

#nav-03 ul, #nav-03 li { width:180px; }		

#nav-04 ul, #nav-04 li { width:200px; }

#nav-05 ul, #nav-05 li { width:200px; }



/* test */
a:link, a:visited

{

color: #b85a10;

text-decoration: underline;

outline-color: invert;

outline-style: none;

outline-width: medium;

}

a:hover, a:active

{

color: #b85a10;

text-decoration: none;

outline-color: invert;

outline-style: none;

outline-width: medium;

}

a:link, a:visited

{

color: #b85a10;

text-decoration: underline;

outline-color: invert;

outline-style: none;

outline-width: medium;

}

a:hover, a:active

{

color: #b85a10;

text-decoration: none;

outline-color: invert;

outline-style: none;

outline-width: medium;

}

#nav li, #nav a 

{

height: 34px;

display: block;

}

#nav-01 a:hover 

{

background-color: transparent;

background-image: url(images/nav.jpg);

background-repeat: no-repeat;

background-attachment: scroll;

background-x-position: -22px;

background-y-position: -34px;

}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active

{

font-size: 1em;

color: #ffffff;

text-decoration: none;

}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active

{

font-size: 1em;

color: #ffffff;

text-decoration: none;

}