@font-face
{
font-family: 'Erato-light';
src: url('../Erato/Erato-Light.otf')format("opentype");
font-weight: 100;
font-style: normal;
}
/*--------------------------------------------------
	     RESET CSS
---------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/* General
---------------------------------------------------- */

body { background: #000000;
overflow: hidden;
width: 100%;
font-family: 'Erato-light', Myrid Pro;
color: white;
-webkit-font-smoothing: antialiased;
font-size: 18px;
}

a { color: white;
text-decoration: none;
}

a:visited { color: white;
}

#header { 
background: #1d1e21 url(../images/pattern.png) left repeat;
height: 210px;
border-bottom: 1px solid white;
margin: 0 auto;
text-align: center;
}

#logoheader { padding-top: 56px;
}

#intro-head { font-size: 32px;
font-weight: 100;
-webkit-font-smoothing: antialiased;
font-weight:normal;
padding-top: 67.5px;
}

#introtext { padding-top: 31px;
font-family: "Georgia" !important;
padding-bottom: 5px;
-webkit-font-smoothing: antialiased;
font-weight:normal;
}

#linedivider { background: url(../images/linedivider.jpg) no-repeat;
display: block;
width: 64px;
height: 1px;
padding-bottom: 5.5px;
}

#phonenumber { font-size: 12.5px;
letter-spacing: 5px;
-webkit-font-smoothing: antialiased;
font-weight:900;
}

#address { font-size: 12px;
-webkit-font-smoothing: antialiased;
font-weight: 900;
font-variant:small-caps !important;
letter-spacing: 1.3px;
line-height: 24px;
font-family: 'Erato-light', Myrid Pro !important;
}

#email { margin-top: 12px;
display: block;
}

/* Animations
---------------------------------------------------- */

.fade1 {
	opacity: 0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	margin: 0 auto;
	text-align: center;
}

.fade1 { 	
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}


/* RESPONSIVE P2
---------------------------------------------------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.fade1 {
opacity: 1 !important;
-webkit-animation:none !important;
-moz-animation:none !important;
-o-animation:none !important;
animation: none !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.fade1 {
opacity: 1 !important;
-webkit-animation:none !important;
-moz-animation:none !important;
-o-animation:none !important;
animation: none !important;
}

.fade1 { padding-left:10px;
}
}

@media only screen and (max-width: 767px) {
.fade1 {
opacity: 1 !important;
-webkit-animation:none !important;
-moz-animation:none !important;
-o-animation:none !important;
animation: none !important;
}
}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }