/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

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

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

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding: 0px 1px 0px 1px; position: relative; overflow: hidden; width: 988px; background: url('../images/mainBg.gif') repeat-y; }
#mainCntr div.bottom { position: relative; overflow: hidden; width: 988px; background: url('../images/rightBg.gif') no-repeat right bottom; }

	/* ### LEFT CONTAINER ### */
	#leftCntr { padding-top: 153px; float: left; width: 269px; height: 730px; background: url('../images/leftTop.gif') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { width: 269px; position: relative;}
		#menuCntr ul { border-top: 5px solid #fff; }
		#menuCntr li { text-align: center; text-transform: uppercase; font: bold 18px Helvetica; border-bottom: 5px solid #fff; }
		#menuCntr li a { display: block; height: 33px; line-height: 33px; text-decoration: none; color: #fff; }
		#menuCntr li a:hover, #menuCntr li.selected a { color: #a1e1fc; }
		
		/* ### HAP CONTAINER ### */
		#navbar {position: relative;}
		#hapCntr { padding: 25px 30px 28px 30px; position: absolute; left: 40px; width: 244px; height: 322px; text-align: center; color: #fff; background: url('../images/bord.png') no-repeat; clear: both;}
		#hapCntr div.scroller { padding: 30px 0px 30px 0px; overflow: auto; width: 237px; height: 252px; }
		#hapCntr h2 { padding-bottom: 40px; font: italic bold 36px Helvetica; }
		#hapCntr p { font: italic bold 20px/26px Helvetica; }
	
	/* ### RIGHT CONTAINER ### */
	#rightCntr { float: right; width: 715px; }
	
		/* ### HEADER CONTAINER ### */
		#headerCntr { padding-top: 182px; width: 715px; height: 163px; text-align: center; color: #fff; background: url('../images/headerBg.png') no-repeat; }
		#headerCntr h1 { padding-bottom: 10px; font: bold 70px Helvetica; text-transform: uppercase; }
		#headerCntr address { font: normal 39px Helvetica; }
		
		/* ### CONTENT CONTAINER ### */
		#contentCntr { padding: 20px 0px 0px 87px; width: 628px; }
		
			/* ### MENU BOX ### */
			.menuBox { padding-bottom: 20px; width: 628px; }
			.menuBox h1 { padding-bottom: 30px; font-size: 24px; font-weight: bold; text-transform: uppercase; color: #8e241f; }
			.menuBox p { padding-bottom: 20px; font-weight: bold; }
			.menuBox ul { overflow: hidden; width: 628px; list-style: none; }
			.menuBox li { float: left; display: inline; width: 300px; line-height: 18px; }
			.menuBox li.last { width: 328px; }
			
			/* ### CONTACT BOX ### */
			.contactBox { padding-bottom: 20px; width: 628px; }
			.contactBox fieldset { overflow: hidden; width: 384px; border: 0px; }
			.contactBox label { margin-bottom: 5px; display: block; float: left; width: 100px; height: 26px; line-height: 26px; }
			.contactBox label span { color: #8e241f; }
			.contactBox input.field { margin-bottom: 5px; padding: 5px 5px 0px 5px; float: left; width: 272px; height: 19px; border: 1px solid #8e241f; background: #fff; }
			.contactBox textarea { margin-bottom: 5px; padding: 5px; float: left; width: 272px; height: 90px; border: 1px solid #8e241f; background: #fff; }
			.contactBox input.submit { float: right; width: 284px; height: 26px; cursor: pointer; text-align: center; text-transform: uppercase; font: bold 18px Helvetica; color: #a1e1fc; border: 0px; background: #8e241f; }