/*	MAIN.CSS - Stylesheet for the layout
	(margins, position, width, height, and floats)
	No color or background declarations should be here. */

/*	Example style for CSS3

div {
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
behavior: url(../css3pie/PIE.htc);
}

*/

.clear {clear: both;} 

body {
	background: url(/images/skin/bg/bg-repeat.png) #ffffff repeat-x;
	min-width: 970px;
}
.section-inner { 
	width: 970px;
	margin: 0 auto;
	position: relative;
}
#wrapper {
	min-width: 970px;
	background: url(/images/skin/bg/bg-wrapper.jpg) no-repeat center top;
}
.w-w2 {	
	min-width: 970px;
	padding-top: 107px;  /* Change to height of header */
}

/* --HEADER-- */
#header, .h-w1, .h-w2 { height: 107px; } /* Change to correct height */
#header { 
	top: 0; left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}
.h-w1 {
}
	#mainnavigation, #utilities, #logo {
		position: absolute;
	}
	#mainnavigation {
		z-index: 20;
		bottom: 0;
		right: 0;
	}
		#mainnavigation li { float: left; }
			#mainnavigation a {
				display: block;
				height: 1px;
				padding-top: 39px;
				overflow: hidden;
			}
				#mainnavigation a:hover, #mainnavigation a.active { background-position: 0 -40px; }
				.nav-automotive {
					width: 97px;
					background: url(/images/skin/nav/nav-automotive.png) no-repeat;
				}
				.nav-entertainment {
					width: 108px;
					background: url(/images/skin/nav/nav-entertainment.png) no-repeat;
				}
				.nav-export  {
					width: 129px;
					background: url(/images/skin/nav/nav-export.png) no-repeat;
				}
				.nav-food  {
					width: 55px;
					background: url(/images/skin/nav/nav-food.png) no-repeat;
				}
				.nav-illuminated  {
					width: 123px;
					background: url(/images/skin/nav/nav-illuminated.png) no-repeat;
				}
				.nav-media  {
					width: 60px;
					background: url(/images/skin/nav/nav-media.png) no-repeat;
				}
				.nav-packaging  {
					width: 83px;
					background: url(/images/skin/nav/nav-packaging.png) no-repeat;
				}
				.nav-periodical  {
					width: 153px;
					background: url(/images/skin/nav/nav-periodical.png) no-repeat;
				}
				.nav-corporate  {
					width: 162px;
					background: url(/images/skin/nav/nav-corporate.png) no-repeat;
				}
	#logo {
		top: 18px;
		left: 0px;
	}
	#utilities {
		top: 21px;
		right: 0px;
	}
		#utilities li { float: left; }
		#util-customer {
			padding: 21px 25px 0 0;
			height: 1px;
			width: 276px;
			overflow: hidden;
			background: url(/images/skin/bg/util-customer.png) no-repeat;
		}
			#utilities a {
				display: block; 
				height: 1px;
				padding-top: 26px;
				overflow: hidden;
			}
				#utilities a:hover {background-position: 0 -27px;}
				#util-home a {
					width: 64px;
					background: url(/images/skin/bg/util-home.png) no-repeat;
				}
				#util-contact a {
					width: 76px;
					background: url(/images/skin/bg/util-contact.png) no-repeat;
				}




