/***************************** HTML elements ****************************/

	body
	{
		background-color: #8d8f93;
		padding: 0;
		margin: 0;
		text-align: center;
		background-image: url(/images/layout/body_tile.gif);
	}


	img
	{
		border: none;
	}


	p, label 
	{
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		line-height: 16px;
	}


	ul
	{
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		line-height: 16px;
		list-style-image: url(/images/content/list_mark_dot.gif);
	}


	ol
	{
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		line-height: 18px;
	}


	h3
	{
		font: bold 18px Arial, Helvetica, sans-serif;
	}


	td
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 16px;
	}



/***************************** WRAPPERS ****************************/

	#main	/* main wrapper div */
	{
		padding: 0;
		margin: 0 auto;
		text-align: center;
		width: 980px;
		background-color: #ffffff;
	}


	#main_forum_login	/* main wrapper div */
	{
		padding: 0;
		margin: 0 auto;
		text-align: center;
		width: 500px;
		background-color: #ffffff;
	}


	#sub_body	/* sub_body is used on pages where a masthead is displayed, otherwise sub_body_nomast is used to display the gray gradient */
	{
		text-align: left;
		width: 980px;
	}


	#sub_body_nomast
	{
		text-align: left;
		width: 980px;
		padding-top: 30px;
		background-image: url(/images/layout/site_top_fade.gif);
		background-repeat: repeat-x;
	}



/***************************** HEADER ****************************/

/* includes everything physically above global dropdowns */

	#header
	{
		width: 980px;
		height: 133px;
		text-align: left;
		background-color: #ffffff;
		
	}


	#logo	/* Biamp logo */
	{
		float: left;
		height: 101px;
	}


	.little_red	/* "PROFESSIONAL AUDIO SYSTEMS" style */
	{
		font: 9px Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: 2px;
		color: #cc0717;
		padding: 0px;
		margin: 0;
		position: relative;
		top: 47px;
		left: 16px;
	}

	.little_blue
	{
		font: 9px Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: 2px;
		color: #6699cc;
		padding: 0px;
		margin: 0;
		position: relative;
		top: 47px;
		left: 16px;
	}

	#account_links	/* gray links in uppermost right */
	{
		font: 10px Verdana, sans-serif;
		color: #999999;
		width: 715px;
		margin: 10px 0 0 0;
		text-align: right;
		float: left;
	}


	#account_links
	{
		font: 10px Verdana, sans-serif;
		color: #999999;
		width: 715px;
		margin: 0px;
		text-align: right;
		float: left;
	}


	#account_links a
	{
		font: bold 10px Verdana, Geneva, sans-serif;
		color: #31506b;
		text-decoration: none;
	}



/***************************** LOGIN BOX ****************************/

	#login-box
	{
		float: right;
		width: 280px;
		font: normal 10px Verdana, Geneva, sans-serif;
		color: #333333;
	}


	#login-box a
	{
		font: bold 10px Verdana, Geneva, sans-serif;
		color: #31506b;
	}


	#login-box p
	{
		font: normal 10px Verdana, Geneva, sans-serif;
		color: #333333;
	}


	#login-box input
	{
		background: url(/images/home/input_Bg.jpg) no-repeat;
		width: 94px;
		height: 19px;
		border: none;
		padding: 2px 0 0 2px;
	}


	#login-box input:focus
	{
		border: none;
	}


	#login-box input#btnLogin
	{
		background: none;
		width: 50px;
		font: bold 12px Verdana, Geneva, sans-serif;
		color: #31506b;
		cursor: pointer;
	}



