@charset "utf-8";


	body 
	{
	  text-align: Left;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 14px;
	  color:#666;
	  line-height: 1.4;
	  
	  margin:0;
	}
	
	
/*Header--------------------- */
	#MainHeader	{
		width: 100%;
		height: 528px;
		background-image:url(img/header-bg.png);
	}
	
	#InteriorHeader	{
		width: 100%;
		height: 288px;
		background-image:url(img/interior-header-bg.png);
	}
	
	#MainHeaderBanner {
		width: 1368px;
		height:528px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(img/header-banner.jpg);
 		background-repeat:no-repeat;
		
	}
	
	#BannerMain img {
		width:auto;
		height:auto;
		padding:16px;
		margin-bottom:32px;
		border: solid thin #8A8A8A;
		box-shadow: 3px 3px 5px #888888;
	}
	
	#InteriorHeaderBanner {
		width: 990px;
		height:288px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(img/interior-header-banner.jpg);
 		background-repeat:no-repeat;
		cursor:pointer;
		
	}
	
	#MainMenuBg {
		width:100%;
		height:160px;
		background-color:#fbfbfb;
	}
	
	#InteriorMenuBg {
		width:100%;
		height:160px;
		background-color:#f0f1f1;
	}

	#MainMenu {
		width:990px;
		height:160px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fbfbfb;
		text-align:center;
	}
	
	#InteriorMenu {
		width:990px;
		height:160px;
		margin-left:auto;
		margin-right:auto;
		background-color:#f0f1f1;
		text-align:center;
	}
	
	
	a:hover {
		opacity: 0.5;
		filter: alpha(opacity=50); /* For IE8 and earlier */
		text-align: center;
	}
	
	#Content {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
	
	.LeftColumn {
	float: left;
	width: 608px;
	padding-top: 8px;
	padding-right: 64px;
	text-align: left;
	}
	
	.RightColumn {
		float:left;
		width:315;
		background-color:#ececec;
	}
	
	.RightColumnTitle {
		float:left;
		width:283px;
		padding-left:16px;
		padding-right:16px;
		padding-top:8px;
		padding-bottom:8px;
		background-color:#000000;
		text-align:center;
		font-size: 22px;
		color:#FFFFFF;
		margin:0px;
	}
	
	.RightColumnContent {
		width:283;
		padding:16px;
	}
	
	.Thumbnail {
		box-shadow: 3px 3px 3px #666;
		border-radius: 4px;
		border-color:#FFFFFF;
		border-width:8px;
		border-style:solid;
	}
	
	#Footer {
		float:left;
		width: 100%;
		height:256px;
		padding-top:16px;
 		background-color: #333333;
		text-align:center;
	}
	
	.Volume-Item {
		float:left;
		margin-right:16px;
	}
	
	.Volume-New {
		position: relative; 
		left:136px; 
		top:-258px;
		width:57px;
		height:57px;
		background-image:url(img/flag-new.png);
	}
	
	
	#Volume-Left-Col {
		float:left;
		width:240px;
		
	}
	
	#Volume-Right-Col {
		float:left;
		width:708px;
		padding-left:32px;
   		border-left: solid thin #000000;
	}
	
	.Volume-Description {
		margin-bottom:32px;
		width:650px;
	}
	
	.clear {
    	clear: both;
	}
	
	.Volume-purchase-button {
		margin-left: auto;
    	margin-right: auto;
   		width: 400px;
	}

	.Volume-Subtitle {		
		margin-top:80px;
		margin-bottom:32px;
		background-color:#CBCBCB;
		width:650px;
		height:32px;
		padding-left:8px;
		text-align: Left;
	  	font-family: Arial, Verdana, Helvetica, sans-serif;
	  	font-size: 22px;
	  	color:#000000;
	}
	
	.Spacer-32 {
		height:32px;
		width:16px;
	}
	
	.Airport-Diagram {
		float:left;
		width: 186px;
		height: 270px;
		margin-right:48px;
		border: solid thin #000000;
		box-shadow: 3px 3px 5px #888888;
	}
	
	.Bar-ICAO {
		background-color:#000000;
		width: 178px;
		height: 24px;
		padding-left:8px;
		padding-top:4px;
		color:#FFFFFF;
	}
	
	.Bar-Airport-Name {
		color:#000000;
		background-color:#898989;
		width: 178px;
		height: 48px;
		padding-left:8px;
		padding-top:4px;
	}
	
	.Volume-Screenshot {
		float:left;
		margin-bottom:32px;
		width: 658px;
		height: 502px;
		border: solid thin #8A8A8A;
		box-shadow: 3px 3px 5px #888888;
	}
	
	
	
	.Volume-Screenshot-img {
		margin-left:16px;
		margin-top:16px;

	}
	
	
	.Volume-Video {
		float:left;
		margin-bottom:32px;
		width: 658px;
		height: 370px;
		border: solid thin #8A8A8A;
		box-shadow: 3px 3px 5px #888888;
	}
	
	
	
	
	
	
	
/* Text --------------------------------------- */
	.Title {
		text-align: Left;
	  	font-family: Verdana, Arial, Helvetica, sans-serif;
	  	font-size: 32px;
	  	color:#f26522;
		margin:0px;
	}
	
	.TitleProduct {
	text-align: Left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	color: #f26522;
	margin: 0px;
	}
	
	.SubTitleProduct {
		text-align: Left;
	  	font-family: Arial, Verdana, Helvetica, sans-serif;
	  	font-size: 14px;
	  	color:#ececec;
		margin:0px;
	}
	
	.SpecialNote {
		text-align: Left;
	  	font-family: Arial, Verdana, Helvetica, sans-serif;
	  	font-size: 14px;
	  	color:#f26522;
		margin:0px;
	}
	
	.NoteRed {
		text-align: Center;
	  	font-family: Arial, Verdana, Helvetica, sans-serif;
	  	font-size: 14px;
	  	color:#ffffff;
		background-color:#FF0004;
		padding:8px;
	}
	
	.NoteRed:hover {
		opacity: 0.5;
		filter: alpha(opacity=50); /* For IE8 and earlier */
	}
	
	
	.FooterLink {
		font-size: 14px;
		color:#ececec;
	}
	
	.FooterLink:hover {
		color:#fff;
	}
	
	.FooterLink:visited {
		color:#666;
	}
	
	
