/* CSS Document */

div, header, article, nav, section, footer {
	behavior: url(ie-css3.htc);
}

@font-face {
	font-family: 'AllerBd';
	src: url("fonts/Aller_Bd.eot");
	src: url("fonts/Aller_Bd.eot?#iefix") format('embedded-opentype'),url("fonts/Aller_Bd.woff") format('woff'),url("fonts/Aller_Bd.ttf") format('truetype'),url("fonts/Aller_Bd.svg#Aller_Bd") format('svg');
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: 'AllerRg';
	src: url("fonts/Aller_Rg.eot");
	src: url("fonts/Aller_Rg.eot?#iefix") format('embedded-opentype'),url("fonts/Aller_Rg.woff") format('woff'),url("fonts/Aller_Rg.ttf") format('truetype'),url("fonts/Aller_Rg.svg#Aller_Rg") format('svg');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'AllerLt';
	src: url("fonts/Aller_Lt.eot");
	src: url("fonts/Aller_Lt.eot?#iefix") format('embedded-opentype'),url("fonts/Aller_Lt.woff") format('woff'),url("fonts/Aller_Lt.ttf") format('truetype'),url("fonts/Aller_Lt.svg#Aller_Lt") format('svg');
	font-style: normal;
	font-weight: lighter;
}


html, body {
	width: 100%; height: 100%;
	background-image: url('background.gif');
	background-repeat: repeat-x repeat-y;
	background-position: center top;
	background-attachment:fixed;
	background-color: #444;
	font-family: Tahoma, Arial, sans-serif;
	color: #FFF;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

div.top {
	position:fixed;
	top: 0px; left: 0px;
	width: 100%;
	background-image: url('background.gif');
	background-repeat: repeat-x repeat-y;
	background-position: center top;
	background-attachment:fixed;
	background-color: #444;
	height: 150px;
	z-index: 7500;
}

header {
	font-family: "AllerBd", Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	letter-spacing: -2px;
}


@media screen and (min-width: 750px) {
	header {
		font-size: 60px;
		padding: 5px 0 5px 0;
	}
}

@media screen and (min-width: 500px) and (max-width: 750px) {
	header {
		font-size: 40px;
		padding: 15px 0 15px 0;
	}
}

@media screen and (max-width: 500px) {
	header {
		font-size: 30px;
		padding: 20px 0 20px 0;
	}
}


nav {
	font-family: "AllerBd", Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
	font-size: 20px;
}

article {
	padding: 190px 2% 78px 2%;
	text-align: center;
	overflow-x: hidden;
	overflow-y: visible;
}

footer {
	font-family: Tahoma, Arial, sans-serif;
	text-align: center;
	color: #CCFF00;
	position:fixed;
	bottom: 0px; left: 0px;
	width: 100%;
	background-image: url('background.gif');
	background-repeat: repeat-x repeat-y;
	background-position: center top;
	background-attachment:fixed;
	background-color: #444;
	height: 48px;
	z-index: 7500;
}

@media screen and (min-width: 750px) {
	footer {
		font-size: 11px;
	}
}

@media screen and (max-width: 750px) {
	footer {
		font-size: 10px;
	}
}

a.menu:link {
	color: #CCFF00; text-decoration: none;
}
a.menu:visited {
	color: #CCFF00; text-decoration: none;
}
a.menu:active {
	color: #CCFF00; text-decoration: none;
}
a.menu:hover {
	color: #FFFFFF; text-decoration: none;
}

.green {
	color: #CCFF00;
} 

.unicode {
	font-family: 'Lucida Sans Unicode', 'Arial Unicode', 'Arial Unicode MS', 'Helvetica Unicode', 'Verdana Unicode', 'Times Unicode', 'Times New Roman Unicode', 'Courier Unicode', 'Courier New Unicode';
}

.unicodeGreen {
	font-family: 'Lucida Sans Unicode', 'Arial Unicode', 'Arial Unicode MS', 'Helvetica Unicode', 'Verdana Unicode', 'Times Unicode', 'Times New Roman Unicode', 'Courier Unicode', 'Courier New Unicode';
	color: #CCFF00;
} 

.thin {
	font-family: "AllerLt", Tahoma, Arial, sans-serif;
	font-weight: lighter;
} 

img.scalable {
	max-width: 100%;
	width: 100%;
}

.field {
	width: 100%; margin: 0 auto;
}

.field .thumbnails ul {
	list-style-type: none; margin: 0; padding: 0; float: left; position: relative; left: 50%;
}

.field .thumbnails li {
	float: left; margin: 0; position: relative; right: 50%; width: 150px; height: 150px;
}

.thumbnail {
	position: absolute; width: 150px; height: 150px; margin-top: 0px; margin-left: 0px; top: 0px; left: 0px; z-index: 1;
}

#ALL {
	width: 100%; height: 100%; text-align: center;
}

#TOP {
	width: 100%; margin: 0 auto; text-align: left;
}