style.css

@charset "utf-8";
/* CSS Document */
@import url(http://reset5.googlecode.com/hg/reset.min.css); /*fits the background to the screen*/
html, body{
	height:100%;
	font-family:Verdana, Geneva, sans-serif;}
	
	/*first page start*/
#first{
	background:url("anigif.gif") fixed no-repeat;
	background-size:cover; 	
	height:100%;
	width:100%;
    }

/*logos*/	
#logo1{
	position:relative;
	display:inline-block;
	top:80%;
	left:5%;
}

#logo2{
	position:relative;
	display:inline-block;
	top:80%;
	left:10%;
}

#logofb{
	position:relative;
	display:inline-block;
	top:80%;
	left:15%;
	}
	
#logoyt{
	position:relative;
	display:inline-block;
	top:80%;
	left:20%;
}

/*end of logos*/

/*first page end*/

/*2nd page start*/

#second{
	height:100%;
	width:100%;
	background:url("spage-back.jpg") no-repeat;
	background-size:cover;}
	
/*text*/
#text1{
	position:relative;
	display:inline-block;
	padding:1%;
	top:0%;
	left:5%;
	font-family: 'Share Tech', sans-serif;
	width:25%;
	font-size:100%;
	border:10px dotted #a67c54 ;
	border-radius:10px;
	border-width:3px;
	}
	
	/*text*/
#text3{
	position:relative;
	top:12%;
	left:5%;
	padding:1%;
	font-family: 'Share Tech', sans-serif;
	width:25%;
	font-size:100%;
	border:10px dotted #a67c54 ;
	border-radius:10px;
	border-width:3px;
}
/*end of text*/

/*image*/
.image{
	position:relative;
	display:inline-block;
	top:240px;
	margin-left:120px;
}
/*end of image*/

/*text*/

#text2{
	position:relative;
	display:inline-block;
	top:0%;
	left:5%;
	padding:1%;
	font-family: 'Share Tech', sans-serif;
	width:25%;
	font-size:100%;
	border:10px dotted #a67c54 ;
	border-radius:10px;
	border-width:3px;
	}
/*end of text*/

/*text*/
#text4{
	position:relative;
	display:block;
	padding:1%;
	top:-4%;
	left:64.5%;
	font-family: 'Share Tech', sans-serif;
	width:25%;
	font-size:100%;
	border:10px dotted #a67c54 ;
	border-radius:10px;
	border-width:3px;
	}
/*end of text*/

/*2nd page end*/


/*3rd page start*/

#third{
	background:url("tpage-back.jpg") fixed no-repeat;
	background-size:cover; 	
	height:100%;
	width:100%;}
	
#envelope{
	position:relative;
	display:inline-block;
	top:100px;
	margin-left:120px;}

#competition{
	position:relative;
	display:block;
	top:-50%;
	left:55%;
	font-family: 'Share Tech', sans-serif;
	width:25%;
	font-size:210%;
	text-align:center;
	color:#700d0c;
}

#oldschool{
	position:relative;
	display:block;
	top:-50%;
	left:55%;
	font-family: 'Share Tech', sans-serif;
	width:25%;
	font-size:210%;
	text-align:center;
	color:#700d0c;
}

#paragraph{
	position:relative;
	display:block;
	top:-40%;
	left:48%;
	font-family: 'Share Tech', sans-serif;
	width:40%;
	font-size:120%;
	border:10px dotted #a67c54;
	border-radius:10px;
	border-width:3px;
	text-align:center;
	padding:1%;
	}
#signup{
	position:relative;
	display:block;
	border-radius: 5px;
	border: 1px solid #3c1600;
	background-color: #a67c52;
	height: 30px;
	width: 120px;
	top:-30%;
	left:63%;
	text-align: center;
	font-family:'Share Tech', sans-serif;
	font-size:30px;
}
	
	

/*end of 3rd page*/

/*4th page start*/
#fourth{
	height:100%;
	width:100%;
	background:url("fpage-back.jpg") no-repeat;
	background-size:cover;
	}

#photocomp{
	position:relative;
	display:block;
	top:10%;
	left:5%;
	font-family: 'Share Tech', sans-serif;
	width:25%;
	font-size:210%;
	text-align:center;
	color:#700d0c;
}

#phototext{
	position:relative;
	display:block;
	top:19%;
	left:5%;
	font-family: 'Share Tech', sans-serif;
	width:25%;
	font-size:130%;
	border:4px dotted #a67c54;
	border-radius:10px;
	border-width:2px;
	text-align:center;
	padding:1%;
}

#imgslider{
	position:relative;
	display:block;
	width: 460px;
	/*margin: 0 auto;
	padding-left: 15%;
	padding-bottom:20%;*/
top:-30%;
left:45%;
}
	
/*end of 4th page*/

/*5th page start*/
#fifth{
	height:100%;
	width:100%;
	background:url("backgroundfpagewithbalckbox.jpg") fixed no-repeat;
	background-size:cover;
}

#videocomp{
	position:relative;
	display:block;
	top:15%;
	left:60%;
	font-family: 'Share Tech', sans-serif;
	width:25%;
	font-size:210%;
	text-align:center;
	color:#a66d38;
}

#videotext{
	position:relative;
	display:block;
	top:30%;
	left:59%;
	font-family: 'Share Tech', sans-serif;
	width:25%;
	font-size:130%;
	border:4px dotted #a67c54;
	border-radius:10px;
	border-width:2px;
	text-align:center;
	padding:1%;}
	
#video{
	position:relative;
	display:block;
	width: 460px;
	/*margin: 0 auto;*/
	left:12%;
	top:-20%;
	/*frameborder:0;*/
	
}

/*end of 5th page*/

/*6th page start*/
#sixth{
	height:100%;
	width:100%;
	background:url("sixthpage-back.png") no-repeat;
	background-size:cover;
}

#contact{
	width:590px;
	margin:60px auto;
	margin-left:7%;
	margin-top:-0.2%;
	background:#000000;
	border: 1px solid #a8a8a8;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	color:white;
	padding-left:2px;
	text-align:center;
	
}

#houses{
	position:relative;
	display:inline-block;
	width: 300px;
	/*margin: 0 auto;
	padding-left: 15%;
	padding-bottom:20%;*/
margin-top:5%;
margin-left:13%;
}

#subjectmessage{
	text-align:center;
}

#button{
	text-align:center;
}

#snowglobe{
	position:relative;
	display:block;
	width:400px;
	/*margin: 0 auto;
	padding-left: 15%;
	padding-bottom:20%;*/
margin-top:-30%;
left:60%;
}


/*end of 6th page*/