/***************************** DROPDOWN MENUS ****************************/

	#nav	/* wrapper for global dropdown ul */
	{
		width: 980px;
		z-index: 2000; 
	}


	ul.dropdown
	{
		position: relative; 
		list-style: none; 
		float: left;
		line-height: 16px;
		padding: 0;
		margin: 6px 0 0 30px;
	}
		

	ul.dropdown li
	{
		float: left; 
		padding: 0; 
	}
	
	
	ul.dropdown a:hover
	{ 
		color: #cc0717;
	}


	ul.dropdown li a
	{ 
		display: block; 
		font: 11px Verdana, sans-serif;
		color: #666666;
		text-decoration: none;
		padding: .25em 16px;
	}


	ul.dropdown li a.nav_top_right
	{
		border-right: 1px solid #cccccc;
	}

						  
	ul.dropdown li:hover
	{ 
		position: relative;
	}


	ul.dropdown ul
	{ 
		width: 220px; 
		visibility: hidden; 
		position: absolute; 
		top: 100%; 
		left: 0; 
		padding: 0;
		list-style: none;
	}
	
	
	ul.dropdown ul li 
	{ 
		font-weight: normal;  
		width: 160px;
		margin: 0;
		border-bottom: 1px solid #ccc; 
		float: none; 
		background-color: #ffffff;
	}


	ul.dropdown ul li a	 
	{
		border-right: none; 
		width: 100%; 
		display: inline-block;
        font: 11px Arial, Helvetica, sans-serif;
		width: 125px;
		color: #666666;
		text-decoration: none;
		padding: 7px 0 7px 16px;
		z-index: 2000; 
	} 


	ul.dropdown li ul
	{
		z-index: 2000; 
	}


	ul.dropdown ul ul
	{ 
		left: 100%; 
		top: 0; 
	}
	
	
	ul.dropdown li:hover > ul
	{ 
		visibility: visible; 
	}


	.nav_sectionheader
	{
		padding: 0;
	}



	/*** systems/apps dropdown-specific styles ***/


		ul.dropdown li#nav_sys ul
		{
			width: 210px;
			padding-top: 3px;
		}


		ul.dropdown li#nav_sys ul li
		{
			width: 210px;
		}


		ul.dropdown li#nav_sys ul li a
		{
			width: 176px;
			border: none;
		}


		ul.dropdown li#nav_sys ul li p
		{
			font: 10px Verdana, sans-serif;
			background-color: #e7e7e7;
			color: #555555;
			font-weight: bold;
			padding: 3px 0 3px 16px;
			margin: 0;
		}


		ul.dropdown li#nav_sys ul li.nav_sectionheader
		{
			padding: 0px;
		}


	/*** dropdown widths ***/

		ul.dropdown li#nav_prod
		{
			width: 96px;
		}


		ul.dropdown li#nav_learn
		{
			width: 180px;
		}


		ul.dropdown li#nav_support
		{
			width: 87px;
		}


		ul.dropdown li#nav_about
		{
			width: 120px;
		}


		ul.dropdown li#nav_contact
		{
			width: 88px;
		}



/***************************** FOOTER ****************************/

	div.float-right
	{
		float: right;
	}


	div#home-footer
	{
		clear: both;
		background: #8e8e8d;
		width: 960px;
		height: 15px;
		padding: 5px 10px 0 10px;
		text-align: left;
		font: normal 8px Verdana, Geneva, sans-serif;
		margin: 0 auto;
	}


	div#home-footer p
	{
		color: #ffffff;
		float: left;
		margin: 0;
		font: normal 8px Verdana, Geneva, sans-serif;
	}


	div#home-footer a
	{
		text-align: right;
		color: #ffffff;
		text-decoration: none;
	}


	div#home-footer a:hover
	{
		text-decoration: underline;
	}


	#bottom_fade	/*drop shadow at the very bottom */
	{
		width: 980px;
		height: 12px;
		margin: 0 auto;
		clear: both;
		background-image: url(/images/layout/site_bottom_shadow_b.gif);
		background-repeat: no-repeat;
	}



/***************************** COLUMN LAYOUTS ****************************/

	div.clear
	{
		clear: both;
	}


	div.column1	/* used on two column layouts */
	{
		width: 555px;
		float: left;
		padding: 0 0 0 70px;
		margin: 0 0 10px 0;
	}


	div.column2	/* used on two column layouts */
	{
		width: 260px;
		float: left;
		padding:0 0 0 35px;
		margin: 0 0 10px 0;
	}

	div.single_column	/* used on single column layouts */
	{
		width: 840px;
		float: left;
		padding: 0 70px 0 70px;
		margin: 0 0 10px 0;
	}
	
	div.single_column_admin	/* used on single column layouts */
	{
		width: 840px;
		float: left;
		padding: 0;
		margin: 0 70px 10px 70px;
	}

	#col_left 
	{
		width: 375px;
		float: left;
		padding: 0px 0px 0px 0px;
		margin: 0 0 10px 0;
	}


	#col_main
	{
		width: 815px;
		padding: 20px 0 0 70px;
		margin: 0 0 10px 0;
	}


	#col_main p
	{
		padding: 0px;
		margin: 0px 0 15px 0;
		text-align: left;
	}


	#col_main2 
	{
		width: 815px;
		padding: 20px 0 0 90px;
		margin: 0 0 10px 0;
	}


	#col_main2 p
	{
		padding: 0px;
		margin: 0px 0 15px 0;
		text-align: left;
	}


	#col_right 
	{
		width: 370px;
		float: left;
		padding: 0px 0px 0px 50px;
		margin: 0 0 10px 0;
	}


	div.subcolumn1, #sub_column
	{
		float: none;
		width: 80%;
		margin: 0;
	}


	#sub_column1
	{
		float: left;
		width: 265px;
		margin: 0;
	}


	#sub_column2
	{
		float: left;
		width: 275px;
		padding-left: 10px;
		margin: 0;
	}


	#login_subcolumn1
	{
		float: left;
		width: 245px;
		border-right: 1px solid #cccccc;
		margin: 0;
	}


	#login_subcolumn2
	{
		float: left;
		width: 260px;
		padding-left: 45px;
		margin: 0;
	}



