@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Wellfleet|Englebert|Keania+One);
@font-face {
    font-family: 'Christmas';
    src: url('../Fonts/mountains-of-christmas-fontfacekit/MountainsofChristmas-webfont.eot');
    src: url('../Fonts/mountains-of-christmas-fontfacekit/MountainsofChristmas-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/mountains-of-christmas-fontfacekit/MountainsofChristmas-webfont.woff') format('woff'),
         url('../Fonts/mountains-of-christmas-fontfacekit/MountainsofChristmas-webfont.ttf') format('truetype'),
         url('../Fonts/mountains-of-christmas-fontfacekit/MountainsofChristmas-webfont.svg#MountainsofChristmasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*
{
	padding:0;
	margin:0;
	border:0;
}

@keyframes snow {
	0% {background-position: 0px 0px, 0px 0px;}
 	100% {background-position: 500px 1000px, 400px 400px;}
}

@-moz-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px;}
 	100% {background-position: 500px 1000px, 400px 400px;}
}

@-webkit-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px;}
 	100% {background-position: 500px 1000px, 400px 400px;}
}

@-ms-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px;}
 	100% {background-position: 500px 1000px, 400px 400px;}
}

@-o-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px;}
 	100% {background-position: 500px 1000px, 400px 400px;}
}


body {
    background-color: #6b92b9;
    background-image: url(../images/Style3/snow.png), url(../images/Style3/snow2.png);
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    -o-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
}




#container {
	margin: 0 auto;
	width:1000px;
}

h1
{
	margin-top: 12%;
	margin-left: 30%;
	font-size: 3.5em;
	font-family: 'Christmas', cursive;
}

h2
{
	font-family: 'Keania One', cursive;
	text-align: center;
	font-size: 1.4em;
}

h3
{
	margin-left: 30%;
}

#mainheading
{
	height:20%;
	margin-top:5%;
	background: url(../images/Style3/Santa-banner.png) no-repeat;
	/*Hat in the banner sourced from: http://www.thebigknit.devonartist.co.uk/Santa.html*/
	height: 250px;
	border-radius: 12px;
	padding: 1%;
	text-align: center;
	-moz-transform: rotate(-4.5deg);
	-webkit-transform: rotate(-4.5deg);
	-o-transform: rotate(-4.5deg);
}

#subheading
{
	margin-left: 30%;
}


#subnav1
{
	font-size: 0.9em;
	color:black;
	float:left;
	width:18%;
	margin-top: 8%;
	background-color: white;
	height: 535px;
	padding:1%;
}

#subnav1  ul {
	float:left;
	margin-top: 2.4%;
	list-style:none;
	text-align: center;
	width:100%;
}

#subnav1  ul a
{
	width:8em;
	padding: 10px;
	color:black;
	text-align:center;
	text-decoration: none;
	background-color: #cccccc;
	margin:0.3em;
	font-size: 0.9em;
	font-family: 'Wellfleet', cursive;
}

#subnav1 li{
   display:block;
   list-style:none;
   position:relative;
   margin-top: 15%;
}

#subnav1 ul a:hover
{
	color:white;
}



#subnav2
{
	width:18%;
	float:right;
	text-align: center;
	color:black;
	background-color: white;
	padding: 1%;
	height: 250px;
	margin-top: 8%;

}

#subnav2  ul {
	margin-top: 5%;
	list-style:none;
}

#subnav2  ul a
{
	width:8em;
	padding: 10px;
	color:black;
	text-align:center;
	text-decoration: none;
	background-color: #cccccc;
	margin:0.3em;
	font-size: 0.8em;
	font-family: 'Wellfleet', cursive;
}

#subnav2 li{
   display:block;
   list-style:none;
   position:relative;
   margin-top: 18%;
}

#subnav2 ul a:hover
{
	color:white;
}

p
{
	font-family: 'Wellfleet', cursive;
}

#quicksummary
{
	clear:right;
	float: right;
	background:white;
	padding:1%;
	width:18%;
	margin-top: 6.4%;
}

#maincontent
{
	margin: 0 auto;
	margin-top: 8%;
}

#a1
{
	margin: 0 auto;
	margin-bottom: 2%;
	padding:1%;
	width:56%;
	background-color: white;
}

#a2
{
	margin: 0 auto;
	margin-bottom: 2%;
	padding:1%;
	width:56%;
	background-color: white;
}
#a3
{
	margin-top: 4%;
	margin-bottom: 2%;
	padding:1%;
	background-color: white;
	border-radius: 15px;
	border-width: 44px 44px 44px 45px;
	-moz-border-image: url(../images/Style3/tinsel.png) 44 44 44 45 repeat;
	-webkit-border-image: url(../images/Style3/tinsel.png) 44 44 44 45 repeat;
	-o-border-image: url(../images/Style3/tinsel.png) 44 44 44 45 repeat;
	border-image: url(../images/Style3/tinsel.png) 44 44 44 45 fill repeat;
	/*Tinsel in the border sourced from: http://www.megapartysupplies.co.uk/luxury-gold-25ft-tinsel-garland.html*/
	/*Ball Balls in the border sourced from: http://www.rgbstock.com/photo/mxxC7Ii/Speckled+Ball+5*/
}

#a4
{
	margin-top: 4%;
	margin-bottom: 2%;
	padding:1%;
	background-color: white;
	border-radius: 15px;
	border-width: 44px 44px 44px 45px;
	-moz-border-image: url(../images/Style3/tinsel.png) 44 44 44 45 repeat;
	-webkit-border-image: url(../images/Style3/tinsel.png) 44 44 44 45 repeat;
	-o-border-image: url(../images/Style3/tinsel.png) 44 44 44 45 repeat;
	border-image: url(../images/Style3/tinsel.png) 44 44 44 45 fill repeat;
	/*Tinsel in the border sourced from: http://www.megapartysupplies.co.uk/luxury-gold-25ft-tinsel-garland.html*/
	/*Ball Balls in the border sourced from: http://www.rgbstock.com/photo/mxxC7Ii/Speckled+Ball+5*/
}

#a5
{
	margin-top: 4%;
	margin-bottom: 2%;
	padding:1%;
	background-color: white;
	border-radius: 15px;
	border-width: 44px 44px 44px 45px;
	-moz-border-image: url(../images/Style3/tinsel.png) 44 44 44 45 repeat;
	-webkit-border-image: url(../images/Style3/tinsel.png) 44 44 44 45 repeat;
	-o-border-image: url(../images/Style3/tinsel.png) 44 44 44 45 repeat;
	border-image: url(../images/Style3/tinsel.png) 44 44 44 45 fill repeat;
	/*Tinsel in the border sourced from: http://www.megapartysupplies.co.uk/luxury-gold-25ft-tinsel-garland.html*/
	/*Ball Balls in the border sourced from: http://www.rgbstock.com/photo/mxxC7Ii/Speckled+Ball+5*/
}

#bulletlist
{
	margin-top: 2%;
}

#bulletlist ul
{
	margin-left: 6%;
	margin-bottom: 2%;
	list-style-type: circle;
}

#bulletlist li:nth-child(odd)
{
	color: blue;
	margin-left: 15px;
}

#bulletlist ul a
{
	color:white;
	font-family: 'Wellfleet', cursive;
}

footer
{
	text-align: center;
	background-color: white;
}