/* ---------- GLOBAL RULES ---------- */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	color: white;
	background: #000000 url(bg_splash.jpg) no-repeat center -50px;
}
#wrapper {
	margin: 0px auto;
	width: 960px;
}
input, select, textarea, button {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 5px;
	border: none;
}
	input[type=hidden] { padding: 0px; margin: 0px; }
	option { padding: 0px 10px 0px 5px; }
a { color: white; }
a:hover { color: #ff9302; }
a img { border: none; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-weight: normal; }





/* ---------- NAV STYLES ---------- */
#nav {
	padding: 10px 30px 0px 30px;
	display: block;
	width: 900px;
	height: 80px;
	overflow: hidden;
}
	h1#logo {
		width: 110px;
		height: 80px;
		float: left;
	}
	h1#logo a {
		display: block;
		width: 110px;
		height: 80px;
		overflow: hidden;
		text-indent: -9999px;
		background: url(zing_logo.png) no-repeat;
	}

	ul#primarynav {
		margin: 30px 0px 0px 0px;
		float: right;
	}
	ul#primarynav li {
		list-style-type: none;
		float: left;
	}
		ul#primarynav li a {
			display: block;
			width: 110px;
			height: 35px;
			text-indent: -9999px;
			overflow: hidden;
			cursor: pointer;
		}
		#primarynav_about a { background: url(nav_about.png) no-repeat; }
		#primarynav_about a:hover, #section_about #primarynav_about a, #section_partners #primarynav_about a { background: url(nav_about_on.png) no-repeat; }
		#primarynav_products a { background: url(nav_products.png) no-repeat; }
		#primarynav_products a:hover { background: url(nav_products_on.png) no-repeat; }
			#section_products_sansa #primarynav_products a,
			#section_products_stiletto2 #primarynav_products a, 
			#section_products_stiletto100 #primarynav_products a {
				background: url(nav_products_on.png) no-repeat;
			}
		#primarynav_news a { background: url(nav_news.png) no-repeat; }
		#primarynav_news a:hover, #section_news #primarynav_news a, #section_press #primarynav_news a { background: url(nav_news_on.png) no-repeat; }
		#primarynav_jobs a { background: url(nav_jobs.png) no-repeat; }
		#primarynav_jobs a:hover, #section_jobs #primarynav_jobs a { background: url(nav_jobs_on.png) no-repeat; }
		#primarynav_contact a { background: url(nav_contact.png) no-repeat; }
		#primarynav_contact a:hover, #section_contact #primarynav_contact a { background: url(nav_contact_on.png) no-repeat; }






