@charset "UTF-8";
/*-----------------------------------------------------------------------------
Emery and Eames Meta network Stylesheet

version:   1.0
author:    Jenn Honnery
filename:  styles.css
email:     jenn@greenturtle.com.au

-----------------------------------------------------------------------------*/

/* general
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

html {
font-size:12px;
font-family:font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}



/* Background
-----------------------------------------------------------------------------*/
html{
    height:100%;
    
}


body    {
	height:100%;
	background-color:#000;

	text-align:center;
	overflow:hidden;
 
    }
/* frame
-----------------------------------------------------------------------------*/

#wrapper {
	margin: 0 auto;
	width: 960px;

}

#wrapper2 {
	margin: 0 auto;
	width: 980px;
	height:100%;

}
		

#frame {
	position:relative;
	height: 500px;
	width:900px;
	border:2px solid #fff;
	background-color:#000;
	padding:15px;
	display:none;
}

#frame img {
	width:900px;
	height:500px;
}

#logo {
	width:960px;
	text-align:center;
	margin-top:20px;
	display:none;
}


/* animation
-----------------------------------------------------------------------------*/

#horizon {
	position:absolute;
	width:100%;
	height:1px;
	overflow:visible;
	top:50%;
}

#content {
	position:absolute;
	height:569px;
	width:980px;
	left:50%;
	margin-left:-490px;
	top:-159px;
}



#dandelion {
	position:relative;
	z-index:100;
	display:none;
background:#000;
}

#dots1 {
	position:absolute;
	width:4px;
	height:4px;
	top:50px;
	left:120px;
	border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}
#dots2 {
	position:absolute;
	width:4px;
	height:4px;
	top:50px;
	left:120px;
	border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}#dots3 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}#dots4 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}#dots5 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}#dots6 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}#dots7 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}#dots8 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}#dots9 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}#dots10 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}#dots11 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}#dots12, #dots13, #dots14, #dots15, #dots16, #dots17, #dots18, #dots19, #dots20, #dots21, #dots22, #dots23, #dots24, #dots25 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}
#dots26, #dots27, #dots28, #dots29, #dots30, #dots31, #dots32, #dots33, #dots34, #dots35, #dots36, #dots37, #dots38, #dots39 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}
#dots40, #dots41, #dots42, #dots43, #dots44, #dots45, #dots46, #dots47, #dots48, #dots49, #dots50 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}
#dots51, #dots52, #dots53, #dots54, #dots55, #dots56, #dots57, #dots58, #dots59 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}
#dots60, #dots61, #dots62, #dots63, #dots64, #dots65, #dots66, #dots67, #dots68, #dots69{	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}
#dots70, #dots71, #dots72, #dots73, #dots74, #dots75, #dots76, #dots77, #dots78, #dots79 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}
#dots80, #dots81, #dots82, #dots83, #dots84, #dots85, #dots86, #dots87, #dots88, #dots89 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}

#dots90, #dots91, #dots92, #dots93, #dots94, #dots95, #dots96, #dots97, #dots98, #dots99 {	position:absolute;
width:4px;
	height:4px;	top:50px;
	left:120px;
border-radius:3px;
	background-color:#939292;
	z-index:10;
	display:none;
}



#flower1 {
	position:absolute;
	z-index:101;
	width:44px;
	height:49px;
	top:50px;
	left:9px;
	display:none;
	background-image:url(images/flower1.png);
	background-repeat:no-repeat;
	transform: rotate(0deg);
}
#flower2 {
	position:absolute;
	z-index:101;
	width:108px;
	height:66px;
	top:-10px;
	left:0px;
	display:none;
	background-image:url(images/flower2.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}
#flower3 {
	position:absolute;
	z-index:101;
	width:85px;
	height:64px;
	top:-25px;
	left:30px;
	display:none;
	background-image:url(images/flower3.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}
#flower4 {
	position:absolute;
	z-index:101;
	width:86px;
	height:117px;
	top:-94px;
	left:24px;
	display:none;
	background-image:url(images/flower4.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}
#flower5 {
	position:absolute;
	z-index:101;
	width:70px;
	height:68px;
	top:-50px;
	left:87px;
	display:none;
	background-image:url(images/flower5.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}
#flower6 {
	position:absolute;
	z-index:101;
	width:69px;
	height:114px;
	top:-90px;
	left:85px;
	display:none;
	background-image:url(images/flower6.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}
#flower7 {
	position:absolute;
	z-index:101;
	width:88px;
	height:114px;
	top:-90px;
	left:132px;
	display:none;
	background-image:url(images/flower7.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}
#flower8 {
	position:absolute;
	z-index:101;
	width:85px;
	height:106px;
	top:-80px;
	left:162px;
	display:none;
	background-image:url(images/flower8.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}
#flower9 {
	position:absolute;
	z-index:101;
	width:87px;
	height:73px;
	top:-42px;
	left:162px;
	display:none;
	background-image:url(images/flower9.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}
#flower10 {
	position:absolute;
	z-index:101;
	width:107px;
	height:85px;
	top:-25px;
	left:174px;
	display:none;
	background-image:url(images/flower10.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}
#flower11 {
	position:absolute;
	z-index:101;
	width:75px;
	height:91px;
	top:-3px;
	left:166px;
	display:none;
	background-image:url(images/flower11.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}
#flower12 {
	position:absolute;
	z-index:101;
	width:90px;
	height:56px;
	top:54px;
	left:173px;
	display:none;
	background-image:url(images/flower12.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}
#flower13 {
	position:absolute;
	z-index:101;
	width:90px;
	height:79px;
	top:75px;
	left:143px;
	display:none;
	background-image:url(images/flower13.png);
	background-repeat:no-repeat;
		transform: rotate(0deg);

}



#dandelion-or {
	position:fixed;
	width:325px;
	height:696px;
	left:400px;
	top:20%;
	z-index:100;
	display:block;
	background-image:url(images/dandelion.png);
	background-repeat:no-repeat;
}

#home-menu {
	z-index:999;
	color:#FFF;
	position:absolute;
	bottom:50px;
	width:100%;
	text-align:center;
}