/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 13px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #000; }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto 20px auto; width: 914px;  background: #fff url('../images/fire-bg.jpg') top left no-repeat; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 914px; height: 280px; }
	#headerCntr h1 { padding-top: 56px; padding-right: 31px; float: right; }
	#headerCntr h1 a { display: block; width: 386px; height: 135px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-right: 10px; height: 24px; line-height: 24px; float: left; overflow: hidden; background: url('../images/menu-right.png') top right no-repeat; }
		#menuCntr ul { list-style: none; overflow: hidden; background: #fff; float: left; }
		#menuCntr li { padding: 0px 17px; float: left; background: url('../images/seperator.gif') right no-repeat; }
		#menuCntr li.last { padding-right: 10px; background: none; }
		#menuCntr li a { color: #cc3433; font-size: 13px; text-decoration: none; }
		#menuCntr li a:hover { text-decoration: underline; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { position: relative; width: 914px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding: 22px 0px 0px 30px; float: left; width: 650px; background: #FFF; min-height: 200px; }
		#leftCntr a { color: #cc3433; font-size: 13px; text-decoration: none; }
		#leftCntr a:hover { text-decoration: underline; }

		
			/* ### TEXT BOX ### */
			.textBox { width: 592px; }
			.textBox h2 { padding-bottom: 15px; font-size: 25px; color: #000; font-weight: normal; }
			.textBox p { padding-bottom: 20px; color: #000; }
	
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-top: 36px; position: absolute; top: -66px; right: 12px; float: right; width: 266px; background: url('../images/right-top.png') top left no-repeat; }
		#rightCntr .middle { width: 266px; background: url('../images/right-middle.png') top left repeat-y; }
		#rightCntr .bottom { height: 38px;  width: 266px; background: url('../images/right-bottom.png') bottom left no-repeat; }
			
			/* ### EVENTS BOX ### */
			.eventsBox { padding-left: 2px; width: 252px; }
			.eventsBox h3 { padding-bottom: 10px; margin-bottom: 13px; text-transform: uppercase; border-bottom: 2px solid #fff; text-align: center; font-size: 15px; color: #fff; } 
			.eventsBox a { padding-left: 15px; color: #fff; font-weight: bold; line-height: 20px; text-decoration: none; font-size: 12px; }
			.eventsBox a:hover { text-decoration: underline; }
			.eventsBox p { padding: 0px 0px 15px 15px; font-size: 12px; color: #fff; line-height: 20px; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { margin: 35px auto 0px auto; height: 180px; overflow: hidden; width: 900px; background: url('../images/footer-bg.jpg') top left no-repeat; }
	#footerCntr ul { padding-left: 10px; padding-top: 115px; list-style: none; overflow: hidden; }
	#footerCntr li { padding: 0px 10px; float: left; color: #666667; }
	#footerCntr li a { color: #666667; text-decoration: none; }
	#footerCntr li a:hover { text-decoration: underline; }