/* ---------- "MEDIA" SECTION STYLES ---------- */
#media {
	clear: both;
	padding: 0px 0px 0px 30px;
	width: 450px;
	float: left;
}
	#section_home #media {
		padding-left: 0px;
		width: 560px;
		height: 480px;
		background: url(graphic_home.png) no-repeat;
	}
		#product_home-sansa {
			margin: 40px 0px 0px 360px;
			position: absolute;
			z-index: 1003;
		}
		#product_home-stiletto100 {
			margin: 52px 0px 0px 235px;
			position: absolute;
			z-index: 1002;
		}
		#product_home-stiletto2 {
			margin: 72px 0px 0px 15px;
			position: absolute;
			z-index: 1001;
		}
	#section_products_sansa #media { height: 500px; background: url(graphic_sansa.png) no-repeat; }
	#section_products_stiletto100 #media { height: 500px; background: url(graphic_stiletto100.png) no-repeat; }
	#section_products_stiletto2 #media { height: 500px; background: url(graphic_stiletto2.png) no-repeat; }
		#media p#productshot {
			margin: 50px 0px 0px 190px;
			position: absolute;
			z-index: 1000;
		}
		#section_products_stiletto2 #media p#productshot {
			margin: 40px 0px 0px 125px;
		}
	#section_contact #media {
		padding-left: 0px;
		height: 350px;
	}
		#section_contact #media p#map {
			padding: 50px 0px 0px 10px;
		}
	#section_jobs #media_jobs {
		padding: 10px 0px 0px 0px;
		display: block;
		width: 400px;
		overflow: hidden;
	}
	ul#subnav {
		margin: 60px 0px 0px 0px;
		list-style-type: none;
		z-index: 3000;
	}
	#section_about ul#subnav, #section_partners ul#subnav {
		margin-top: 25px;
	}
	#section_news ul#subnav, #section_press ul#subnav {
		margin-top: 40px;
	}
		p.media_img {
			padding-top: 50px;
			width: 420px;
			overflow: hidden;
		}
	ul#subnav li small {
		display: block;
	}
	ul#subnav li a {
		padding: 5px 10px 5px 10px;
		width: 123px;
		display: block;
		font-size: 12px;
		color: #d7d7d7;
		background: #04394b url(subnav_bg.jpg) repeat-y -120px -20px;
		border: 2px solid #011c26;
		text-decoration: none;
	}
	ul#subnav li a:hover, ul#subnav li.active a {
		color: white;
		background: #01131d url(subnav_bg_on.jpg) repeat-y -120px -20px;
	}
		ul#subnav li a img { padding: 0px 2px 1px 0px; }

	#section_news ul#subnav li a, #section_press ul#subnav li a {
		margin: 2px 2px 7px 2px;
		padding: 3px 15px 3px 15px;
		width: 263px;
		font-size: 14px;
		line-height: 17px;
		color: white;
		text-decoration: underline;
		background: none;
		/*border: 2px solid transparent;*/
		border: none;
	}
	#section_news ul#subnav li a:hover,
	#section_news ul#subnav li.active a,
	#section_press ul#subnav li a:hover,
	#section_press ul#subnav li.active a {
		margin: 0px 0px 5px 0px;
		background: #04394b;
		border: 2px solid #011c26;		
	}
	#section_news ul#subnav li small, #section_press ul#subnav li small {
		color: #ff9302;
		font-size: 12px;
	}

	ul#subnav_products {
		margin: 220px 0px 0px 0px;
		list-style-type: none;
		position: absolute;
		z-index: 3000;
	}
	ul#subnav_products li a {
		width: 153px;
		height: 27px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
	}
	li#subnav_sansa a { background: url(subnav_sansa.jpg) no-repeat left top; }
	li#subnav_sansa a:hover, #section_products_sansa li#subnav_sansa a { background: url(subnav_sansa.jpg) no-repeat left bottom; height: 60px }
	li#subnav_stiletto100 a { background: url(subnav_stiletto100.jpg) no-repeat left top; }
	li#subnav_stiletto100 a:hover, #section_products_stiletto100 li#subnav_stiletto100 a { background: url(subnav_stiletto100.jpg) no-repeat left bottom; height: 65px; }
	li#subnav_stiletto2 a { background: url(subnav_stiletto2.jpg) no-repeat left top; }
	li#subnav_stiletto2 a:hover, #section_products_stiletto2 li#subnav_stiletto2 a { background: url(subnav_stiletto2.jpg) no-repeat left bottom; height: 66px; }





