/*
----------------------------------------------- 
oktoberfest site layout and design css
powered by SPEEDxDESIGN
version: 09.15.08
----------------------------------------------- */


/* Universals
----------------------------------------------- */
* { padding: 0; margin: 0; }

body {
	background-color: #111; 
	font: 12px Tahoma, Verdana, Arial, Helvetica;
	color: #d2d2d2;
	}

ul { margin-left: 15px; }
h4 { margin: 0px; padding: 0px; color: #ed1654; font-weight: 900; font-size: 16px; }

#clear { clear: both; }

a img { border: none; }

a:link, a:visited { text-decoration: none; color: #ed1654; }
a:hover { text-decoration: none; color: #222; }
	

/* Main Site Layout & Design
----------------------------------------------- */
#dateBanner {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 62px;
	background: url(gfx/backgrounds/dateBanner_01.jpg) top left repeat-x;
	}
#festDate {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	height: 62px;
	background: url(gfx/backgrounds/festDate_01.gif) top left no-repeat;
	}

#festNav {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 28px;
	background-color: #c41e48;
	}
#UPDATE{
	margin: 0px auto;
	padding: 10px 0 0 0;
	width: 840px;
	height: 28px;
	font-size: 16px;
	}
#topNavigation {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	height: 28px;
	background: url(gfx/backgrounds/festNav_01.gif) top left no-repeat;
	}
	
#festLogoMain {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	height: 520px;
	background: url(gfx/backgrounds/oktoberfestLogo_01.jpg) top left no-repeat;
	}
#logoInside {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	height: 276px;
	background: url(gfx/backgrounds/oktoberfestInside_01.jpg) top left no-repeat;
	}
	
#mainContent {
	margin: 0px auto;
	padding: 0 100px 25px; 100px;
	width: 640px;
	color: #222;
	background: transparent url(gfx/backgrounds/mainContent_01.jpg) top left repeat-y;
	}

#mainFooter {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 175px;
	background: url(gfx/backgrounds/bottomBkg_01.jpg) top left repeat-x;
	}
#mainBottom {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	height: 175px;
	background: url(gfx/backgrounds/mainBottom_01.jpg) top left no-repeat;
	}
	
#days {
	float: left;
	margin: 175px 0 0 20px;
	padding: 0px;
	width: 370px;
	height: 275px;
	background: transparent url(gfx/backgrounds/date_01.jpg) top left no-repeat;
	z-index: 2;
	}
	
#UPDATE a:hover { color: #ffcc00; }


/* that be it
----------------------------------------------- */