/*------------------------------------------------------------------
[Table of contents]

1. Body + reset general tags
2. Links
3. Containers #site
4. Header / #headerCon
5. Content / #contentCon
6. Footer / #footerCon

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


/*------------------------------------------------------------------
[ 1. Body + reset general tags ]
------------------------------------------------------------------*/

html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:12px;
	color:#000;
	font-family: Arial, Helvetica, Sans-Serif;
	background:url(../images/body_bg.png) center bottom repeat-x #fff;
    overflow-x: hidden;
}

img {
	display:inline;
	border:none;	
	vertical-align:bottom;
}


h1 {
	
}

object { outline:none; }

/*------------------------------------------------------------------
[ 2. Links ]
------------------------------------------------------------------*/


a {
	color:#B2B3B5;	
	text-decoration:underline;
	outline: none; /* hide outlines on clicked links */
}
a:visited {
	color:#B2B3B5;
}
a:hover {
	color:#969698;
	text-decoration:underline;
}


/* hide outlines on clicked links */
:-moz-any-link:focus {
  outline: none;
}


/*------------------------------------------------------------------
[ 3. Containers #site ]

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

div#outercon {
	position:absolute;
	width:100%;
	height:100%;
	z-index:999;
}

div#ceiling {
	width: 100%;
	height: 50%;
	margin-top: -362px;
	float: left;
}

div#site {
	margin: 0 auto;
	width: 1003px;
	height: 725px;
	clear: both;
	top: -362px;
}

div#flashcontainer {
	position: relative;
	height: 100%;
	padding: 2px 0 0 4px;
	width: 999px;
	height: 606px;
	background:url(../images/flashmovie_bg.png) no-repeat;
}

/*------------------------------------------------------------------
[ 4. Header / #headerCon ]
------------------------------------------------------------------*/

div#header {
	height:50px;
	text-align:center;
    margin-top: 10px;
}


/*------------------------------------------------------------------
[ 5. Content / #contentCon ]
------------------------------------------------------------------*/

div.snowflakes {
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	width:100%;
}

div#snowflakes_1 {
	background: url(../images/snowflakes_1.gif) no-repeat scroll 70% 100%;
	z-index:10;
}

div#snowflakes_2 {
	background: url(../images/snowflakes_2.gif)no-repeat scroll 60% 80%;
	z-index:20;
}

div#snowflakes_3 {
	background: url(../images/snowflakes_3.gif) no-repeat scroll 50% 70%;
	z-index:30;
}

div#snowflakes_4 {
	background: url(../images/snowflakes_4.gif)no-repeat scroll 40% 50%;
	z-index:40;
}

div#snowflakes_5 {
	background: url(../images/snowflakes_5.gif) no-repeat scroll 30% 40%;
	z-index:50;
}

div#snowflakes_6 {
	background: url(../images/snowflakes_6.gif)no-repeat scroll 20% 30%;
	z-index:60;
}

div#snowflakes_7 {
	background: url(../images/snowflakes_7.gif)no-repeat scroll 10% 10%;
	z-index:70;
}

/*------------------------------------------------------------------
[ 6. Footer / #footerCon ]
------------------------------------------------------------------*/

div#footer {
	padding:7px 0;
	text-align:center;
	color:#b2b3b5;
}