/* ---------- "CONTENT" SECTION STYLES ---------- */
#content {
	padding: 40px 30px 0px 0px;
	width: 450px;
	float: right;
}
#section_home #content { width: 370px; padding-right: 30px; }
#section_jobs #content { padding-top: 0px; }
#section_about #content { padding-top: 30px; }
#section_partners #content { padding-top: 30px; }
#section_press #content { padding-top: 30px; }
	#content h2 {
		margin: 20px 0px 0px 0px;
		font-size: 30px;
		line-height: 32px;
		color: #ff9302;
	}
		#section_home #content h2 {
			margin-top: 80px;
			height: 60px;
			text-indent: -9999px;
			background: url(pagetitle_home.png) no-repeat;
		}
		#section_products_sansa #content h2 {
			height: 25px;
			text-indent: -9999px;
			background: url(pagetitle_sansa.png) no-repeat;
		}
		#section_products_stiletto100 #content h2 {
			height: 25px;
			text-indent: -9999px;
			background: url(pagetitle_stiletto100.png) no-repeat;
		}
		#section_products_stiletto2 #content h2 {
			height: 25px;
			text-indent: -9999px;
			background: url(pagetitle_stiletto2.png) no-repeat;
		}
		#section_contact #content h2 {
			height: 60px;
			text-indent: -9999px;
			background: url(pagetitle_contact.png) no-repeat;
		}
		#section_jobs #content h2 {
			height: 60px;
			text-indent: -9999px;
			background: url(pagetitle_jobs.png) no-repeat;
		}
		#section_about #content h2 {
			height: 60px;
			text-indent: -9999px;
			background: url(pagetitle_about.png) no-repeat;
		}
		#section_partners #content h2 {
			height: 25px;
			text-indent: -9999px;
			background: url(pagetitle_partners.png) no-repeat;
		}
		#section_news #content h2 {
			height: 25px;
			text-indent: -9999px;
			background: url(pagetitle_news.png) no-repeat;
		}
		#section_press #content h2 {
			height: 25px;
			text-indent: -9999px;
			background: url(pagetitle_press.png) no-repeat;
		}
	#content h3 {
		margin: 30px 0px 0px 0px;
		font-size: 16px;
	}
	#section_partners #content p strong {
		text-transform: uppercase;
		color: #f69317;
	}
	#content p, #content address, #content ul {
		margin: 10px 0px 0px 0px;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		line-height: 22px;
	}
	#content ul {
		margin: 15px;
	}
	#content p#award_bestofces {
		padding: 20px 0px 0px 35px;
	}
	#section_contact #content h5 {
		margin: 15px 0px 0px 0px;
	}
	#content address em {
		color: #577f9b;
		font-style: normal;
	}
	#content h4 {
		margin: 25px 0px 0px 0px;
		color: #ff9302;
	}
	#content h5 {
		margin: 30px 0px 0px 0px;
	}
		#content h5 a {
			margin: 0px 5px 0px 0px;
			padding: 1px 13px 1px 13px;
			font-size: 13px;
			line-height: 13px;
			text-decoration: none;
			background: #577f9b;
			/*text-indent: -9999px;
			padding: 0px;
			background: url(btn_specs.gif) no-repeat;
			width: 140px;
			height: 16px;
			display: block;
			overflow: hidden;*/
		}
		#content h5 a:hover {
			color: white;
		}
	#section_press #content h3 { font-size: 14px; }
	#section_press #content h4 { font-size: 18px; margin: 5px 0px 20px 0px; }
	#section_press address {
		margin: 20px 0px 20px 0px;
		font-size: 11px;
		line-height: 14px;
	}






/* ---------- "EXTRA" SECTION STYLES ---------- */
#extra {
	padding: 0px 30px 0px 30px;
	width: 900px;
	clear: both;
}
	#extra p {
		padding: 20px 0px 20px 0px;
	}
	#extra dl {
		width: 225px;
		float: left;
		font-size: 11px;
		line-height: 13px;
	}
	#extra dt {
		width: 225px;
		height: 50px;
		display: block;
		text-indent: -9999px;
	}
	#extra #directions_from101N dt { background: url(directions_from101N.png) no-repeat; }
	#extra #directions_from101S dt { background: url(directions_from101S.png) no-repeat; }
	#extra #directions_from280N dt { background: url(directions_from280N.png) no-repeat; }
	#extra #directions_from280S dt { background: url(directions_from280S.png) no-repeat; }
	#extra dd {
		padding: 0px 15px 10px 0px;
		/*line-height: 22px;*/
	}





/* ---------- SUPPORT POP-UP STYLES ---------- */
#support {
	margin: 0px;
	padding: 30px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 22px;
}
	#support h2 {
		margin: 0px 0px 20px 0px;
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
	}
	#support h4 {
		margin: 10px 0px 0px 0px;
		text-transform: uppercase;
		color: #f69317;
		font-weight: bold;
	}
	#support a.lbAction {
		margin: -25px 0px 0px 400px;
		width: 50px;
		height: 15px;
		position: absolute;
		color: #06171E;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	#support a:hover.lbAction {
		color: white;
	}





/* ---------- FOOTER STYLES ---------- */
#footer {
	padding: 10px 30px 0px 30px;
	font-size: 11px;
	clear: both;
}
	h6#connected {
		margin: 0px 0px 0px 800px;
		padding: 0px;
		position: absolute;
		top: 0px;
		background: orange;
		display: none;
	}
	h6#connected a {
		padding: 10px;
		text-decoration: none;
	}
	h6#connected a:hover {
		color: blue;
	}