html,
body
{
  padding: 0;
  margin: 0;
}

/* hide horizontal scrollbars, since we use the vertical ones to scroll to the right */
body
{
  overflow-x: hidden;
}

.red	{	color: #bc251d;	}

.scroll
{
	position: fixed;
	top: 0;  
	margin: 0 auto;
}

.horizon	{	z-index: 1;	}
.middle		{	z-index: 500;	}
.front		{	z-index: 1000;	}

.s1	{	width: 5500px;	}
.s2	{	width: 6000px;	}
.s3	{	width: 7300px;	}
.s4	{	width: 7800px;	}
.s5	{	width: 7000px;	}
.s6	{	width: 7500px;	}


.horizon_page1 	{	position: absolute;	top: 232px;	left: 0px;		width: 300px;	height: 135px; border: 2px dashed #bc251d;	border-top-right-radius: 15px;	border-bottom-left-radius: 15px;	}
.middle_page1	{	position: absolute;	top: 400px;	left: 200px;	width: 300px;	height: 135px; border: 2px dashed #bc251d;	border-top-right-radius: 15px;	border-bottom-left-radius: 15px;	}
.front_page1	{	position: absolute;	top: 568px;	left: 400px;	width: 300px;	height: 135px; border: 2px dashed #bc251d;	border-top-right-radius: 15px;	border-bottom-left-radius: 15px;	}

.horizon_page2 	{	position: absolute;	top: 232px;	left: 800px;	width: 700px;	height: 471px;	}
.middle_page2	{	position: absolute;	top: 370px;	left: 900px;	}
.front_page2	{	position: absolute;	top: 550px;	left: 1082px;	width: 1000px;	}

.horizon_page3 	{	position: absolute;	top: 232px;	left: 2200px;	width: 700px;	height: 471px;	}
.middle_page3	{	position: absolute;	top: 370px;	left: 2300px;	}
.front_page3	{	position: absolute;	top: 550px;	left: 2482px;	width: 1000px;	}

.horizon_page4 	{	position: absolute;	top: 232px;	left: 3700px;	width: 700px;	height: 471px;	}
.middle_page4	{	position: absolute;	top: 370px;	left: 3800px;	}
.front_page4	{	position: absolute;	top: 550px;	left: 3982px;	width: 1000px;	}

.horizon_page5 	{	position: absolute;	top: 232px;	left: 4700px;	width: 700px;	height: 471px;	}
.middle_page5	{	position: absolute;	top: 370px;	left: 4800px;	}
.front_page5	{	position: absolute;	top: 550px;	left: 4982px;	width: 1000px;	}


.boxicon		{	position: absolute;	top: 15px;	left: 60px;	}
.boxlabel 		{	position: absolute;	left: 110px;	top: 20px;	font-family: Calibri;	font-size: 20px;	}
.boxtext 		{	position: absolute;	margin: 65px;	top: 0px;	font-family: Calibri;	font-size: 13px;	text-align: center;	}

.projectbox						{	position: absolute; top: 0px;	left: 0px;	width: 1000px;	}
.projectbox > .projecticon		{	position: absolute;	top: 15px;	left: 145px;	}
.projecticon > img				{	width: 350px;	height: auto;	}
.projectbox > .projecticonfpv	{	position: relative;	top: 5px;	left: 510px;	z-index: 10000;	}
.projecticonfpv > img			{	width: 32px;	height: auto;	padding-right: 10px;	}
.iconshortname					{	left: 415px !important;	}

.projectbox > .projectlabel		{	position: absolute;	top: 45px;	left: 30px;	font-family: Calibri;	font-size: 30px;	border-left: 3px double #bc251d;	color: #5f707a;	padding: 0 0 0 15px;	}
.projectbox > .projectinfo		{	width: 320px;	font-family: Calibri;	font-size: 13px;	float: left;	padding: 0 20px 0 0;	}
.projectbox > .projectpic		{	float: left; padding: 20px;	} 

.projecttext					{	width: 600px !important;	} 

.projectpic:hover  > p			{	opacity:1;	visibility: visible;	}
.projectpic > p 					{	background-color: #bc251d;	border: 3px solid #fff;	border-top-right-radius: 15px;	border-bottom-left-radius: 15px;  color: #fff;  font-family: Lucida Console;  font-size: 9px;  height: 32px;  left: 165px;  margin: 0;  
									filter:alpha(opacity=0);	opacity:0;	-moz-opacity:0;	-khtml-opacity:0;	-opera-opacity:0;  padding: 4px 0 0;  position: relative;  text-align: center;
									top: -300px;  width: 128px;	transition: opacity 1.5s ease-out 0.5s; visibility: hidden; }
.projectpic > img				{	width: 128px;	height: auto;	border: 2px dashed #bc251d;	-moz-border-radius: 15px;	-webkit-border-radius: 15px;	border-top-right-radius: 15px;	border-bottom-left-radius: 15px;	padding: 3px;	}							
.projectpic > p > img			{	width: 20px;	height: auto;	}


img.zoom {
	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;
}
img.zoom:hover {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(4.0, 4.0);
	-moz-transform: scale(4.0, 4.0);
	-webkit-transform: scale(4.0, 4.0);
	-o-transform: scale(4.0, 4.0);
	-ms-transform: scale(4.0, 4.0);
}