/* Typography
______________________________________*/
	@font-face {
		font-family: 'gillsansmt';
		src: url('fonts/GillSansMT.ttf') format('truetype');
		font-weight: normal;
	}
	@font-face {
		font-family: 'gillsansmtBold';
		src: url('fonts/GillSansMT-Bold.ttf') format('truetype');
		font-weight: normal;
	}
	@font-face {
		font-family: 'Garamond3LT';
		src: url('fonts/Garamond3LTStd.otf') format('opentype');
		font-weight: normal;
	}

/* GENERAL
______________________________________*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

* { margin: 0; padding: 0; line-height: 21px; }

img, object, embed, video { max-width: 100%; }


/* LAYOUT
______________________________________*/

html, body {
	background: #000;
	color: #fff;
}

#wrapper { 
	position: relative;
}

.caption {
	position: relative;
	width: 90%;
	margin: auto;
	padding: 40px 0 20px 0;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	}
	.caption .border {
	position: absolute;
	bottom: 0;
	width: 300px;
	height: 14px;
	left: 50%;
	margin-left: -150px;
	}
	.caption .bg_primary_yellow {
	background-color: #FFF640;
	}
	
.arrow {
	position: absolute;
	right: 18px;
	bottom:36px;
	width: 48px;
	height: 25px;
	/*background: url(images/down_arrow.png) no-repeat;*/
	background: url(images/down_arrow_white.png) no-repeat;
	-webkit-transform: rotate(-90deg);
	z-index: 10004;
}

#header1 {
	position: absolute;
	width: 100%;
	height: 12.4%;
	z-index: 10001;
}

.h1,.h2,.h3,.h4,.h5,.h6 {
	position: absolute;
	top: 0;
	width: 16.66666%;
	display: block;
}
	.h1 {
	left: 0;
	-webkit-animation-name: H1-one;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 4s;
}
	.h2 { 
	left: 12.2%;
	-webkit-animation-name: H1-two;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 4s; 
}
	.h3 {
	left: 26.3%;
	-webkit-animation-name: H1-three;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 4s;
	}
	.h4 {
	left: 41.4%;
	-webkit-animation-name: H1-four;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 4s;
	}
.h5 {
	left: 57.9%;
	-webkit-animation-name: H1-five;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 4s;
	}
	.h6 {
	left: 74%;
	-webkit-animation-name: H1-six;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 4s;
	}

#header2 {
	position: absolute;
	width: 68.4%;
	-webkit-animation-name: H2-one;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 4s;
	z-index: 10002;
}

#bodyTxt {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 10003;
}

/* KEYFRAMES
____________________________________*/

 @-webkit-keyframes H1-one {
	 0%  { -webkit-transform: rotate(0deg); }
	 100%  { -webkit-transform: rotate(360deg); }
 }
  @-webkit-keyframes H1-two {
	 0%  { -webkit-transform: rotate(0deg); }
	 100%  { -webkit-transform: rotate(-360deg); }
 }
  @-webkit-keyframes H1-three {
	 0%  { -webkit-transform: rotate(0deg); }
	 100%  { -webkit-transform: rotate(360deg); }
 }
  @-webkit-keyframes H1-four {
	 0%  { -webkit-transform: rotate(0deg); }
	 100%  { -webkit-transform: rotate(-360deg); }
 }
  @-webkit-keyframes H1-five {
	 0%  { -webkit-transform: rotate(0deg); }
	 100%  { -webkit-transform: rotate(360deg); }
 }
  @-webkit-keyframes H1-six {
	 0%  { -webkit-transform: rotate(0deg); }
	 100%  { -webkit-transform: rotate(-360deg); }
 }
 
  @-webkit-keyframes H2-one {
	 0%  { opacity: 0; }
	 50%  { opacity: 0.2; }
	 100%  { opacity: 1; }
 }


/* BlackBerry (portrait)
______________________________________________________________*/
@media all and (max-width: 480px) and (min-width: 320px) {
html { margin: 0; }
#wrapper { width: 360px; height: 505px; }

#header1 { top: 59.4%; left: 2%; }
#header2 { top: 74.4%; left: 13%;}
#bodyTxt { top: 80.4%; left: 0%; }
#bodyTxt p { font: normal 110%/100%  'Garamond3LT';}
#bodyTxt em { font: normal 78%/100%  'gillsansmt'; text-transform:uppercase; }
#bodyTxt em span { font: normal 90%/100%  'gillsansmtBold'; }

.arrow { display: none !important; }
}
   
/* iPAD (portrait)
______________________________________________________________*/
@media all and (max-width: 768px) and (min-width: 481px) {
/*html { margin-top: 44px; }*/
html { margin: 0; }
#wrapper { width: 768px; height: 960px; /* -1004px Minus 44px- */ }

#header1 { top: 67.4%; left: 2.1%; }
#header2 { top: 84.4%; left: 14.8%; }
#bodyTxt { top: 90.4%; left: 0; }
#bodyTxt p { font: normal 122%/100%  'Garamond3LT'; }
#bodyTxt em { font: normal 78%/100%  'gillsansmt'; text-transform:uppercase; }
#bodyTxt em span { font: normal 100%/100%  'gillsansmtBold'; }

.linebreak { display: none; }

}

/* iPAD (landscape) 
______________________________________________________________*/
@media all and (max-width: 1024px) and (min-width: 769px) {
html { margin-top: -50px; }
#wrapper { width: 1024px;}

#header1 { top: 51.4%; left: 2.1%; }
#header2 { top: 77.4%; left: 14.8%; }
#bodyTxt { top: 87.4%; left: 0;	}
#bodyTxt p { font: normal 160%/100%  'Garamond3LT'; }
#bodyTxt em { font: normal 78%/100%  'gillsansmt'; text-transform:uppercase; }
#bodyTxt em span { font: normal 100%/100%  'gillsansmtBold'; }
	
.linebreak { display: none; }

}