@charset "utf-8";
@font-face {
font-family: 'Egyptienne';
font-weight:normal;
src: url('fonts/egyptienne.eot');
src: local("Egyptienne medium"), local("UWEgyptienne"), url('fonts/Egyptienne.TTF') format('truetype');
}
@font-face {
font-family: 'Univers-bold';
src: url('fonts/univerb.eot');
src: local('Univers Bold'), url('fonts/univerb.TTF') format('truetype');
}
@font-face {
font-family: 'Univers';
src: url('fonts/univer.eot');
src: local('Univers'), url('fonts/univer.TTF') format('truetype');
}
.egyptienne {
	font-family:'Egyptienne';
}
.unversbold {
	font-family:'Univers-bold';
}
.unvers {
	font-family:'Univers';
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, li, a, p {
	font-weight:normal;
	text-decoration:none;
	list-style: none;
	outline:none;
}
h1 {
	z-index:800;
	font-family: Egyptienne, Helvetica, Arial, sans-serif;
	line-height:71px;
	font-size:80px;
	font-weight:normal;
	letter-spacing:-3px;
	color:#FFFFFF;
	position:relative;
}
.info h2 {
	border-bottom-style:dotted;
	border-color:#FFFFFF;
	border-bottom-width:1px;
	padding-bottom: 19px;
	z-index:800;
	margin: -44px 22px 0px 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding-top:0px;
	line-height:24px;
	font-size:22px;
	letter-spacing:-1px;
	color:#FFF;
	position:relative;
}
.textblock h2 {
	margin: -44px 0px 05px 0px;
	padding-top:44px;
}
h3 {
	display:inline;
	font-family: Helvetica, Arial, sans-serif;
	font-size:40px;
}
h3 span {
	font-size:18px;
	display:inline;
	line-height:50px;
	height:50px;
	top:-7px;
	margin-left:10px;
	margin-right:10px;
	position:relative;
}
h3 span a {
	color:#000;
	text-decoration:underline;
}
h3 span a:hover {
	color:#00b3ce;
}
h3 span a:active {
	color:#00b3ce;
}
p {
	z-index:500;
	font-family: Helvetica, Arial, sans-serif;
	margin-top:0px;
	padding-top:0px;
	line-height:23px;
	font-size:17px;
	letter-spacing:0px;
	color:#FFFFFF;
	position:relative;
}
p a {
	color:#00b3ce;
}
p a:hover {
	color:#c1242a;
}
p a:active {
	color:#c1242a;
}
#nav li a, #nav li.navheader span {
	font-family:Egyptienne, Helvetica, Arial, sans-serif;
	height:25px;
	line-height:25px;
	font-size:16px;
	padding:0px 8px;
	margin-bottom:1px;
	left:11px;
}
#nav li.navheader span {
	color:#00b3ce;
	background-color:#000;
	margin-top:20px;
}
#nav li a.active {
	color:#000;
	background-color:#fff;
}
#nav li a, #nav li a.hover:hover, #nav li a:active {
	color:#000;
	background-color:#00b3ce;
}
#nav li a:visited {
}
img {
	border-style: none;
}
body {
	background-color:#000;
}
#page {
	position:absolute;
	left:0px;
	top:0px;
	background-color:#000;
}
#header {
	position:fixed !important;
	position:relative;
	z-index:55;
	left:14px;
	top:23px;
	float:left;
	z-index:1000;
}
.proimg img {
	position:relative;
	min-width:1000px;
	width:100%;
	max-width:100%;
	height:auto;
	max-height:1000px;
}
.proimg {
	position:relative;
	min-height:700px;
	height:100%;
	line-height:0px;
	max-height:1000px;
}
.relative {
}
.info {
	z-index:700;
	width:58%;
	margin: 0px auto 0px auto;
	padding: 5px 0px 40px 0px;
	position:absolute;
	min-width:615px;
	top:50%;
	margin-left:26%;
	margin-top:-230px;
	border-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:6px;
}

