/* CSS Document */

html, body { width:100%; height: 100%; margin:0px; }

body{ 
	background-color:#344765; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:15px;
	overflow:hidden;
	}
.outer { 
	height:100%;
	width:100%;
}
.inner {
	position:absolute;
	text-align:center; 
	top:50%;
	left:50%;
	margin: 0px auto;
	
	
	background:url(/images/booth2_1024x533.jpg) no-repeat center;
	height:533px;
	width: 1024px;
	margin-top:-266.5px;
	margin-left: -512px;
}

.boothheader
{
	display: flex;
	position:absolute;
	top: 15px;
	left:163px;
	height:160px;
	max-height:160px;
	width:697px;
}

.boothheader_inner
{
	margin: auto;
	font-weight:bold;
	font-size:13px;
	line-height:17px;
}
.boothheader_inner img { height:130px; }
	
.sidebar
{
	position: absolute;
	display:flex;
	background-color: #ccc;
	opacity: 0.8;
	
	top: 240px;
	left: 115px;
	height: 206px;
	width: 137px;
}

.sidebar_inner
{
	margin:auto;
	font-size:11px;
	line-height:13px;	
}

.sidebar ul { text-align:left;list-style:none; margin-left:5px; padding-left:15px; }
.sidebar a { text-decoration:underline; color:blue; }
.sidebar a:visited { color:blue; }

.sidebar ul li { margin:10px 0px; padding-left:10px; }
.sidebar .listicon { width:12px; height:12px; margin-right:5px; margin-left:-17px; }