/* --CONTENT-- */
#main { 
	position: relative; 
	
	/* margin-top: 200px; */
}
	#main .m-w1 {
	}
	#main .m-w2 { 
		overflow: hidden;
		padding: 27px 0 30px;
	}
	#subnav, #content {
		float: left;
	}
	#ctas {
		width: 200px;
		float: right;
		display: none;
	}
	/* Subnav appears after content-body in markup, 
		but often is shifted to the left */
	#subnav { 
		width: 170px;
		position: relative;
		left: -755px; /* Negative width of #content */
		top: 0;
		background: url(/images/skin/bg/subnav-divider.png) no-repeat right top;
	}
		.subnav-header {
			display: block;
			font-size: 18px;
			color: #6a7892;
			height: 70px;
			padding: 5px 30px 0 20px;
		}
		#subnav li {}
			#subnav a {
				display: block;
				padding: 6px 0 7px 21px;
				text-decoration: none;
				color: #6a7892;
				background: url(/images/skin/bg/content-bullet.png) no-repeat 0 12px;
			}
				#subnav a:hover {color: #3a4456;}
				#subnav a.active {color: #c7372e;}
					#subnav ul ul { padding-bottom: 8px; }
					#subnav ul ul a {
						background: none;
						color: #6a7892;
						font-size: 12px;
						padding: 3px 0 2px 21px;
					}
					#subnav ul ul a:hover {color: #3a4456;}
					#subnav ul ul a.active {color: #c7372e;}
					
	#content {
		width: 755px;
		position: relative;
		left: 215px; /* Positive width of #subnav */
		top: 0;
	}
		#content h1 {margin-left: -5px;}
	.table-wrapper, .job-wrapper {
		padding: 15px;
		background: #d2d9e1;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin-bottom: 15px;
		behavior: url(/css3pie/PIE.htc);
		margin-right: 110px;
		position: relative;
		z-index: 1;

	}
	table {
		width: 100%;
	}
		.table-heading, .city-heading {
			font-size: 16px;
			padding: 8px 25px 9px;
			color: #5d5d5d;
			line-height: 16px;
			background: #ffffff url(/images/skin/bg/bg-th.png) repeat-x;
		}
		.city-heading { border-bottom: 1px solid #d1d1d1; }
		td, .job-content {
			padding: 3px 25px;
			font-size: 14px;
			border-right: 1px solid #d1d1d1;
			border-bottom: 1px solid #d1d1d1;
			background: #ffffff;
			vertical-align: top;
		}
		.job-content { padding:3px 0 3px 25px; }
			.job-content p { margin-bottom: 0; padding-bottom: 0; line-height: 24px;}
			.last-cell { border-right: none; width: 50%;}
		
		#main .job-content ul {
			margin:0;
			padding:0;
			margin-left: -25px;
		}
			#main .job-content ul li {
				list-style:none;
				list-style-image:none;
				padding:0;
				border-bottom: 1px solid #D1D1D1;
				padding:0 25px 0 25px;
			}
			#main .job-content ul li.last-child { border-bottom:none; }
			
		table.contact-table td.content {
			padding: 10px 25px;
		}	
		table.contact-table td p {
			line-height: 18px;
			padding-bottom: 10px;
			font-size: 14px;
		}
			
			.col-heading td, .job-heading {
				color: #ffffff;
				background: #7a8ea5;
				padding: 6px 25px;
				font-size: 14px;
				}
			.job-heading { 
				background: #5b6a85; 
				border-bottom: 1px solid #D1D1D1;
			}
			.col-heading .col-head-right {
				background: #5b6a85;
				width: 50%;
			}
			
	table.table-no-border {
		border: none;
		width: 100%;
	}
	/* Use td.single class when only one contact and content cell is colspan="2" */
	
	td.single table.table-no-border { width: 50%; } 
	table.table-no-border td {
		border: none;
		padding: 0;
		font-size: 13px;
		
	}
	table.table-no-border td.row-label { width: 25%; }
	table.table-no-border td.row-data { width: 75%; }
	
	td.corp-head-office table.table-no-border td.row-label { width: 35%; }
	td.corp-head-office table.table-no-border td.row-data { width: 65%; }
	
	table.broadcast-people td.row-label { width: 65%;}
	table.broadcast-people td.row-data { width: 35%;}

	.contact-table td.content p { padding-right: 0; }

/* --FOOTER-- */
#footer { font-size: 11px; background: url(/images/skin/bg/bg-footer.png) repeat-x left bottom;}
.f-w1 {

	background: url(/images/skin/bg/bg-f-w1.png) no-repeat center bottom;
}
.f-w2 {
	padding-top: 68px;
	overflow: hidden;
	height: 44px;
}
	#footer a {
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#copyright {
		color: #ffffff;
		float: left;
		
	}
		#copyright a {
			color: #ffffff;
			padding-left: 15px;
			background: url(/images/skin/bg/bg-footer-link.png) no-repeat 4px 5px;
		}
	#credit {
		float: right;
		color: #b8c6d7;
	}
		#credit a {color: #b8c6d7;} 
/* STICKY FOOTERS: Uncomment to enable */

html,body {	height:100%; }
#wrapper { min-height: 100%; position: relative; }
#footer { 
	position: absolute; bottom: 0; left: 0; width: 100%; 
	height: 112px; 
}
#main { padding-bottom: 140px; }

/* END STICKY FOOTERS */

/* -- Content Utilities -- */

#content-utilities {
		position: absolute;
		top: 46px;
		right: 0;
	}
		#content-utilities li {
			float: left;
		}
			#content-utilities a {
				display: block;
			}
				#content-utilities a:hover {
					background-position: 0 -26px;
				}
				#util-email {
					height: 1px;
					padding-top: 25px;
					width: 48px;
					overflow: hidden;
					background: url(/images/skin/illuminated/util-email.png) no-repeat;
				}
				#util-link {
					padding: 7px 15px; 
					font-size: 11px;
					text-decoration: none;
					line-height: 11px;
					height: 11px;
					overflow: hidden;
					background: url(/images/skin/bg/util-link.png) repeat-x;
				}
					#util-link span {
						padding-left: 20px;
						height: 11px;
						background: url(/images/skin/bg/util-link-chain.png) no-repeat;
					}

