@charset "utf-8";
/* CSS Document */

body {
 margin: 0px;
 background-image: url(Images/fairytalesbackground.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
 }
 
body .topBorder { 
 position: fixed;
	top: -4px;
	left: 0;
	min-width: 100%;
	height: 104px;
	background: url(Images/smalllace1.png) repeat-x;
	z-index: 89;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#bannerpic {
	float: left;	
}

#aboutheader {
	font-family: Edwardian Script ITC;
	font-style: normal;
	font-weight: 400;
	font-size: 50px;	
}

.banner {
	margin-top:7%;
	height: 10%;
	margin-left: 35%;
	margin-bottom: 2%;
}

.social {
	float:left;
	position: relative;
	margin-left: 8%;
}

.landing {
	margin: auto;
	margin-top: 10%;
	width: 65%;
}

.landinglink {
		width: 32%;
		height:auto;
}
	
.landinglink1 {
		width: 32%;
		height:auto;
		margin-left:1%;
}
	
p.medium {
	line-height: 0.6;
	}

.birthdaymain {
	width: 40%;
	margin: auto;
	background-color: #F3B2AC;
	border-radius: 30px;
	margin-bottom: 1%;
}

.navigation {
	background-image: url(Images/fairytalesnew.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	width: 55%;
	height: 8%;
	font-size: 30px;
	padding-top: 1%;
	padding-bottom: 0.5%;
	padding-left: 14%;
	position: relative;
	margin: auto;
	margin-bottom: 1%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.h4 {
	font-family:Papyrus, "Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; 
    font-size: 50px; 
    color: #000000;
}

.logo {
	height: auto;
	width: 40%;
	margin-right: 8%;
}

.socialpic {
	float: left;
	position: relative;
	height: auto;
	width: 5%;
	margin-left: 1%;
	z-index: 6;
}

.socialpic1 {
	float: left;
	position: relative;
	height: auto;
	width: 5%;
}

.content {
	width:85%;
	z-index:5;
	text-align:center;
	margin: auto;
	margin-bottom: 3%;
	font-family: "Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.fairycontent {
	width:85%;
	z-index:5;
	text-align:center;
	margin: auto;
	margin-bottom: 3%;
	font-family: "Papryus", "Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.giftpic {
	width: 100%;
	height: auto;
}

.contenthappens {
	z-index:5;
	width: 80%;
	text-align:center;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	margin-bottom: 3%;
	font-size: 18px;
	margin: auto;
}

.experience {
	Width: 80%;
	height: auto;
	margin-bottom: 2%;
}

.homelink1 {
	width:19%;
	height:auto;
	float:left;
	margin-left:12%;
	
}

.homelink2 {
	width:19%;
	height:auto;
	float:left;
}

.homelink3 {
	width:19%;
	height:auto;
	float:left;
}

.homelink5 {
	width:19%;
	height:auto;
	float:left;
	margin-left:12%;
}

.leftabout {
	float:left;
	width: 22%;
	height: auto;
}

.rightabout {
	float:left;
	width: 20%;
	height: auto;
}

.centreabout {
	float: left;
	width: 48%;
	height: 40%;
	padding-left: 3%;
	padding-right: 1%;
	padding-bottom: 4%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	margin-top: 1%;
	font-size: 0.9vw;
	text-align: center;
}


.gift1 {
	width: 20%;
	float: left;
	margin-left: 8%;
	margin-top: 2%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.gift2 {
	width: 20%;
	float: left;
	margin-left: 1%;
	margin-top: 2%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.gift3 {
	width: 20%;
	float: left;
	margin-left: 1%;
	margin-top: 2%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.giftform {
	width: 20%;
	float: left;
	margin-left: 1%;
	margin-top: 2%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.fairytalepic {
	width: 40%;
	height: auto;
	margin-top: 2%;
}

.fairytalepic1 {
	width: 40%;
	height: auto;
	margin-left: 5%;
}

p.small {
    line-height: 0.1;
}
p.large {
    line-height: 1;
}

.pricestext {
	width: 80%;
	margin: auto;
	font-weight: normal;
	align-text: left;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 1vw;
}

p.heading {
	font-weight: bold;
	align-text: left;
}

.contactform {
	margin-top: 1%;
	max-width: 25%;
	margin-left: 25%;
	height: 100%;
	float: left;
}

.contactcontent {
	width:75%;
	z-index:5;
	text-align:center;
	margin: auto;
	margin-bottom: 3%;
	font: Papyrus;
}

.locationtimes {
	max-width: 29%;
	margin-top: 1%;
	margin-left: 5%;
	margin-bottom:2%;
	float: left;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	
}

.locationtimes a:link{
    color:#000000;
}

.locationtimes a:hover{
    color: #FF0000;
}

.openingtimes {
	max-width: 29%;
	margin-top: 1%;
	margin-left: 5%;
	margin-bottom:2%;
	float: left;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	
}

.google-maps {
        position: relative;
        padding-bottom: 10%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
		margin-top: 1%;
}
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}



#gallery {
	width: 75%;
	margin: auto;	
}

 .form1{ 
    max-width: 45%; 
    min-width: 45%; 
    border-width: 2px; 
    border-color: #000000; 
    border-radius: 4px; 
    border-style: solid; 
    color: #000000; 
    font-size: 14px; 
    margin: auto; 
    padding: 20px; 
	text-align: left;
	margin-bottom: 2%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
} 
.content1{ 
    margin: 30px; 
} 
.form1 label1{ 
    color: #222222; 
    font-size: 14px; 
    display: block; 
} 
.form1 input[type=radio], input[type=checkbox]{ 
    margin: 10px; 
    width: 13px; 
} 
.form1 div{ 
    display: block;
} 
.form1 input, form1 textarea, form1 select{ 
    border-width: 1px; 
    border-style: solid; 
    border-color: #666666; 
    border-radius: 0px; 
    padding: 3px; 
    width: 100%; 
} 
.form1, .form1 h11, .form1 h2{ 
    font-family: 'Arial'; 
} 
.form1 h11{ 
    font-size: 40px; 
    color: #000000; 
    padding: 0px; 
    margin: 0px; 
    margin-bottom: 10px;
    border-bottom-width: 2px; 
    border-radius: 0px;
} 
.intro1{ 
    margin-bottom: 3px;
	text-align: left;
} 
.clear{ 
    clear: both; 
} 
.form1 textarea{ 
    height: 50px; 
    width: 100%; 
} 
.form1 input[type=submit]{ 
    width: 50%; 
    background-color: #CCCCCC; 
    color: #222222; 
} 
.field1{ 
    margin-bottom: 5px; 
} 

.field2{ 
    margin-bottom: 5px;
	width: 100%; 
	float:left;
	margin-right:1%;
}

.birthdayform {
	margin: auto;
	width: 100%;
}

.packages {
	width: 40%;
	height: auto;
	margin-left: 7%;
}

.buygift {
	width: 25%;
	height: auto;
}

.birthdaypic1 {
	width: 100%;
	height: auto;
}

.mobile-only {
    display:none !important;
    }
	
.scrolling {
	width:20%;
	font-size:22px;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-weight: bold;
}

.form4{ 
    max-width: 20%; 
    min-width: 20%; 
    border-width: 2px; 
    border-color: #000000; 
    border-radius: 4px; 
    border-style: solid; 
    color: #222222; 
    font-size: 14px; 
    margin: 0px; 
    padding: 20px;
	float: left;
	margin-top: 2%;
	margin-left: 1%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
} 
.content14{ 
    margin: 0px; 
} 
.form4 label{ 
    color: #222222; 
    font-size: 14px; 
    display: block;
	text-align: left;
} 
.form4 input[type=radio], input[type=checkbox]{ 
    margin: 10px; 
    width: 13px; 
} 
.form4 div{ 
    display: block; 
} 
.form4 input, form4 textarea, form select{ 
    border-width: 1px; 
    border-style: solid; 
    border-color: #666666; 
    border-radius: 0px; 
    padding: 3px; 
    width: 100%; 
} 
.form h14{ 
    font-size: 40px; 
    color: #000000; 
    padding: 0px; 
    margin: 0px; 
    margin-bottom: 10px; 
    border-bottom-style: solid; 
    border-bottom-color: #000000; 
    border-bottom-width: 2px; 
    border-radius: 0px; 
    background-color: #FFFFFF; 
} 
.intro4{ 
    margin-bottom: 10px; 
} 
.clear{ 
    clear: both; 
} 
.form4 textarea{ 
    height: 50px; 
    width: 100%; 
} 
.form4 input[type=submit]{ 
    width: 50%; 
    background-color: #000000; 
    color: #FFFFFF;
} 
.field{ 
    margin-bottom: 5px; 
}

@media only screen and (max-width : 1600px) {
	
.navigation {
	background-image: url(Images/fairytalesnew.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	width: 55%;
	height: 8%;
	font-size: 20px;
	padding-top: 2%;
	padding-bottom: 1%;
	padding-left: 14%;
	position: relative;
	margin: auto;
	margin-bottom: 1%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.landing {
	font-size: 20px;
}
	
}

@media only screen and (max-width : 900px) {
	
.navigation {
	background-image: url(Images/fairytalesnew.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	width: 55%;
	height: 8%;
	font-size: 15px;
	padding-top: 2%;
	padding-bottom: 1%;
	padding-left: 14%;
	position: relative;
	margin: auto;
	margin-bottom: 1%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
	
}

@media only screen and (max-width : 680px) {
	
.navigation {
	background-image: url(Images/fairytalesnew.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	width: 95%;
	height: 8%;
	font-size: 14px;
	padding-top: 2%;
	padding-bottom: 1%;
	padding-left: 6%;
	position: relative;
	margin: auto;
	margin-bottom: 1%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.homelink1 {
	width:45%;
	height:auto;
	float:left;
	margin-left:5%;
	
}

.homelink2 {
	width:45%;
	height:auto;
	float:left;
}

.homelink3 {
	width:45%;
	height:auto;
	float:left;
	margin-left:5%;
}

.homelink5 {
	width:45%;
	height:auto;
	float:left;
	margin-left:5%;
}

body .topBorder { 
 position: fixed;
	top: -4px;
	left: 0;
	background: url(Images/smalllace3.png) repeat-x;
	z-index: 89;
	height: 10%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: contain;
}
	
.banner {
	margin-top:13%;
	margin-left: 4%;
	width:100%;
}

.logo {
	height: auto;
	width: 45%;
	margin-right: 1%;
}

.socialpic {
	height: auto;
	width: 8%;
}

.contenthappens {
	z-index:5;
	float:left;
	width: 100%;
	text-align:center;
	margin-bottom: 2%;
	font-size: 12px;
}

.mobile-only {
    display:block !important;
	float: left;
	position: relative;
	height: auto;
	width: 8%;
	z-index: 6;
    }
 
    .desktop-only {
    display:none !important;
    }
	
.scrolling {
	width:80%;
	font-size: 14px;
	margin: auto;
}

.content {
	width:95%;
}

.centreabout {
	float: left;
	width: 48%;
	height: 40%;
	padding-top: 2%;
	padding-left: 3%;
	padding-right: 1%;
	padding-bottom: 4%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	margin-top: 3%;
	font-size: 12px;
	text-align: center;
}

#aboutheader {
	font-size: 24px;	
}

.leftabout {
	width: 35%;
	margin-left: 5%;
	margin-top: 15%;
}

.rightabout {
	width: 30%;
	margin-left: 5%;
}

.pricestext {
	width: 100%;
	align-text: left;
	font-size: 12px;
}

.packages {
	width: 90%;
	height: auto;
	margin: 5%;
}

.birthdaypic1 {
	width: 100%;
}

.birthdaymain {
	width: 85%;
	margin: auto;
	background-color: #F3B2AC;
	border-radius: 30px;
	margin-bottom: 1%;
}

 .form1{ 
    max-width: 90%; 
    min-width: 40%; 
    border-width: 2px; 
    border-color: #000000; 
    border-radius: 4px; 
    border-style: solid; 
    color: #000000; 
    font-size: 12px; 
    margin: auto;
    padding: 10px; 
	text-align: left;
	margin-bottom: 2%;
} 
.content1{ 
    margin: 20px; 
} 
.form1 label1{ 
    color: #222222; 
    font-size: 12px; 
    display: block; 
} 
.form1 input[type=radio], input[type=checkbox]{ 
    margin: 10px; 
    width: 13px; 
} 
.form1 div{ 
    display: block; 
} 
.form1 input, form1 textarea, form1 select{ 
    border-width: 1px; 
    border-style: solid; 
    border-color: #666666; 
    border-radius: 0px; 
    padding: 3px; 
    width: 100%; 
} 
.form1, .form1 h11, .form1 h2{ 
    font-family: 'Arial'; 
} 
.form1 h11{ 
    font-size: 30px; 
    color: #000000; 
    padding: 0px; 
    margin: 0px; 
    margin-bottom: 10px;
    border-bottom-width: 2px; 
    border-radius: 0px; 
} 
.intro1{ 
    margin-bottom: 3px; 
} 
.clear{ 
    clear: both; 
} 
.form1 textarea{ 
    height: 50px; 
    width: 100%; 
} 
.form1 input[type=submit]{ 
    width: 40%; 
    background-color: #CCCCCC; 
    color: #222222; 
} 
.field1{ 
    margin-bottom: 5px; 
}


.landing {
	margin: auto;
	margin-top: 10%;
	width: 60%;
}

.landinglink {
		width: 100%;
		height:auto;
		margin: auto;
}
	
.landinglink1 {
		width: 100%;
		height:auto;
		margin: auto;
}

 .form{ 
    max-width: 100%; 
    min-width: 100%; 
    border-width: 2px; 
    border-color: #000000; 
    border-radius: 4px; 
    border-style: solid; 
    color: #222222; 
    font-size: 12px; 
    margin: 0px;
    padding: 10px;
} 
.content1{ 
    margin: 0px; 
} 
.form label{ 
    color: #222222; 
    font-size: 12px; 
    display: block;
	text-align: left;
} 
.form input[type=radio], input[type=checkbox]{ 
    margin: 10px; 
    width: 13px; 
} 
.form div{ 
    display: block; 
} 
.form input, form textarea, form select{ 
    border-width: 1px; 
    border-style: solid; 
    border-color: #666666; 
    border-radius: 0px; 
    padding: 3px; 
    width: 100%; 
} 
.h4 {
	font-family:Papyrus, "Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; 
    font-size: 30px; 
    color: #000000;
}
.form h1{ 
    font-size: 30px; 
    color: #000000; 
    padding: 0px; 
    margin: 0px; 
    margin-bottom: 10px; 
    border-bottom-style: solid; 
    border-bottom-color: #000000; 
    border-bottom-width: 2px; 
    border-radius: 0px; 
    background-color: #FFFFFF; 
} 
.intro{ 
    margin-bottom: 10px; 
} 
.clear{ 
    clear: both; 
} 
.form textarea{ 
    height: 40px; 
    width: 100%; 
} 
.form input[type=submit]{ 
    width: 40%; 
    background-color: #000000; 
    color: #FFFFFF;
} 
.field{ 
    margin-bottom: 5px; 
}

.field2{ 
    margin-bottom: 5px;
	width: 95%; 
	float:left;
	margin-right:1%;
}


.contactcontent {
	width:90%;
	z-index:5;
	text-align:center;
	margin: auto;
	margin-bottom: 3%;
	font: Papyrus;
}

.locationtimes {
	max-width: 90%;
	margin-top: 1%;
	margin-left: 5%;
	margin-bottom:2%;
	float: left;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	
}

.openingtimes {
	max-width: 90%;
	margin-top: 1%;
	margin-left: 5%;
	margin-bottom:2%;
	float: left;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	
}

.google-maps {
        position: relative;
        padding-bottom: 30%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
		margin-top: 1%;
}

.form4{ 
    max-width: 100%; 
    min-width: 90%; 
    border-width: 2px; 
    border-color: #000000; 
    border-radius: 4px; 
    border-style: solid; 
    color: #222222; 
    font-size: 12px; 
    margin: 0px; 
    padding: 10px;
	float: left;
	margin-top: 1%;
	margin-left: 2%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
} 
.content14{ 
    margin: 0px; 
} 
.form4 label{ 
    color: #222222; 
    font-size: 12px; 
    display: block;
	text-align: left;
} 
.form4 input[type=radio], input[type=checkbox]{ 
    margin: 10px; 
    width: 13px; 
} 
.form4 div{ 
    display: block; 
} 
.form4 input, form4 textarea, form select{ 
    border-width: 1px; 
    border-style: solid; 
    border-color: #666666; 
    border-radius: 0px; 
    padding: 3px; 
    width: 100%; 
} 
.form h14{ 
    font-size: 30px; 
    color: #000000; 
    padding: 0px; 
    margin: 0px; 
    margin-bottom: 10px; 
    border-bottom-style: solid; 
    border-bottom-color: #000000; 
    border-bottom-width: 2px; 
    border-radius: 0px;
} 
.intro4{ 
    margin-bottom: 10px; 
} 
.clear{ 
    clear: both; 
} 
.form4 textarea{ 
    height: 40px; 
    width: 100%; 
} 
.form4 input[type=submit]{ 
    width: 40%; 
    background-color: #000000; 
    color: #FFFFFF;
} 
.field{ 
    margin-bottom: 5px; 
}

.gift1 {
	width: 80%;
	float: left;
	margin-left: 8%;
	margin-top: 2%;
}

.gift2 {
	width: 80%;
	float: left;
	margin-left: 1%;
	margin-top: 2%;
}

.gift3 {
	width: 80%;
	float: left;
	margin-left: 1%;
	margin-top: 2%;
}

.giftform {
	width: 80%;
	float: left;
	margin-left: 1%;
	margin-top: 2%;
}

.fairytalepic {
	width: 80%;
	height: auto;
	margin-bottom: 2%;
}

.fairytalepic1 {
	width: 80%;
	height: auto;
	margin-left: 0%;
}

}

@media only screen and (max-width : 380px) {
	.navigation {
	background-image: url(Images/fairytalesnew.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	width: 95%;
	height: 8%;
	font-size: 14px;
	padding-top: 2%;
	padding-bottom: 1%;
	padding-left: 5%;
	position: relative;
	margin: auto;
	margin-bottom: 1%;
	font-family:"Century Gothic", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

body {
 margin: 0px;
 background-image: url(Images/fairytalesbackground.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat:repeat
 }
	
}