@charset "UTF-8";

/* ------------------------------------------------------------------------------------------------------*/
/* ZERO OUT ALL BROWSER PRE-SET VALUES  -----------------------------------------------------------------*/

* { margin: 0; padding: 0; 	border: 0; 	font-family: Arial, Helvetica, sans-serif; }

html 	{ overflow-y: scroll; }	/* Add this in to always generate vertical scrolls (and avoid page shift on centered layouts) */
a:focus	{ outline: 0; } 		/* Gets rid of outlines in FF */
.clear 	{ clear: both; }


/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/

body { background: #0044a7 url(../images/shared/bg-texture.jpg) top center no-repeat; }


#wrapper {
	width: 1218px;
	margin: 0 auto 15px auto;
	background: url(../images/shared/bg-wrapper.jpg) repeat-y;
}

#header {
	width: 960px;
	height: 843px;  /* height of background image */
	padding: 0 129px;
	background: url(../images/shared/bg-header.jpg) no-repeat;
}

#pageContent {
	margin-top: -542px;	/* Pull content back up over the "header" element */
	min-height: 542px;	/* Then recorrect to avoid spacing gap above footer */
}

#footer {
	clear: both;
	width: 1073px;
	height: 113px;
	padding: 106px 0 0 145px;
	background: url(../images/shared/bg-footer.jpg) no-repeat;
}


/* ------------------------------------------------------------------------------------------------------*/
/* HEADER  --------------------------------------------------*/

a.logo {
	margin: 70px 0 0 25px;
	display: block;
	float: left;
	width: 141px;
	height: 85px;
	text-indent: -5000px;
	background: url(../images/shared/ntaudio-logo.gif) no-repeat;
}

div#flash-banner {
	float: right;
	margin: 69px 0 0 0;
	width: 767px;
	height: 168px;
}



/* ------------------------------------------------------------------------------------------------------*/
/* HEADER / MAIN NAVIGATION  --------------------------------------------------*/


ul#mainNav {
	float: right;
	top: -168px;
	right: 29px;
	width: 645px;
	height: 26px;
	list-style-type: none;
	position: relative; /* Set positioning for the suckerfish drop-downs */
	z-index: 100;
}

ul#mainNav li {
	float: left;
	margin: 0;
}

ul#mainNav a {
	display: block;
	height: 26px;
	text-indent: -5000px;
}

a.home					{ width: 105px; background: url(../images/shared/navBtn-home.gif) no-repeat; }
a.home:hover		{ background-position: -105px 0; }
a.about 				{ width: 109px; background: url(../images/shared/navBtn-about.gif) no-repeat; }
a.about:hover		{ background-position: -109px 0; }
a.credits				{ width: 199px; background: url(../images/shared/navBtn-credits.gif) no-repeat; }
a.credits:hover	{ background-position: -199px 0; }
a.news 					{ width: 102px; background: url(../images/shared/navBtn-news.gif) no-repeat; }
a.news:hover		{ background-position: -102px 0; }
a.contact				{ width: 126px; background: url(../images/shared/navBtn-contact.gif) no-repeat; }
a.contact:hover	{ background-position: -126px 0; }


/* Current Sectin Highlght States */

#home a.home				{ background-position: -105px 0; }
#about a.about			{ background-position: -109px 0; }
#credits a.credits	{ background-position: -199px 0; }
#news a.news				{ background-position: -102px 0; }
#contact a.contact	{ background-position: -126px 0; }







/* ------------------------------------------------------------------------------------------------------*/
/* SUB NAV DROP-DOWNS  --------------------------------------------*/

/* Using Suckerfish Drop-down technique */
/* NOTE: the "top" and "left" attributes need to be overridden from IE browsers in "baseStyles_IEadj.css"
/* For more info: http://www.alistapart.com/articles/dropdowns/ */

ul#mainNav li ul.subNav {
	width: 165px;
	min-height: 137px; 
	font-size: 11px;
	line-height: 12px;
	list-style-type: none;
	display: none;
	position: absolute;
	top: auto;
	left: auto;
	text-align: left;	
	margin: 0 0 0 18px;
	padding: 4px 0 0 0;
	background-color: #fff;
	filter:alpha(opacity=92); /* IE */
	-moz-opacity:0.92; /* Older Mozilla  */
	-khtml-opacity: 0.92; /* Older Safari  */
	opacity: 0.92; /* CSS spec  */
}
	
