/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana; font-size: 12px; color: #fff; }
input, select, textarea { font-family: Verdana; font-size: 12px; color: #fff; }
body { background: url('../images/bodyBg.gif'); }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; overflow: hidden; width: 100%; min-height: 100%; background: url('../images/wrapperBg.png') no-repeat; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1000px; }

	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 1000px; }
	#contentCntr h1 { margin: 66px 0px 30px 75px; width: 642px; height: 72px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { position: relative; float: left; width: 799px; }
		
			/* ### MENU CONTAINER ### */
			#menuCntr { position: absolute; top: 179px; width: 799px; height: 33px; }
			#menuCntr ul { padding-left: 10px; overflow: hidden; width: 789px; list-style: none; }
			#menuCntr li { position: absolute; top: 0px; float: left; display: inline; }
			#menuCntr li a { padding: 12px 8px 0px 0px; display: block; float: left; width: 129px; height: 20px; text-align: center; text-decoration: none; color: #a9a9a9; background: url('../images/menuTab.png') no-repeat 0px 0px; }
			#menuCntr li a:hover, #menuCntr li.selected a { color: #fff; background-position: 0px -33px; }
			#menuCntr li.tab1 { left: 10px; }
			#menuCntr li.tab2 { left: 110px; }
			#menuCntr li.tab3 { left: 210px; }
			#menuCntr li.tab4 { left: 310px; }
			
			/* ### TABS CONTAINER ### */
			#tabsCntr { padding-top: 42px; width: 799px; }
			#tabsCntr div.tab { padding-bottom: 10px; display: none; background: url('../images/tabsBottom.png') no-repeat bottom; }
			#tabsCntr div.tab div.top { padding: 10px 0px 0px 0px; background: url('../images/tabsTop.png') no-repeat top; }
			#tabsCntr div.tab div.bottom { padding: 0px 20px 0px 20px; background: url('../images/tabsBg.png') repeat-y top; }
			#tabsCntr div.selected { display: block; }
			#tabsCntr h2 { padding-bottom: 20px; font: bold 24px Helvetica; }
			#tabsCntr p { line-height: 15px; }
			#tabsCntr li { margin-left: 50px; }
			#tabsCntr a { color: #C4D600; font-weight: bold; text-decoration: none; }
			#tabsCntr a:hover { text-decoration: underline; }
			
			/* ### BOXES CONTAINER ### */
			#boxesCntr { padding: 23px 0px 0px 8px; overflow: hidden; width: 791px; }
			#boxesCntr div.column { padding-right: 20px; float: left; display: inline; width: 247px; }
			#boxesCntr div.last { padding-right: 0px; }
			#boxesCntr p { text-align: justify; }
			#boxesCntr a:hover { color: #C4D600; font-weight: bold; text-decoration: none; }
			
				/* ### GREY BOX ### */
				.greyBox { margin-bottom: 20px; padding-bottom: 9px; width: 247px; background: url('../images/greyBottom.png') no-repeat bottom; }
				.greyBox div.top { padding-top: 8px; background: url('../images/greyTop.png') no-repeat top; }
				.greyBox div.bottom { padding: 2px 14px 5px 10px; background: url('../images/greyBg.png') repeat-y; height: 100px; }
				.greyBox a { color: white; text-decoration: none; }
				
				/* ### ORANGE BOX ### */
				.orangeBox { margin-bottom: 20px; padding-bottom: 9px; width: 247px; background: url('../images/orangeBottom.png') no-repeat -3px bottom; }
				.orangeBox div.top { padding-top: 8px; background: url('../images/orangeTop.png') no-repeat -3px top; }
				.orangeBox div.bottom { padding: 2px 14px 5px 10px; background: url('../images/orangeBg.png') repeat-y -3px; height: 100px; }
				.orangeBox a { color: white; text-decoration: none; }
				
				/* ### BROWN BOX ### */
				.brownBox { padding-bottom: 9px; width: 247px; background: url('../images/brownBottom.png') no-repeat bottom; }
				.brownBox div.top { padding-top: 8px; background: url('../images/brownTop.png') no-repeat top; }
				.brownBox div.bottom { padding: 2px 14px 5px 10px; background: url('../images/brownBg.png') repeat-y; height: 100px; }
				.brownBox a { color: white; text-decoration: none; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-top: 60px; float: right; width: 200px; }
		
			/* ### APPLE BOX ### */
			.appleBox { padding-bottom: 19px; width: 200px; background: url('../images/appleBottom.png') no-repeat bottom; }
			.appleBox div.top { padding-top: 128px; background: url('../images/appleTop.png') no-repeat top; }
			.appleBox div.bottom { padding: 0px 2px 0px 2px; background: url('../images/appleBg.png') repeat-y; }
			.appleBox ul { padding: 0px 10px 0px 10px; list-style: none; background: url('../images/appleGradient.png') repeat-x bottom; }
			.appleBox li { padding: 20px 0px 15px 0px; line-height: 20px; color: #4f6b80; }
			.appleBox h2 { font-size: 18px; font-weight: normal; }
			.appleBox a { color: #4f6b80; text-decoration: none; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 45px 0px 20px 0px; width: 1000px; }
	#footerCntr p { text-align: center; font-size: 10px; color: #000; }
	#footerCntr a { text-decoration: none; color: #000; }
	#footerCntr a:hover { text-decoration: underline; }
