html, body{
	padding: 0;
	margin: 0;
}
body{
	background: url('images/bg-repeat-new.png');
}
#window-container{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
#window{
	position: relative;
	width: 100%;
	height: 100%;
}
#main-item{
	background: url("images/main-bit.png") no-repeat scroll 0 0 transparent;
	height: 138px;
	left: 50%;
	margin-left: -347px;
	padding-left: 223px;
	padding-top: 58px;
	position: absolute;
	top: 125px;
	width: 471px;
	z-index: 9999;
	display: none;
}
#main-item h1{
	margin: 0;
	padding: 0;
    font-family: 'Glegoo',serif;
    font-size: 2.5em;
    font-weight: normal;
    color: white;
}
#main-item p {
	margin: 0;
	padding: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: white;
	margin-top: -9px;
}
a{
	color: white;
}
a:hover{
	color: #98CECD;
}
#plane{
	background: url("images/jumbo-jet.png") no-repeat scroll 0 0 transparent;
	height: 116px;
	position: absolute;
	right: -50%;
	top: 413px;
	width: 511px;
}
.cloud{
	position: absolute;
}
.cloud img{
	width: 100%;
	height: auto;
	max-width: 663px;
	max-height: 467px;
}
.cloud.left{
	left: 0%;
}
.cloud.right{
	right: 0%;
}
#cloud1{
	margin-left: -918px;
	top: 29px;
	width: 560px;
	z-index: 10;
}
#cloud2{
	margin-left: -1106px;
	top: 333px;
	width: 445px;
	z-index: 2;
}
#cloud3{
	margin-left: -705px;
	top: 332px;
	width: 327px;
	z-index: 1;
}
#cloud4{
	margin-left: -881px;
	top: 542px;
	width: 500px;
}
#cloud5{
	margin-right: -674px;
	top: 618px;
	width: 369px;
}
#cloud6{
	margin-right: -640px;
	top: 392px;
	width: 354px;
	z-index: 9;
}
#cloud7{
	margin-right: -874px;
	top: 225px;
	width: 415px;
	z-index: 10;
}
#cloud8{
	margin-right: -739px;
	top: -52px;
	width: 507px;
}
#cloud9{
	bottom: 161px;
	margin-right: -1017px;
	width: 462px;
}
#cloud10{
	margin-right: -1117px;
	top: -39px;
	width: 386px;
}
#circles-background{
	background: url("images/bar-back.png") no-repeat scroll center center transparent;
	height: 20px;
	left: 50%;
	margin-left: -232px;
	position: absolute;
	top: 403px;
	width: 495px;
	z-index: 9999;
	display: none;
}
.circles{
	height: 123px;
	width: 123px;
	left: 50%;
	position: absolute;
	z-index: 9999;
	display: none;
}
#web-circle{
	background: url("images/web-design.png") no-repeat scroll 0 0 transparent;
	margin-left: -304px;
	top: 356px;
}
#ecommerce-circle{
	background: url("images/eccommerce.png") no-repeat scroll 0 0 transparent;
	margin-left: -137px;
	top: 356px;
}
#responsive-circle{
	background: url("images/responsive.png") no-repeat scroll 0 0 transparent;
	margin-left: 33px;
	top: 356px;
}
#bespoke-circle{
	background: url("images/system.png") no-repeat scroll 0 0 transparent;
	margin-left: 191px;
	top: 356px;
}
.circle-text{
	color: white;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 1.27em;
	font-weight: 300;
	position: absolute;
	left: 50%;
	text-align: center;
	width: 114px;
	z-index: 9999;
	display: none;
}
#web-text{
	margin-left: -293px;
	top: 483px;
}
#ecommerce-text{
	margin-left: -128px;
	top: 483px;
}
#responsive-text{
	margin-left: 44px;
	top: 483px;
}
#bespoke-text{
	margin-left: 205px;
	top: 483px;
}



.rocket {
	width: 175px;
	position: absolute;
	z-index: 100;
	top: 100vh;
	left: 339px;
}
.rocket img {
	width: 100%;
	height: auto;
}