.podium
{
	display: flex;
	position: absolute;
	top: 366px;
	left: 348px;
	height:92px;
	width: 78px;
	
}
.podium_inner {
	margin: auto;
	font-weight:bold;
	font-size:15px;	
}
.podium_inner a { text-decoration:underline; color: #000; }

#companyoverview { height:420px; }
.pdfFrame { height: 410px; }

#modal-content
{
	overflow:auto;
	text-align: left;
	top: 25px;
	left: 112px;
	width: 800px;
	max-width:800px;
	height:450px;	

}

.bottomnav {
	display: flex;
	position: absolute; 
	top:483px;
	left: 447px;
	height:30px;
	width: 130px;
	background-color:#666;
}
.bottomnav_inner
{
	margin: auto;
	
	font-size:14px; 
	font-weight: bold;
	line-height:30px;
	text-align:center;
}
.bottomnav_inner a
{
	color: #FFFFFF;	
}

#video 
{
	position: absolute;
	display:flex;
	top: 234px;
	left: 532px;
	height: 158px;
	width: 254px;
	background-color:#000;	
}

#video_inner
{
	margin:auto;
	height:100%;
	width:100%;
}

#video_nextprevious
{
	position: absolute;
	top:405px;
	left: 620px;
	height:32px;
	width: 80px;
}
#video_nextprevious img { margin: 0px 2px; height:20px; width:20px; }

@media only screen and (min-width: 1366px) and (max-width: 1439px)  {
	.inner {

		background:url(/images/booth2_1366x711.jpg) no-repeat center;
		height:711px;
		width: 1366px;
		margin-top:-355.5px;
		margin-left: -683px;
	}
	
	.boothheader
	{
		top: 30px;
		left:220px;
		height:180px;
		max-height:180px;
		width:925px;
	}
	
	.boothheader_inner
	{
		font-size:13px;
		line-height:17px;
	}
	.boothheader_inner img { height:180px; }
		
	.sidebar
	{
		top: 317px;
		left: 152px;
		height: 280px;
		width: 189px;
	}
	
	.sidebar_inner
	{
		font-size:16px;
		line-height:20px;	
	}
	
	.sidebar ul { text-align:left;list-style:none; margin-left:5px; padding-left:15px; }
	
	.sidebar ul li { margin:10px 0px; padding-left:10px; }
	.sidebar .listicon { width:12px; height:12px; margin-right:5px; margin-left:-17px; }
	
	.podium
	{
		top: 490px;
		left: 465px;
		height:120px;
		width: 103px;
		
	}
	.podium_inner {
		margin: auto;
		font-weight:bold;
		font-size:18px;	
	}

	
	#companyoverview { height:580px; }
	.pdfFrame { height: 570px; }
	
	#modal-content
	{
		width: 1000px;
		height:600px;	
		text-align: left;
		max-width:1000px;
		overflow:auto;
		
		top: 25px;
		left: 183px;
	}
	
	.bottomnav {
		display: flex;
		position: absolute; 
		top:644px;
		left: 618px;
		height:30px;
		width: 130px;
		background-color:#666;
	}
	.bottomnav_inner
	{
		margin: auto;
		
		font-size:14px; 
		font-weight: bold;
		line-height:30px;
		text-align:center;
	}
	.bottomnav_inner a
	{
		color: #FFFFFF;	
	}
	
	#video 
	{
		position: absolute;
		
		top: 314px;
		left: 708px;
		height: 211px;
		width: 338px;	
	}
	
	#video_nextprevious
	{
		position: absolute;
		top:534px;
		left: 830px;
		height:32px;
		width: 100px;
	}
	#video_nextprevious img { margin: 0px 2px; height:24px; width:24px; }
		
	
}

@media only screen and (min-width: 1440px) and (max-width: 1919px)  {
	.inner {

		background:url(/images/booth2_1440x750.jpg) no-repeat center;
		height:750px;
		width: 1440px;
		margin-top:-375px;
		margin-left: -720px;
	}
	
	.boothheader
	{
		top: 35px;
		left:230px;
		height:180px;
		max-height:180px;
		width:980px;
	}
	
	.boothheader_inner
	{
		font-size:13px;
		line-height:17px;
	}
	.boothheader_inner img { height:180px; }
		
	.sidebar
	{
		top: 339px;
		left: 162px;
		height: 292px;
		width: 195px;
	}
	
	.sidebar_inner
	{
		font-size:16px;
		line-height:20px;	
	}
	
	.sidebar ul { text-align:left;list-style:none; margin-left:5px; padding-left:15px; }
	
	.sidebar ul li { margin:10px 0px; padding-left:10px; }
	.sidebar .listicon { width:12px; height:12px; margin-right:5px; margin-left:-17px; }
	
	.podium
	{
		top: 519px;
		left: 491px;
		height:125px;
		width: 108px;	
	}
	.podium_inner {
		font-size:18px;	
	}

	
	#companyoverview { height:680px; }
	.pdfFrame { height: 670px; }
	
	#modal-content
	{
		width: 1000px;
		height:700px;	
		max-width:1000px;
		
		top: 25px;
		left: 183px;
	}
	
	.bottomnav {
		top:679.5px;
		left: 645px;
		height:40px;
		width: 150px;
	}
	.bottomnav_inner
	{
		font-size:16px; 
		font-weight: bold;
		line-height:40px;
	}

	
	#video 
	{
		top: 330px;
		left: 747px;
		height: 223px;
		width: 356px;	
	}
	
	#video_nextprevious
	{
		top:567px;
		left: 875px;
		height:32px;
		width: 100px;
	}
	#video_nextprevious img { margin: 0px 2px; height:24px; width:24px; }
	
		
}

@media screen and (min-width: 1920px) {
	.inner {

		background:url(/images/booth2_1920x1000.jpg) no-repeat center;
		height:1000px;
		width: 1920px;
		margin-top:-500px;
		margin-left: -960px;
	}
	
	.boothheader
	{
		top: 41px;
		left:309px;
		height:257px;
		max-height:257px;
		width:1304px;
	}
	
	.boothheader_inner
	{
		font-size:13px;
		line-height:17px;
	}
	.boothheader_inner img { height:257px; }
		
	.sidebar
	{
		top: 450px;
		left: 215px;
		height: 386px;
		width: 262px;
	}
	
	.sidebar_inner
	{
		font-size:20px;
		line-height:26px;	
	}
	
	.sidebar ul { text-align:left;list-style:none; margin-left:25px; padding-left:15px; }
	
	.sidebar ul li { margin:10px 0px; padding-left:10px; }
	.sidebar .listicon { width:18px; height:18px; margin-right:5px; margin-left:-22px; }
	
	.podium
	{
		top: 686px;
		left: 657px;
		height:163px;
		width: 138px;	
	}
	.podium_inner {
		font-size:22px;	
	}

	
	#companyoverview { height:780px; }
	.pdfFrame { height: 770px; }
	
	#modal-content
	{
		width: 1000px;
		height:800px;	
		max-width:1000px;
		
		top: 100px;
		left: 460px;
	}
	
	.bottomnav {
		top:906px;
		left: 872.5px;
		height:40px;
		width: 175px;
	}
	.bottomnav_inner
	{
		font-size:18px; 
		font-weight: bold;
		line-height:40px;
	}

	
	#video 
	{
		top: 441px;
		left: 996px;
		height: 295px;
		width: 477px;
		background-color:#000;	
	}
	
	#video_nextprevious
	{
		top:753px;
		left: 1185px;
		height:32px;
		width: 100px;
	}
	#video_nextprevious img { margin: 0px 2px; height:24px; width:24px; }
		
	
}