/* CSS Document */
/* mainNav elements */

/* nav placement and background */
#nav {
	z-index:500;
	background-color:rgb(0,0,0);
	background-image:url(../imgs/navBG.jpg);
	background-position:80px 0px;
	background-repeat:repeat-y;
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:51px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#nav #navUL{	
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:52px;
	background-image:url(../imgs/navULBG.gif);
	background-position:38px 12px;
	background-repeat:no-repeat;
	}

/* all ul items */
#nav ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
	
/* all li items */
#nav ul li{
	z-index:501;
	float: left !important;
	position:relative;
	top:25px;
	left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/* 
	font-size:11pt;
	matt - 08-27-09
	*/
	font-size:9pt;
	text-align:center !important;
	/* 
	letter-spacing:0px;
	matt - 08-27-09
	*/
	letter-spacing:2px;
	color:rgb(255,255,255);
}

/* all li main link options */
#nav ul li.mainDD{
	height:28px;	
	}
	
/* all li link options */	
#nav ul li a{
	display:block;
	color:rgb(255,255,255);
	text-decoration:none;
	position:relative;
	top:0px;
	left:0px;
	}

/* specific link options for top level links
make sure to subtrack top padding from overall height */
#nav ul li.mainDD a.navAllegro,
#nav ul li.mainDD a.navAllegroBreeze,
#nav ul li.mainDD a.navAllegroBay,
#nav ul li.mainDD a.navPhaeton,
#nav ul li.mainDD a.navAllegroBus,
#nav ul li.mainDD a.navZephyr,
#nav ul li.mainDD a.navArchivedModels{
	height:23px;
	margin:0 0 0 0;
	/* 
	padding:3px 0 0 0;
	matt - 08-27-09
	*/
	padding:4px 0 0 0;
	
	}
#nav ul li.mainDD a.navAllegro{
	width:80px;
	}
#nav ul li.mainDD a.navAllegroBreeze{
	width:160px;
	}
#nav ul li.mainDD a.navAllegroBay{
	width:128px;
	}
#nav ul li.mainDD a.navPhaeton{
	width:96px;
	}
#nav ul li.mainDD a.navAllegroBus{
	width:130px;
	}
#nav ul li.mainDD a.navZephyr{
	width:79px;
	}
#nav ul li.mainDD a.navArchivedModels{
	width:180px;
	}
	
/* bread crumb */
#allegro #nav ul li.mainDD a.navAllegro,
#allegroBreeze #nav ul li.mainDD a.navAllegroBreeze,
#allegroBay #nav ul li.mainDD a.navAllegroBay,
#phaeton #nav ul li.mainDD a.navPhaeton,
#allegroBus #nav ul li.mainDD a.navAllegroBus,
#zephyr #nav ul li.mainDD a.navZephyr,
#archivedModels #nav ul li.mainDD a.navArchivedModels{
	color:rgb(189,166,136);
	}

#nav ul li.mainDD a:hover.navAllegro,
#nav ul li:hover.mainDD a.navAllegro,
#nav ul li.mainDD a:hover.navAllegroBreeze,
#nav ul li:hover.mainDD a.navAllegroBreeze,
#nav ul li.mainDD a:hover.navAllegroBay,
#nav ul li:hover.mainDD a.navAllegroBay,
#nav ul li.mainDD a:hover.navPhaeton,
#nav ul li:hover.mainDD a.navPhaeton,
#nav ul li.mainDD a:hover.navAllegroBus,
#nav ul li:hover.mainDD a.navAllegroBus,
#nav ul li.mainDD a:hover.navZephyr,
#nav ul li:hover.mainDD a.navZephyr,
#nav ul li.mainDD a:hover.navArchivedModels,
#nav ul li:hover.mainDD a.navArchivedModels{
	background-position:0px -54px !important;
	background-color:rgb(255,255,255);
	color:rgb(97,97,97);
	}

/* hide the second-level lists */
#nav ul li ul.subDD { 
	z-index:502;
	display: none;
	position: absolute;
	top:26px;
	left:0px;
	background-color:rgb(255,255,255) !important;
	width:165px !important;
}

