@font-face {
    font-family: 'MirageRegular';
    src: url('../Fonts/Magenta_BBT-webfont.eot');
    src: url('../Fonts/Magenta_BBT-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Magenta_BBT-webfont.woff') format('woff'),
         url('../Fonts/Magenta_BBT-webfont.ttf') format('truetype'),
         url('../Fonts/Magenta_BBT-webfont.svg#MirageRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	background-image: url(../imagesV2/technolizeWeb.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#container {
	width:1660px;
	height:900px;
	overflow: hidden;
}
#intro h1 span, #intro h2 span{ 
	display:none;
	font-family: MirageRegular;
}

#intro #pageHeader {
	position:absolute;
	top: 27px;
	left: -15px;
	width:340px;
	height:84px;
	background-image:url(../imagesV2/images/Header.png);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
	background-repeat: no-repeat;
	background-position: center center;
}
#intro #quickSummary {
	width: 350px;
	position:absolute;
	top: 100px;
	left: 0px;
	-webkit-transform: rotate(-30deg);	
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
h3 {
	width:340px;
	background-repeat: no-repeat;
	background-position: -20px top;
	position: relative;
	height: 20px;
}
h3 span {
	display: none;
}


#intro #preamble {
	width: 600px;
	position:absolute;
	top: 100px;
	left: 0px;
	-webkit-transform: rotate(-30deg);	
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
#preamble h3 {
	background-image: url(../imagesV2/images/preamble.png);
	height: 33px;
	position: relative;
	left: -16px;
	top: 20px;
	background-position: center;
}

#preamble .p1{
	position:relative;
	top: 0px;
	left:-16px;
}
#preamble .p2{
	position:relative;
	top: 0px;
	left:-26px;
}
#preamble .p3{
	position:relative;
	top: 0px;
	left:-48px;
}

#supportingText {
	-webkit-transform: rotate(-30deg);	
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
	position:absolute;
	top: 380px;
	left: 200px;
}
#supportingText #explanation {
	width: 310px;
	position:absolute;
	top: 393px;
	left: 158px;

}
#supportingText #explanation h3 {
	background-image: url(../imagesV2/images/explaination.png);
}

#supportingText #participation {
	width: 400px;
	position:absolute;
	top: 300px;
	left: 500px;
}
#supportingText #participation h3 {
	background-image: url(../imagesV2/images/participation.png);
}

#supportingText #benefits {
	width: 400px;
	position:absolute;
	top: 510px;
	left: 500px;
}
#supportingText #benefits h3 {
	background-image: url(../imagesV2/images/benefits.png);
}
#supportingText #requirements {
	width: 400px;
	position:absolute;
	top: 300px;
	left: 920px;
}
#supportingText #requirements h3 {
	background-image: url(../imagesV2/images/Requirements.png);
}

#supportingText #footer {
	width: 500px;
	position:absolute;
	top: 632px;
	left: 920px;
}
#container #linkList {
	position:absolute;
	top:34px;
	left:-10px;
	-webkit-transform: rotate(60deg);	
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
}
#container #linkList ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#container #linkList ul li{
	margin: 0px;
	padding: 0px;
}
#lselect {
	position:absolute;
	width:300px;
	top:47px;
	left:370px;
}
#lselect .select {
	background-image: url(../imagesV2/images/SelectDesign.png);
}

#larchives {
	position:absolute;
	top:-143px;
	left:809px;
}
#larchives .archives {
	background-image: url(../imagesV2/images/archives.png);
}

#lresources {
	position:absolute;
	top:-143px;
	left:928px;
}
#lresources .resources {
	background-image: url(../imagesV2/images/Resources.png);
}