/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: 'Lucida Sans Unicode', Tahoma; font-size: 12px; color: #ec008c; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: url('../images/bodyBg.gif'); }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/wrapperBg.png') repeat-x; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1004px; }
	
	/* ### header container ### */
	#headerCntr { padding-top: 10px; position: relative; width: 1004px; height: 162px; background: url('../images/headerBg.png') no-repeat 0px 10px; }
	#headerCntr h1 { position: absolute; top: 62px; right: 50px; }
	#headerCntr h1 a { display: block; width: 232px; height: 79px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	
		/* ### menu box ### */
		.menuBox { position: absolute; top: 110px; left: 50px; width: 640px; }
		.menuBox ul { overflow: hidden;position: relative; width: 640px; height: 60px; list-style: none; }
		.menuBox li { margin-right: 25px; float: left; display: inline; font-weight: bold; font-size: 18px; }
		.menuBox li a { padding-bottom: 15px; position: relative; z-index: 10; display: block; float: left; text-decoration: none; color: #958771; }
		.menuBox li a:hover, .menuBox li.selected a { color: #ec008c; }
		.menuBox img.babor { position: absolute; top: -60px; left: 0px; }
		.menuBox li.back { position: absolute; z-index: 8; width: 9px; height: 40px; background: url('../images/menuBg.gif') no-repeat center bottom; }
	
	/* ### content container ### */
	#contentCntr { padding: 0px 50px 0px 50px; overflow: hidden; width: 904px; background: url('../images/contentBg.png') repeat-y; }
	
		/* ### intro box ### */
		.introBox { padding: 30px 575px 0px 30px; position: relative; overflow: hidden; width: 293px; height: 305px; color: #fff; }
		.introBox h1 { line-height: 24px; font-size: 20px; font-weight: bold; padding-bottom: 15px; }
		.introBox p { padding-bottom: 5px; line-height: 24px; }
		.introBox a { float: right; font-size: 15px; text-decoration: none; color: #fff; }
		.introBox a:hover { color: #fff; text-decoration: underline; }
		.introBox div.overlay { position: absolute; top: 0px; left: 0px; z-index: 9; width: 898px; height: 335px; background: url('../images/overlay.png') no-repeat; }
		.introBox div.text { position: relative; z-index: 10; }
		/*.introBox img { position: absolute; top: 0px; right: 0px; z-index: 3; }*/
		.introBox div#slider { position: absolute; top: 0px; right: 0px; height: 335px; width: 552px; display: block;  }
		
		/* ### left container ### */
		#leftCntr { padding-top: 30px; float: left; width: 643px; border-top: 2px solid #f033a3; }
		
			/* ### text box ### */
			.textBox { width: 590px; }
			.textBox h2 { line-height: 24px; font-size: 20px; font-weight: bold; }
			.textBox p { padding-bottom: 10px; line-height: 24px; }
			.textBox a { text-decoration: none; color: #958771; }
			.textBox a:hover { text-decoration: underline; }
			
			/* ### tab box ### */
			.tabBox { width: 590px; }
			.tabBox div.inline { padding-bottom: 25px; position: relative; line-height: 24px; }
			.tabBox div.inline a { text-decoration: none; color: #958771; }
			.tabBox div.inline a:hover { text-decoration: underline; }
			.tabBox h2 { font-size: 14px; font-weight: bold; }
			.tabBox em { position: absolute; top: 2px; right: 0px; color: #958771; }
			.tabBox ul { margin-bottom: 25px; overflow: hidden; width: 590px; height: 36px; list-style: none; background: url('../images/tabBg.gif') repeat-x; }
			.tabBox li { padding-left: 5px; float: left; display: inline; }
			.tabBox li a { display: block; float: left; height: 36px; text-decoration: none; color: #fff; background: url('../images/tab.gif') no-repeat left -300px; font-weight: bold; }
			.tabBox li a span { padding: 13px 10px 0px 10px; display: block; float: left; cursor: pointer; height: 23px; background: url('../images/tab.gif') no-repeat right -300px; font-weight: bold; }
			.tabBox li a:hover, .tabBox li.selected a { color: #ec008c; background-position: left top; font-weight: bold; }
			.tabBox li a:hover span, .tabBox li.selected a span { background-position: right bottom; font-weight: bold; }
			.tabBox li.selected a { font-weight: bold; }
		
		/* ### right container ### */
		#rightCntr { padding-top: 30px; float: right; width: 261px; border-top: 2px solid #f033a3; }
		
			/* ### pic box ### */
			.picBox { width: 261px; }
	
	/* ### footer container ### */
	#footerCntr { width: 1004px; height: 132px; background: url('../images/footerBg.png') no-repeat; }
	#footerCntr address { padding: 33px 0px 0px 100px; font-style: normal; color: #958771; }
	#footerCntr a { text-decoration: none; color: #958771; }
	#footerCntr a:hover { text-decoration: underline; }
	#footerCntr strong { color: #ec008c; }
	#footerCntr img { position: top; float: right; padding-right: 50px; padding-top: 30px; }