h1 {
font-size: 150%;
color: black;
margin-top: 5px;
text-shadow:0 0 10px white;
}



h2 {
vertical-align:middle;
left:-1000px;
color: white;
font-size: 350%;
top: 105px;
position:absolute;
width:100%;
text-shadow:0 0 10px white;
font-family: "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
font-weight: lighter;
font-style:normal;
}

h2 img {
vertical-align:middle;
}
body{
font-family: "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
font-style:normal;
font-weight: lighter;
overflow-x:hidden;
background: #d1d1d1; 
	background-image:url('images/back-grey.jpg'); background-position: center center;background-attachment:fixed;background-repeat:no-repeat;
	background-size:cover;
margin:0;
padding:0;
behavior: url(ie-css3.htc);
}


ul{
list-style:none;
}

nav{
display:block;
}




a{
text-decoration:none;
font-weight:lighter;
color: #e2dfdf; 
}

a:hover{
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	border-radius: 10px;
	}

p{
font-size: 22px;
width: 250px;
position: absolute;
margin-left:50%;
left:-150px;
text-align:center;

background: rgba(0, 0, 0, 0.2);

border-radius: 10px;
z-index:250;
}
#p3:hover{

	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	}
	
.old {
position:fixed;
text-align:center;
width:100%;
height:100%;
background: url('/images/back-grey.jpg'); 
background-position: center center;background-attachment:fixed;
	background-size:cover;
z-index:500;
}
img{
border:none;
}
.old a{
border:none;
text-decoration:none;
font-weight:bold;
color: black; 
}

.old a:hover{
text-decoration:underline;
	}

.content{
position:fixed;
width:100%;
height:100%;
}

.back{
width:100%;
height:130%;
background:url(images/back-red.jpg) top center;
	background-size:cover;
top:0%;
left:0%;
position:absolute;
z-index:-1;
display:block;
position:absolute;
opacity:0;
}

.pic1{
width:200px;
height:311px;
background:url(images/intro/Geo-Rings.png);
left:65%;
top:110%;
display:block;
position:absolute;
background-size:contain;
}


.pic2{
width:151px;
height:300px;
background:url(images/intro/Teddy-Bear-Scooter-Charm.png);
left:80%;
top:110%;
display:block;
position:absolute;
background-size:contain;
}

.pic3{
width:200px;
height:131px;
background:url(images/intro/Heart-Cable-Necklet.png);
left:30%;
top:110%;
display:block;
position:absolute;
background-size:contain;
}

.pic4{
width:200px;
height:101px;
background:url(images/intro/Fire-Opal-CZ-Stack-Ring.png);
left:50%;
top:110%;
display:block;
position:absolute;
background-size:contain;
}

.pic5{
width:101px;
height:300px;
background:url(images/intro/Teddy-Bear-Knight-Pendant.png);
left:25%;
top:110%;
display:block;
position:absolute;
background-size:contain;
}

.pic6{
width:200px;
height:197px;
background:url(images/intro/Cappio-Bracelet.png);
left:70%;
top:110%;
display:block;
position:absolute;
background-size:contain;
}

.pic7{
width:200px;
height:186px;
background:url(images/intro/Mobius-Heart-Pendant.png);
left:1%;
top:110%;
display:block;
position:absolute;
background-size:contain;
}

.f1{
width:200px;
height:200px;
background:url(images/intro/flare.png);
left:1%;
top:110%;
display:block;
position:absolute;
}

.f2{
width:200px;
height:200px;
background:url(images/intro/flare.png);
left:8%;
top:110%;
display:block;
position:absolute;
}
.f3{
width:200px;
height:200px;
background:url(images/intro/flare.png);
left:19%;
top:110%;
display:block;
position:absolute;
}

.f4{
width:200px;
height:200px;
background:url(images/intro/flare.png);
left:32%;
top:110%;
display:block;
position:absolute;
}
.f5{
width:200px;
height:200px;
background:url(images/intro/flare.png);
left:44%;
top:110%;
display:block;
position:absolute;
}
.f6{
width:200px;
height:200px;
background:url(images/intro/flare.png);
left:58%;
top:110%;
display:block;
position:absolute;
}
.f7{
width:200px;
height:200px;
background:url(images/intro/flare.png);
left:64%;
top:110%;
display:block;
position:absolute;
}

.f8{
width:200px;
height:200px;
background:url(images/intro/flare.png);
left:76%;
top:110%;
display:block;
position:absolute;
}
.f9{
width:200px;
height:200px;
background:url(images/intro/flare.png);
left:82%;
top:110%;
display:block;
position:absolute;
}

.f10{
width:200px;
height:200px;
background:url(images/intro/flare.png);
left:93%;
top:110%;
display:block;
position:absolute;
}

.logo{
width:100%;
height:335px;
background:url(images/intro/logo.png);

top:5%;
display:block;
position:absolute;
background-repeat:no-repeat;

background-position:center; 
}
.f11{
width:200px;
height:200px;
background:url(images/intro/flare.png);
left:40%;
top:-85px;
display:block;
position:relative;
opacity:0;
}

p a {
text-align:center;
display:block;
padding: 10px 0px;
width:100%;
height:100%;
}

#p1{
top:50%;
opacity:0;
border-right:100px;z-index:5000;
}
#p3{

opacity:0;

}
#p2{
top:50%;
opacity:1;
border-right:100px;

}

#p4{
top:100%;
opacity:1;
left:100%;
margin-top:-50px;
margin-left:-160px;
width: 150px;
font-size:18px;
}

.bar{
position: absolute;
width:100%;
text-align:center;
top: 100%;
margin-top: -30px;
opacity:0;
text-decoration:none;
font-weight:lighter;
color: #e2dfdf; 
vertical-align:middle;
}
.bar img {
vertical-align:middle;
}
.button:hover {
	box-shadow: 0 0 5px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 1);
}
#preloader {
width:0px;
height:0px;
display:none;
}