/***************************** SUB NAV BAR ****************************/

	#sub_nav 
	{
		width: 980px;
		text-align: center;
		clear: both;
		background: url(/images/layout/sub_nav_bg.gif) top left repeat-x;
		background-color: #284156;
	}

	#sub_nav a 
	{
		font: 11px Verdana, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: .5em 1em;
	}


	#sub_nav a:hover , #sub_nav a.active 
	{
		background: url(/images/layout/sub_nav_bg_over.gif) repeat-x;
	}


	#sub_nav ul 
	{
		width: 100%;
		padding: .5em 0 .6em 0;
		margin: 0 auto;
		list-style-type: none;
		text-align: center;
	}


	#sub_nav ul li 
	{
		display: inline;
	}



/***************************** INTERNATIONAL CONTACTS SUB NAV BAR ****************************/

	div#sub_nav a#region-1:hover
	{
		background: url(/images/layout/intl_subnav_over_red.gif) repeat-x;
	}


	div#sub_nav a#region-2:hover
	{
		background: url(/images/layout/intl_subnav_over_darkblue.gif) repeat-x;
	}


	div#sub_nav a#region-3:hover
	{
		background: url(/images/layout/intl_subnav_over_lightblue.gif) repeat-x;
	}


	div#sub_nav a#region-4:hover
	{
		background: url(/images/layout/intl_subnav_over_orange.gif) repeat-x;
	}


	div#sub_nav a#region-5:hover
	{
		background: url(/images/layout/intl_subnav_over_green.gif) repeat-x;
	}


	div#sub_nav a#region-6:hover
	{
		background: url(/images/layout/intl_subnav_over_yellow.gif) repeat-x;
	}


	div#sub_nav a#region-7:hover
	{
		background: url(/images/layout/intl_subnav_over_purple.gif) repeat-x;
	}


	div#sub_nav a.active_red
	{
		background: url(/images/layout/intl_subnav_over_red.gif) repeat-x;
	}


	div#sub_nav a.active_darkblue
	{
		background: url(/images/layout/intl_subnav_over_darkblue.gif) repeat-x;
	}


	div#sub_nav a.active_lightblue
	{
		background: url(/images/layout/intl_subnav_over_lightblue.gif) repeat-x;
	}


	div#sub_nav a.active_orange
	{
		background: url(/images/layout/intl_subnav_over_orange.gif) repeat-x;
	}


	div#sub_nav a.active_green
	{
		background: url(/images/layout/intl_subnav_over_green.gif) repeat-x;
	}


	div#sub_nav a.active_yellow
	{
		background: url(/images/layout/intl_subnav_over_yellow.gif) repeat-x;
	}


	div#sub_nav a.active_purple
	{
		background: url(/images/layout/intl_subnav_over_purple.gif) repeat-x;
	}






























#sub_mast_training
{
	width: 980px;
	height: 103px;
	background-repeat: no-repeat;
	clear: both;
}







#sub_mast {
width:980px;
height:240px;
background-repeat:no-repeat;
clear:both;
}
#sub_title_blue {

width:980px;
height:103px;
background-repeat:no-repeat;
clear:both;
}

div.mainColumn
{
width: 815px;
padding: 20px 0 0 70px;
margin: 0;
}






#col_span
{
	width: 815px;
	padding:0 0 0 70px;
	margin:  0 0 10px 0;
}
#col_span2
{
	width: 910px;
	clear: both;
	padding:0 0 0 70px;
	margin: 0;
}