/* -----------------------------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich
Date Created:	2007.12.07
File Purpose:	Structural Graphics - Base Style sheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */


#header {
	width: 780px;
	height: 170px;
	margin: 0px auto;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.header_links {
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #cccccc;
}

.header_links_pad {
	padding: 6px 0px 0px 0px;
}

.header_links_divider {
	margin: 0px;
	padding: 0px 5px 0px 5px;
}

.logo_bar {
	width: 740px;
	height: 100px;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	background: url(/_images/framework/bg_header.gif) top left no-repeat;
	float: left;
	display: inline;
	position: relative;
}

@media screen {
	.logo_bar_print {
		display: none;
	}
	
	.main_logo {
		width: 90px;
		height: 90px;
		margin: 5px 0px 0px 5px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.alt_logo {
		width: 140px;
		height: 70px;
		margin: 0px;
		padding: 0px;
		float: right;
	}
}

@media print {
	.logo_bar_print {
		width: 740px;
		height: 100px;
		margin: 0px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.main_logo {
		display: none;
	}
	
	.alt_logo {
		display: none;
	}
}

.navigation_container {
	width: 750px;
	height: 30px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
}

.navigation_container a, .navigation_container a:visited, .navigation_container a:hover, .navigation_container a:active { border: 0px; margin: 0px; padding: 0px; float: left; }

.nav_divider {
	height: 100%;
	width: 1px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#nav_drop_container {
	width: 744px;
	position: relative; 
	left: 19px; 
	top: 0px;
	z-index: 500; 
	visibility: visible; 
	float: left; 
}

#nav_drop_container a, #nav_drop_container:visited { height: 20px; float: left; background: none; }
#nav_drop_container a:hover, #nav_drop_container a:active { height: 20px; float: left; background: #ceebf9; }

.nav_drop_bg {
	margin: 5px 0px 0px 0px;
	float: left;
	position: relative;
}

#nav_subdrop_container {
	width: 744px;
	position: relative; 
	left: 19px; 
	top: 0px;
	z-index: 500; 
	visibility: visible; 
	float: left; 
}

#nav_subdrop_container a, #nav_subdrop_container:visited { height: 20px; float: left; margin: 5px 0px 0px 0px; position: relative; }
#nav_subdrop_container a:hover, #nav_subdrop_container a:active { height: 20px; float: left; background: #ffffff; margin: 5px 0px 0px 0px; position: relative; }

.nav_drop_top {
	height: 5px;
}

.nav_drop_alt {
	height: 6px;
}

.nav_drop_bottom {
	height: 8px;
}

.nav_drop_left {
	width: 6px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: repeat-y;
}

.nav_drop_right {
	width: 8px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: repeat-y;
}

.nav_drop_right_wsub {
	width: 3px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: repeat-y;
}

.nav_who_drop_container {
	width: 151px;
	position: absolute;
	left: 445px;
	top: 0px;
	padding: 0px;
	z-index: 100;
	visibility: hidden;
}

.nav_who_top {
	width: 151px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_who_bottom {
	width: 151px;
	height: 8px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_who_links {
	width: 137px;
	margin: 0px;
	padding: 0px;
}

.nav_what_drop_container {
	width: 152px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 100;
	visibility: hidden;
}

.nav_what_top {
	width: 152px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_what_bottom {
	width: 152px;
	height: 8px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_what_links {
	width: 143px;
	margin: 0px;
	padding: 0px;
}

.nav_applications_drop_container {
	width: 159px;
	position: absolute;
	left: 148px;
	top: 0px;
	padding: 0px;
	z-index: 100;
	visibility: hidden;
}

.nav_applications_top {
	width: 159px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_applications_top_alt {
	width: 159px;
	height: 6px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_applications_bottom {
	width: 159px;
	height: 8px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_applications_links {
	width: 145px;
	margin: 0px;
	padding: 0px;
	background: top left;
}

.nav_sg_exclusives_drop_container {
	width: 159px;
	position: absolute;
	left: 148px;
	top: 25px;
	padding: 0px;
	z-index: 100;
	visibility: hidden;
}

.nav_sensory_effects_drop_container {
	width: 159px;
	position: absolute;
	left: 148px;
	top: 50px;
	padding: 0px;
	z-index: 100;
	visibility: hidden;
}

.nav_clients_drop_container {
	width: 151px;
	position: absolute;
	left: 297px;
	top: 0px;
	padding: 0px;
	z-index: 100;
	visibility: hidden;
}

.nav_clients_top {
	width: 151px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_clients_bottom {
	width: 151px;
	height: 8px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_clients_links {
	width: 137px;
	margin: 0px;
	padding: 0px;
}

.nav_work_drop_container {
	width: 151px;
	position: absolute;
	left: 149px;
	top: 0px;
	padding: 0px;
	z-index: 100;
	visibility: hidden;
}

.nav_work_top {
	width: 151px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_work_bottom {
	width: 151px;
	height: 8px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_work_links {
	width: 137px;
	margin: 0px;
	padding: 0px;
}

.nav_contact_drop_container {
	width: 151px;
	position: absolute;
	left: 593px;
	top: 0px;
	padding: 0px;
	z-index: 100;
	visibility: hidden;
}

.nav_contact_top {
	width: 151px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_contact_bottom {
	width: 151px;
	height: 8px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.nav_contact_links {
	width: 137px;
	margin: 0px;
	padding: 0px;
}