/*
 * Contact ian{dot}dunn{at}mpangodev{dot}com with any questions about this or other parts of the landing page
 */
 
/* YUI Reset v2.8.1 -- http://developer.yahoo.com/yui/reset/ */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

/* YUI Base v2.8.1 -- http://developer.yahoo.com/yui/base/ */
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

/* AnythingSlider -- http://css-tricks.com/anythingslider-jquery-plugin */
div.anythingSlider{width:960px;height:500px;margin:0 auto}div.anythingSlider .thumbNav a.cur,div.anythingSlider .thumbNav a{background:#777;color:#000}div.anythingSlider .anythingWindow{border-top:3px solid #777;border-bottom:3px solid #777}div.anythingSlider .start-stop{background-color:#040;color:#fff}div.anythingSlider .start-stop.playing{background-color:#800}div.anythingSlider .start-stop:hover,div.anythingSlider .start-stop.hover{color:#ddd}div.anythingSlider.activeSlider .anythingWindow{border-color:#7C9127}div.anythingSlider.activeSlider .thumbNav a.cur,div.anythingSlider.activeSlider .thumbNav a{background-color:#7C9127}div.anythingSlider .start-stop{background-color:#080;color:#fff}div.anythingSlider .start-stop.playing{background-color:#d00}div.anythingSlider .start-stop:hover,div.anythingSlider .start-stop.hover{color:#fff}div.anythingSlider .anythingWindow{overflow:hidden;position:relative;width:100%;height:100%}div.anythingSlider{position:relative;padding:0 45px 28px 45px}ul.anythingBase{background:transparent;list-style:none;position:absolute;top:0;left:0;margin:0;padding:0}ul.anythingBase li.panel{background:transparent;display:block;float:left;padding:0;margin:0}div.anythingSlider .arrow{top:50%;position:absolute;display:block}div.anythingSlider .arrow a{display:block;height:120px;margin:-60px 0 0 0;width:45px;text-align:center;outline:0;background:url(images/anything-slider/arrows-default.png) no-repeat;text-indent:-9999px}div.anythingSlider .forward{right:0}div.anythingSlider .back{left:0}div.anythingSlider .forward a{background-position:0 -40px}div.anythingSlider .back a{background-position:-88px -40px}div.anythingSlider .forward a:hover,div.anythingSlider .forward a.hover{background-position:0 -240px}div.anythingSlider .back a:hover,div.anythingSlider .back a.hover{background-position:-88px -240px}div.anythingSlider .anythingControls{outline:0}div.anythingSlider .thumbNav{margin:0}div.anythingSlider .thumbNav li{display:inline}div.anythingSlider .thumbNav a{font:11px/18px Georgia,Serif;display:inline-block;text-decoration:none;padding:2px 8px;height:18px;margin:0 5px 0 0;background-image:url(images/anything-slider/cellshade.png);background-repeat:repeat-x;text-align:center;outline:0;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px}div.anythingSlider .thumbNav a:hover{background-image:none}div.anythingSlider.rtl .thumbNav a{float:right}div.anythingSlider.rtl .thumbNav{float:left}  div.anythingSlider .start-stop{background-image:url(images/anything-slider/cellshade.png);background-repeat:repeat-x;background-position:center top;padding:2px 5px;width:40px;text-align:center;text-decoration:none;float:right;z-index:100;outline:0;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px}div.anythingSlider .start-stop:hover,div.anythingSlider .start-stop.hover{background-image:none}div.anythingSlider,div.anythingSlider .anythingWindow,div.anythingSlider .thumbNav a,div.anythingSlider .arrow a,div.anythingSlider .start-stop{transition-duration:0;-o-transition-duration:0;-moz-transition-duration:0;-webkit-transition-duration:0}

/* Hyjack Select v1.1.2 -- http://frontensemble.com/hyjack/ */ 
.hjsel_select{border:solid 1px #e0e0e0;border-top:solid 1px #abadb3;background:#fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}.hjsel_txtbox{border:solid 1px #fff;margin-left:2px;}.hjsel_options{display:none;position:absolute;z-index:1;background:#fff;border:solid 1px #888;border-color:#888 #000 #000 #888;border-width:1px 1px 1px 2px;}.hjsel_options ul{margin:0;padding:0;}.hjsel_options li{list-style:none;padding:0 3px;}.hjsel_options_hover{background:Highlight;color:HighlightText;cursor:pointer;}.hjsel_ddImage{cursor:pointer;margin-bottom:2px;}.hjsel_ddCancel{cursor:pointer;margin:0 5px 1px 0;}


/*
 * Global
 */
html, body
{
	background-color: #e8ebef;
	margin: 0;
	text-align: center;
	font-size: 68%;
	line-height: 75%;
	font-family: "Calibri", "Lucida Sans Unicode", sans-serif;
}

/*
 * Header
 */
#header
{
	width: 768px;
	margin: 60px auto 0 auto;
	background-color: white;
	padding: 15px 15px 15px 18px;
	border-bottom: 4px solid #e54c7c;
	overflow: auto;
}

	#logo
	{
		float: left;
		border: none;
	}
	
	#tag
	{
		position: relative;
		top: 14px;
		float: right;
		margin: 0;
		color: #85878a;
		font-size: 2.8em;
		line-height: 2.2em;
		font-weight: bold;
		text-transform: uppercase;
	}
 
 
/*
 * Map
 */
#map
{
	position: relative;
	width: 801px;
	height: 368px;
	margin: 0 auto;
	background-image: url(images/map/map-background.jpg);
	background-repeat: none;
	font-size: 1.6em;
	line-height: 1.4em;
	overflow: hidden;
}

	#region-list
	{
		position: absolute;
		z-index: 30;
		top: 0;
		right: 10px;
		margin: 0;
	}
	
		#region-list li
		{
			float: left;
			width: 95px;
			list-style-type: none;
			margin-right: 4px;
			padding: 0;
			text-align: center;
			color: white;
			text-transform: uppercase;
			font-weight: bold;
		}
		
			#region-list li:first-child
			{
				width: 130px;
				padding-top: 5px;
				text-align: left;
				color: #e54c7c;
				background-color: transparent;
			}
				
				
	/* Region dropdowns (standard select) */
	#dropdown-list
	{
		position: absolute;
		z-index: 30;
		top: 25px;
		right: 13px;
		margin: 0;
		color: #37372d;
		font-size: .9em;
		font-weight: bold;
	}
	
		#dropdown-list li
		{
			float: left;
			list-style-type: none;
			margin-left: 3px;
		}
		
			#dropdown-list li:first-child
			{
				width: 130px;
				text-align: left;
				padding-top: 3px;
				color: #e54c7c;
				text-transform: uppercase;
				font-size: 1.1em;
				font-weight: bold;
			}
	
			#dropdown-list li select
			{
				width: 96px;
			}
			
	/* Region dropdowns (hyjack select) */
	img.hjsel_ddCancel
	{
		width: 7px;
		height: 7px;
	}
	
	.hjsel_container
	{
		position: relative;
		width: 96px !important;
	}
	
		.hjsel_options
		{
			position: absolute;
			left: 0;
			width: 93px !important;
			height: 160px;
			overflow: auto;
			overflow-x: hidden;
		}
		
			.hjsel_options ul
			{
				text-align: left;
			}
			
				.hjsel_options ul li
				{
					float: none !important;
					padding: 0 !important;
				}
		
	/* Hover overlays */
	.region-cover
	{
		position: absolute;
		z-index: 10;
	}
	
		#americas-cover-1
		{
			top: 20px;
			left: 0;
			width: 255px;
			height: 135px;
		}
		
		#americas-cover-2
		{
			top: 155px;
			left: 0;
			width: 270px;
			height: 38px;
		}
		
		#americas-cover-3
		{
			bottom: 0;
			left: 110px;
			width: 195px;
			height: 175px;
		}
		
		#europe-cover-1
		{
			top: 25px;
			left: 255px;
			width: 540px;
			height: 144px;
		}
		
		#europe-cover-2
		{
			bottom: 0;
			left: 330px;
			width: 215px;
			height: 200px;
		}
		
		#asia-cover-1
		{
			bottom: 122px;
			right: 104px;
			width: 145px;
			height: 110px;
		}

		#au-cover-1
		{
			bottom: 43px;
    right: 91px;
    width: 94px;
    height: 61px;
		}
	
	#americas-hover
	{
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	
	#europe-hover
	{
		position: absolute;
		top: 0;
		right: 0;
		display: none;
	}
	
	#asia-hover
	{
		position: absolute;
		bottom: 0;
		right: 0;
		display: none;
	}

	#au-hover
	{
		position: absolute;
		bottom: 0;
		right: 0;
		display: none;
	}
	
	.region-title
	{
		position: absolute;
		display: none;
		text-transform: uppercase;
		font-size: .9em;
		line-height: .9em;
		color: white;
		font-weight: bold;
	}
	
		#americas-title
		{
			top: 157px;
			left: 115px;
		}
		
		#europe-title
		{
			top: 125px;
			left: 445px;
		}
		
		/*
		#europe-title-africa
		{
			display: block;
			top: 235px;
			left: 380px;
		}
		
		#europe-title-middle-east
		{
			display: block;
			top: 215px;
			left: 455px;
		}
		*/
		
		#asia-title
		{
			top: 163px;
			right: 180px;
		}
	
	/* Points */
	.map-point
	{
		position: absolute;
		padding: 10px;
		z-index: 20;
	}
		
		#cincinnati-point
		{
			top: 155px;
			left: 178px;
		}
		
		#burlington-point
		{
			top: 135px;
			left: 188px;
		}
		
		#vlaardingen-point
		{
			top: 122px;
			left: 371px;
		}
		
		#shanghai-point
		{
			top: 166px;
			right: 150px;
		}
		
		#ulsan-point
		{
			top: 158px;
			right: 127px;
		}

			#au-point
		{
			    top: 303px;
    right: 93px;

		}
				#cn-point
		{
			    top: 175px;
            right: 149px;
		}
	
	/* Point titles */
	.point-title
	{
		position: absolute;
		display: none;
		padding: 1px 3px 1px 2px;
		background-color: white;
		font-size: 1em;
		line-height: 1em;
		font-weight: bold;
		text-align: left;
	}
	
		#cincinnati-title
		{
			top: 150px;
			left: 210px;
		}
		
		#burlington-title
		{
			top: 130px;
			left: 220px;
		}
		
		#vlaardingen-title
		{
			top: 125px;
			left: 395px;
		}
		
		#shanghai-title
		{
			top: 185px;
			right: 60px;
		}
		
		#ulsan-title
		{
			top: 162px;
			right: 35px;
		}

			#au-title
		{
			    top: 315px;
    right: 119px;
    z-index: 9;
		}

			#cn-title
		{
			top: 185px;
    right: 79px;
		}
		
/*
 * Footer
 */
#footer
{
	width: 781px;
	margin: 0 auto 20px auto;
	padding: 15px 5px 18px 15px;
	overflow: auto;
	background-color: #e54c7c;
	color: white;
	text-align: left;
	font-size: 1.8em;
	line-height: 1.1em;
}

	#footer h2, #footer h3
	{
		margin: 0 0 3px 0;
	}
	
	#footer p
	{
		margin: 0 0 3px 0;
	}

	div.anythingSlider
	{
		position: absolute;
		float: left;
		padding: 0;
	}
		
		div.anythingWindow
		{
			border-top: none !important;
			border-bottom: none !important;
		}
		
			#image-slider
			{
				float: left;
				width: 280px;				
				
				margin: 0 auto !important;
			}
			
				#image-slider li
				{
					display: none;
					list-style-type: none;
					overflow: auto;
				}
				
					#image-slider li:first-child
					{
						display: block;
					}
					
					#image-slider li img
					{
						float: left;
						margin-right: 8px;
					}
				
					#image-slider li div
					{
						float: right;
						width: 110px;
					}
					
						#image-slider li div h3
						{
							font-size: 1em;
						}
				
				li.panel
				{
					min-width: 280px;
					min-height: 116px;
				}
		
		div.anythingControls
		{
			position: absolute;
			bottom: -20px;
			left: 37px;
		}
		
			a.start-stop
			{
				display: none;
			}
			
			ul.thumbnav
			{
				width: auto;
			}

				div.anythingSlider .thumbNav a, div.anythingSlider .thumbNav a:hover 
				{
					background-image: url(images/slider/slider-dot.png);
					background-position: center center;
					background-repeat: no-repeat;
					height: 6px;
					width: 6px;
					margin:0 3px;
					padding: 5px 4px;
					font-size: 0;
				}

				div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a
				{
					background-image: url(images/slider/slider-dot.png);
					background-repeat: no-repeat;
				}

				div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a 
				{
					background-color: transparent;
				}

				div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a.cur:hover, div.anythingSlider .thumbNav a.cur:hover
				{
					background-image: url(images/slider/slider-dot-highlighted.png);
					background-position: center center;
					background-repeat: no-repeat;
				}
	#copy
	{
		float: right;
		width: 455px;
		margin-left: 25px;
	}
	
		#copy ul
		{
			margin-left: 5px;
		}
	
			#copy ul li
			{
				width: 200px;
				float: left;
				margin-left: 15px;
			}