#nav ul.navAllegro ul.subDD { 
	z-index:502;
	display: block;
	position: absolute;
	top:36px;
	left:0px;
	background-color:rgb(255,255,255) !important;
	width:265px !important;
}

#nav ul li ul li.subLinks{
	width:165px !important;
	background-color:rgb(255,255,255) !important;
	}

/* lists nested under hovered list items */
/* show the second-level lists */
#nav ul li:hover ul.subDD, 
#nav ul li.over ul.subDD{ 
	z-index:2000;
	display: block !important;
	float:left !important;
}

#nav ul li:hover ul li, 
#nav ul li.over ul li{
	z-index:2001;
	background-color:rgb(255,255,255) !important;
	background-image:none !important;
}



/* set options for links in second-level lists */
#nav ul li:hover ul li a, 
#nav ul li.over ul li a{
	display:none;
	text-align:left !important;
	text-indent: 8px;
	position:relative;
	left:0px;
	top:0px;
	padding:7px 0 0 0 !important;
	height:20px !important;
	letter-spacing:normal;
	font-size:9px;
	background-color:rgb(255,255,255) !important;
}
#nav ul li ul li a.navModelImg{
	display:block;
	height:104px !important;
	margin:0 0 0 0 !important;
	padding:0 0 0 25px !important;
	}
#nav ul li ul li a.navModelLogo{
	display:block;
	height:38px !important;
	margin:0 0 0 0 !important;
	padding:0 0 0 10px !important;
	}
#nav ul li ul li a.Breeze{
	display:block;
	height:38px !important;
	margin:0 0 0 0 !important;
	padding:0 0 0 0px !important;
	}
	
#nav ul li ul li a.navModelLogoRED{
	display:block;
	height:38px !important;
	margin:0 0 0 0 !important;
	padding:0 0 0 2px !important;
	}	

/* for dropdown list items */
#nav ul li:hover ul li a:hover, 
#nav ul li.over ul li a:hover {
	color:rgb(255,255,255);
}

#nav ul li ul li a.navPhotoGallery,
#nav ul li ul li a.navCompareSeries{
	display:block;
	height:13px !important;
	margin:5px 0 0 25px !important;
	padding:0 0 0 0 !important;
	}
#nav ul li ul li a.navPhotoGallery{
	background-image:url(../imgs/navPhotoGallery.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
#nav ul li ul li a.navCompareSeries{
	background-image:url(../imgs/navCompareSeries.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
#nav ul li ul li a:hover.navPhotoGallery,
#nav ul li ul li a:hover.navCompareSeries{
	background-position:0px -13px;
	}
	
#nav ul li:hover ul li ul.bulletList{
	list-style:inside !important;
	list-style-type:square !important;
	margin:1px 0 1px 0;
	padding:0 0 0 0;
	width:165px !important;
	background-color:rgb(255,255,255) !important;
	}
#nav ul li:hover ul li ul.bulletList li{
	float:none !important;
	text-align:left !important;
	width:145px !important;
	padding:0 0 0 20px;
	background-color:rgb(255,255,255) !important;
	}
.navHR{
	margin:15px auto 15px auto;
	width:80%;
	height:1px;
	background-color:rgb(78,78,78);
	}
	
/* Social Media icons nav - home page */
#sm_icons{
	list-style:none;
	height:36px;
	margin:0;
	padding:0;
}
#sm_icons li{
	float:left;
	width:36px;
	height:36px;
	margin-right:5px;
}
#sm_icons li a{
	display:block;
	width:36px;
	height:36px;
	background: url(../imgs/sm_icons.png) no-repeat top left;
}
#sm_icons li a img{
	width:36px;
	height:36px;
}
#sm_icons li a#facebook{
	background-position:0px 0px;
}
#sm_icons li a#facebook:hover{
	background-position:0px -36px;
}
#sm_icons li a#twitter{
	background-position:-36px 0px;
}
#sm_icons li a#twitter:hover{
	background-position:-36px -36px;
}
#sm_icons li a#youtube{
	background-position:-72px 0px;
}
#sm_icons li a#youtube:hover{
	background-position:-72px -36px;
}
#sm_icons li a#flickr{
	background-position:-108px 0px;
}
#sm_icons li a#flickr:hover{
	background-position:-108px -36px;
}