/* -- Export Overview --*/

	.overview-item {
		float: left;
		width: 288px;
		padding: 6px 6px 19px;
		margin-right: 20px;
		background-color: #ffffff;
		position: relative;
		z-index:10;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		behavior: url(../css3pie/PIE.htc);
	}
		.over-wrapper .over-right { margin-right: 0;}
		.overview-header {
			display: block;
			font-size: 24px;
			color: #4f4c4d;
			padding: 8px 15px 11px;
			background: url(/images/skin/export/overview-divider.png) no-repeat center bottom;
		}
		.overview-item p {
			padding: 10px 18px 17px;
			line-height: 20px;
		}
		#main .learn-more {
			display: block;
			width: 256px;
			background: url(/images/skin/bg/btn-blue.png) repeat-x 0 0;
			padding-top: 7px;
			height: 24px;
			color: #ffffff;
			text-decoration: none;
			text-align: center;
			position: relative;
			z-index:1;
			cursor: pointer;
			line-height: 14px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			behavior: url(../css3pie/PIE.htc);
		}
			#main .learn-more:hover {background-position: 0 -31px;}
			.overview-item .learn-more { margin: 0 auto; }
					
					
					
/* -- Image Gallery -- */
	.m-w3 {
		background: #e9eef2;
		border-top: 1px solid #e0e5e8;
	}
		.m-w4 {
			padding: 15px 0 40px;
		}
			.gallery { overflow: hidden; padding: 10px 0 0 15px;}
				.gallery-header {
					display: inline-block;
					font-size: 23px;
					line-height: 23px;
					color: #667790;
					padding: 0 35px 6px 15px;
					background: url(/images/skin/export/gallery-icon.png) no-repeat right top;
				}
				
				.thumb {
					display: block;
					position: relative;
					float: left;
					height: 133px;
					width: 149px;
					margin: 0 7px 7px 0;
					padding: 1px;
					overflow: hidden;
					z-index: 0;
					background: url(/images/skin/export/bg-thumb.png);
					behavior: url(../css3pie/PIE.htc);
				}
					.thumb:hover {
						-webkit-box-shadow: 0px 4px 5px -3px #63738e;
						-moz-box-shadow: 0px 4px 5px -3px #63738e;
						box-shadow: 0px 4px 5px -3px #63738e;
					}
					.thumb img {
						visibility: hidden;
						position: absolute;
						top: 2px;
						left: 2px;
					}
					.thumb .normal-state {
						z-index: 10;
					}
					
					.m-w3
					{
					    display:none;   
					}
/* Other Templates */
					
					
					
					
					.c-w2{display:none;}
					.c-w3{display:none;}
					.illum-items{display:none;}
					#broadcast{display:none;}
					.content-utilities{display:none;}
					.m-w3b{display:none;}
					.corporateWrapper{display:none;}
					.packagingWrapper{display:none;}
					.foodsWrapper{display:none;}
					.automotiveWrapper{display:none;}
					.mediaWrapper{display:none;}
					.broadcastInternalWrapper{display:none;}
					.entertainmentWrapper{display:none;}
					.perdiodicalWrapper{display:none;}
					.homeWrapper{display:none;}


.rounded-img {
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../css3pie/PIE.htc);
	float: right;
	line-height: 0px;
}
	img.rounded-img, img.rounded-bio {}
	
.rounded-bio {
	display: block;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	behavior: url(../css3pie/PIE.htc);
	line-height: 0px;
}




.RadTreeView_Default {}
	#main .RadTreeView_Default ul {
		margin: 0 0 0 -20px;
		padding-bottom: 1px;
		padding-left: 20px;
		overflow: hidden;
		background: url(/images/skin/bg/bg-divider.png) no-repeat 0 bottom;
	}
		#main .RadTreeView ul li {
			float: left;
			list-style: none;
			padding-right: 1px;
			padding-bottom: 0;
		}
			#main .RadTreeView_Default .rtTop { padding: 0;}
			#main .RadTreeView_Default .rtMid { padding: 0;}
			#main .RadTreeView_Default .rtBot { padding: 0;}
			#main .RadTreeView_Default .rtSp {display: none;}
			#main .RadTreeView_Default a.rtIn {
				display: block;
				font-weight: bold;
				margin: 0;
				font-size: 14px;
				line-height: 14px;
				padding: 7px 22px 4px;
				color: #6a7892;
				border: none;
				height: auto;
				background: url(/images/skin/bg/news-tab.png) repeat-x;
				-webkit-border-radius: 4px 4px 0px 0px;
				-moz-border-radius: 4px 4px 0px 0px;
				border-radius: 4px 4px 0px 0px;
				behavior: url(../css3pie/PIE.htc);
			}
				#main .RadTreeView_Default a:hover {
					background-position: 0 -25px;
					border: none;
					color: #ffffff;
				}

/* NEWS */
#main .sf_newsList{margin-left:0px;}

#main .sf_newsList li{list-style:none;}
#main .sf_newsList .overview-header{padding-left:0px;}
#main .over-wrapper .sf_newsList .overview-header{padding-left:18px;}
#main .content-wrapper .sf_newsList .overview-header{ background: none; }
#main .sf_pager li{list-style:none;}
#main .sf_pager{margin-left:0px;}
/* Change 031011 */
#wrapper #main .RadTreeView_Default .selectedItem{background-position: 0 -25px;
					border: none;
					color: #ffffff;}



.bottom-margin-space { margin-bottom: 105px; }