.video {
	z-index:4;
	
	margin: 0px auto 0px auto;
	padding: 5px 0px 40px 0px;
	position:absolute;
	min-width:615px;
	top:50%;
	margin-left:50%;
	margin-top:-230px;
    width:100%;
}
.videoin { position:relative;

margin-left:-285px;}
.info h1 {
	padding-left:20px;
	padding-top:30px;
	padding-bottom:15px;
	border-top-style:solid;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	border-color:#FFFFFF;
	border-top-width:6px;
	position:relative;
}
.textblock {
	margin-top:30px;
	background: url('images/blackbg.png') repeat;

	position:relative;
	padding:23px 23px 29px 20px;
}
.details {
	margin-top:60px;
	background: url('images/blackbg.png') repeat;

	padding:16px 0px 26px 0px;
	float:left;
	min-height:62px;
	position:relative;
	height:auto;
}
.clear {
	clear:both;
}
.details p {
	margin:0px 22px 0px 20px;
	padding-top:5px;
}
.client {
	margin-right:2px;
	width:44%;
}
.aim {
	margin-right:2px;
	width:32%;
}
.produced {
	width:23%;
}
.title {
	position:absolute;
	bottom:10%;
	left:250px;
	background: url(images/titlebg.png) repeat;

	height:50px;
	line-height:50px;
	font-family: Univers, Helvetica, Arial, sans-serif;
	color:#000;
	padding:0px 10px;
	overflow:hidden;
	z-index:400;
}
.firstarrow, .right {
	right:0px;
	text-align:right;
}
.right {
	padding-right:10%;
	width:25%;
    z-index:101;
}
.left {
	width:25%;
	padding-left:250px;
	left:0px;
	top:0px;
    z-index:101;
}
.firstarrow, .arrow {
	display:block;
	height:100%;
	font-size:120px;
	line-height:120px;
	letter-spacing:-5px;
	color:#00b3ce;
	z-index:101;
	font-family: Egyptienne, Arial, Helvetica, sans-serif;
	position:absolute;
	top:-60px;
	padding-bottom:60px !important;
	padding-bottom:50%;
	padding-top:0px !important;
	padding-top:25%;
}
.link {
	position:relative;
	display:block;
	height:49%;
}
.firstarrow {
	z-index:1;
	padding-right:6%;
	right:0px;
	width:100px;
}
.fade {
	opacity: 0.0;
}
.arrow:hover {
	color:#00b3ce;
}
.firstarrow, .fade:hover {
	opacity: 0.8;
}
.arrow:active {
	color:#c1242a;
}
.arrow:visited {
	color:#00b3ce;
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, li, a {
	margin:0;
	padding:0;
}
#nav li a, .navheader span {
	display:inline-block;
	position:relative;
}
#page {
	position:absolute;
}
#main {
	padding-bottom: 0px;
	height:100%;
	width:100%;
	position:relative;
}
#filler {
	width:100%;
	height:100%;
}
#maindiv, #contactdiv {
	width:100%;
	height:100%;
	float:left;
	position:relative;
}
.fourPages {
	width:400%;
	height:100%;
	min-width:4000px;
	max-width:5600px;
}
.fourPages .page {
	width:25%;
}
.threePages {
	width:300%;
	height:100%;
	min-width:3000px;
	max-width:4200px;
}
.threePages .page {
	width:33.33333333333333333%;
}
.twoPages {
	width:200%;
	height:100%;
	min-width:2000px;
	max-width:2800px;
}
.twoPages .page {
	width:50%;
}
.onePage {
	width:100%;
	height:100%;
	min-width:1000px;
	max-width:1400px;
}
.onePage .page {
	width:100%;
}
#container {
	height:100% !important;
	float:left;
	max-height:1000px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}
.page {
	float:left;
	position:relative;
	width:100%;
	min-width:1000px;
	max-height:100% !important;
	overflow:hidden;
}
#over {
	overflow:hidden;
	position:relative;
	width:100%;
	min-height:500px;
	height:100% !important;
}
#page {
	width:100%;
	height:100%;
	min-height:550px;
}