ul#mainNav li ul.subNav li{ 
	margin: 0;
	width: 165px;
	float: none;
	position: relative;
	padding: 0;
}

#wrapper ul#mainNav li ul.subNav li a {
	display: block;
	float: none;
	text-indent: 0;
	border: none;
	width: 146px;
	padding: 3px 5px 1px 14px;
}

/* Basic Link Styles */

ul#mainNav li ul.subNav li a:link			{ color: #758599; text-decoration: none; }
ul#mainNav li ul.subNav li a:visited	{ color: #758599; text-decoration: none; }
ul#mainNav li ul.subNav li a:hover		{ color: #4f5d70; background: url(../images/shared/bg-subnav.png) repeat-x top; }
ul#mainNav li ul.subNav li a:active		{ color: #4f5d70; text-decoration: none; }


/* This is what makes the drop-downs display (along with some js for IE) */
ul#mainNav li:hover ul.subNav, ul#mainNav li.over ul.subNav {
	display: block;
}



/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK / SERVICES SIDEBAR  --------------------------------------------------*/

#servicesSidebar {
	float: left;
	margin: 44px 0 0 129px;
	width: 170px;
	padding: 0 0 348px 17px; /* Padding at bottom for graphics defined in page-specific CSS */
}

/* Social Media Links */

#servicesSidebar ul#socialMediaLinks {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	height: 23px;
}

#servicesSidebar ul#socialMediaLinks li { float: left; width: 23px; margin: 0 14px 0 0; }

ul#socialMediaLinks a {
	display: block;
	width: 23px;
	height: 23px;
	text-indent: -5000px;
}

a#rssLink				{ background: url(../images/shared/rss-icon.gif) no-repeat; }
a#rssLink:hover			{ background-position: -23px 0; }
a#facebookLink			{ background: url(../images/shared/facebook-icon.gif) no-repeat; }
a#facebookLink:hover	{ background-position: -23px 0; }
a#twitterLink			{ background: url(../images/shared/twitter-icon.gif) no-repeat; }
a#twitterLink:hover		{ background-position: -23px 0; }
a#linkedinLink			{ background: url(../images/shared/linkedin-icon.gif) no-repeat; }
a#linkedinLink:hover	{ background-position: -23px 0; }


/* Services Listing/Navigation */

#servicesSidebar h2 {
	margin: 23px 0 16px 0;
	font-size: 14px;
	line-height: 15px;
	color: #0d2686;
	letter-spacing: .05em;
}

#servicesSidebar ul#servicesNav {
	margin: 0;
	padding: 0;
	list-style-type: none;		
}

#servicesNav li {
	margin: 0 0 12px 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	color: #4f6db0;
}

#servicesNav a:link		{ color: #4f6db0; text-decoration: none; }
#servicesNav a:visited	{ color: #4f6db0; text-decoration: none; }
#servicesNav a:hover	{ color: #0d2686; text-decoration: none; }
#servicesNav a:active	{ color: #0d2686; text-decoration: none; }


/* Services Listing Sub-Navigation */
/* Hidden by default, these will be turned on via page-specific CSS */

#servicesSidebar ul#servicesNav ul.services_subnav {
	margin: 6px 0 0 0;
	padding: 0;
	list-style-type: none;
	display: none;
}

#servicesSidebar ul#servicesNav ul.services_subnav li {
	margin: 0 0 6px 0;
	font-size: 11px;
	line-height: 12px;
	padding: 0 0 0 13px;
	background: url(../images/shared/services_subListBullet.gif) no-repeat 0 3px;
}

a#dataTransferPortalBtn {
	display: block;
	margin: 14px 0 0 -3px;
	width: 128px;
	height: 24px;
	text-indent: -5000px;
	background: url(../images/shared/btn-data-transfer-portal.gif) no-repeat;
}
a#dataTransferPortalBtn:hover { opacity: .85; }



/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK / MAIN CONTENT  --------------------------------------------------*/

#mainContent {
	float: right;
	width: 580px;
	margin: 0 254px 0 0;
}


/* Definitions for two-column layout  */

.twoColumnBlock .col1{
	width: 260px;
	margin: 0;
	padding: 0;
	float: left;
}

.twoColumnBlock .col2{
	width: 260px;
	margin: 0;
	padding: 0;
	float: right;
}



/* ------------------------------------------------*/
/* All text styles for Main Text Block area -------*/


/* Note: h1 headers will have SIFR-based text-replacement */

#mainContent h1 {
	font-size: 32px;
	font-weight: normal;
	line-height: 29px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #062386;
	margin: -6px 0 36px 0;
}

#mainContent h2 {
	font-size: 18px;
	line-height: 20px;
	letter-spacing: .06em;
	margin: 0 0 20px 0;
	padding: 0;
	color: #062386;
}

#mainContent h3 {
	font-size: 14px;
	line-height: 16px;
	margin: 35px 0 16px 0;
	padding: 0;
	color: #062386;
}

#mainContent h4 {
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	color: #062386;
}


#mainContent p {
	margin: 0 0 16px 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	color: #4f5d70;
}

#mainContent div.photoCaption { margin: 8px 0 20px 0; }

#mainContent div.photoCaption p {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	line-height: 13px;
	color: #6081bc;
	font-weight: bold;
}


#mainContent ul {
 	list-style-type: none;
	padding: 0;
	margin: 0 0 16px 25px;
	font-size: 12px;
	line-height: 14px;	
	color: #4f5d70;
}

#mainContent ul li {
	margin: 8px 0 4px 0;
	background:url(../images/shared/listBullet.gif) no-repeat .4em .4em;
	padding-left: 18px;
}

#mainContent ul ul { margin: 0 0 16px 15px; }

#mainContent ul ul li { background: url(../images/shared/listBullet-secondLevel.gif) no-repeat .4em .4em; }

#mainContent ol {
 	list-style-type: decimal;
	padding: 0;
	margin: 0 0 16px 50px;
	font-size: 12px;
	line-height: 14px;	
	color: #4f5d70;
}

#mainContent ol li {
	margin: 8px 0 4px 0;
}


#mainContent a:link			{ color: #4f6db0; text-decoration: none; }
#mainContent a:visited	{ color: #4f6db0; text-decoration: none; }
#mainContent a:hover		{ color: #4f6db0; text-decoration: none; background: url(../images/shared/linkStyle_on.gif) repeat-x bottom; }
#mainContent a:active		{ color: #4f6db0; text-decoration: none; background: url(../images/shared/linkStyle_on.gif) repeat-x bottom; }


#mainContent hr {
	height: 1px;
	color: #bfd0e9; /* For IE */
	background: #bfd0e9; /* For Firefox */
	margin: 8px 0 16px 0;
}



/* -------------------------------------------------------------------------------------------------------*/
/* FOOTER BLOCK  -----------------------------------------------------------------------------------------*/


/* List of affilate logos/links */

#footer ul#affiliateList {
	width: 815;
	height: 31px;
	list-style-type: none;
	margin: 0 0 23px 0;
}

ul#affiliateList li {
	float: left;
	margin-right: 37px;
}

ul#affiliateList h2 {
	font-size: 14px;
	letter-spacing: .12em;
	margin: 9px 0 0 0;
	color: #062386;
	text-transform: uppercase;
}

ul#affiliateList a {
	display: block;
	height: 31px;
	text-indent: -5000px;
}

a#acvl	{ width: 51px;  background: url(../images/shared/affiliateLogo_acvl.gif) no-repeat; }
a#hpa 	{ width: 53px;  background: url(../images/shared/affiliateLogo_hpa.gif) no-repeat; }
a#icta	{ width: 35px;  background: url(../images/shared/affiliateLogo_icta.gif) no-repeat; }
a#amia 	{ width: 41px;  background: url(../images/shared/affiliateLogo_amia.gif) no-repeat; }
a#smpte	{ width: 49px;  background: url(../images/shared/affiliateLogo_smpte.gif) no-repeat; }
a#cas	{ width: 39px;  background: url(../images/shared/affiliateLogo_cas.gif) no-repeat; }
a#mpse	{ width: 117px; background: url(../images/shared/affiliateLogo_mpse.gif) no-repeat; }



/* Copyright line */

#footer p {
	margin: 0 0 0 230px;
	padding: 0;
	color: #ced5de;
	font-size: 11px;
}

#footer p a:link { color: #ced5de; text-decoration: underline; }
#footer p a:visited { color: #ced5de; text-decoration: underline; }
#footer p a:hover { color: #fff; text-decoration: underline; }
#footer p a:active { color: #fff; text-decoration: none; }