/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #fff; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #fff; }
body { background: url('/images/bg.gif') #131313 center; }
img { border: 0px; display: block; }
a, input, select { outline: none; }
hr { display: none; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }
.bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }
.home { position: fixed; top: 0px; left: 0px; z-index: 5; width: 100%; }

/* ### wrapper ### */
#wrapper { display: block; position: relative; overflow: hidden; width: 100%; height: 100%; }

/* ### menu container ### */
#menuCntr { position: fixed; top: 0px; left: 150px; z-index: 100; width: 182px; height: 100%; background: url('/images/menuBg.png') repeat-y; }
#menuCntr ul { margin-top: -175px; position: absolute; top: 50%; left: 20px; height: 350px; list-style: none; }
#menuCntr li { height: 50px; line-height: 50px; font-size: 24px; }
#menuCntr li a { font-family: 'Gruppo', Arial; text-decoration: none; color: #0f0f0f; }
#menuCntr li a:hover, #menuCntr li.selected a { font-weight: bold; color: #fc0082; }

/* ### content container ### */
#contentCntr { position: relative; z-index: 10; overflow: hidden; width: 100%; height: 100%; }
#contentCntr h1 span.d { position: fixed; z-index: 100; bottom: 0px; left: 0px; width: 150px; height: 50%; text-indent: -9999px; background: url('/images/deborah.png') no-repeat center; }
#contentCntr h1 span.l { position: fixed; z-index: 100; top: 0px; left: 0px; width: 150px; height: 50%; text-indent: -9999px; background: url('/images/lalihatu.png') no-repeat center; }
	
	/* ### home box ### */
	.homeBox { margin: -200px 0px 0px -225px; padding: 25px; position: absolute; top: 50%; left: 50%; z-index: 15; overflow: auto; width: 650px; height: 350px; border-radius: 15px; background: url('/images/blockBg.png'); }
	.homeBox h3 { padding-bottom: 15px; font-family: 'Gruppo', Arial; font-size: 36px; font-weight: bold; font-style: italic; color: #fc0082; }
	.homeBox p { padding-bottom: 25px; line-height: 20px; }
	.homeBox ul { overflow: hidden; width: 500px; list-style: none; }
	.homeBox li { float: left; width: 350px; height: 20px; line-height: 20px; }
	.homeBox li.first { width: 150px; font-weight: bold; }
	
	/* ### videos box ### */
	.videosBox { margin: -210px 0px 0px -225px; padding: 25px; position: absolute; top: 50%; left: 50%; width: 650px; border-radius: 15px; background: url('/images/blockBg.png'); }
	.videosBox h3 { padding-bottom: 15px; font-family: 'Gruppo', Arial; font-size: 36px; font-weight: bold; font-style: italic; color: #fc0082; }
	.videosBox ul { margin-top: -19px; overflow: hidden; width: 650px; list-style: none; }
	.videosBox li { padding: 19px 19px 0px 0px; float: left; display: inline; }
	.videosBox li.last { padding-right: 0px; }
	.videosBox li a { display: block; float: left; width: 90px; height: 90px; border: 1px solid #fc0082; }
	
	/* ### public box ### */
	.publicBox { margin: -225px 0px 0px -225px; padding: 25px; position: absolute; top: 50%; left: 50%; width: 542px; height: 450px; border-radius: 15px; background: url('/images/blockBg.png'); }
	.publicBox h3 { padding-bottom: 15px; font-family: 'Gruppo', Arial; font-size: 36px; font-weight: bold; font-style: italic; color: #fc0082; }
	.publicBox ul { overflow: auto; width: 542px; height: 405px; list-style: none; }
	.publicBox li { padding-bottom: 15px; display: block; }
	.publicBox li a { display: block; width: 500px; height: 80px; border: 1px solid #fc0082; }
	
	/* ### error box ### */
	.errorBox { margin: -100px 0px 0px -225px; padding: 25px; position: absolute; top: 50%; left: 50%; overflow: auto; width: 400px; height: 150px; text-align: center; border-radius: 15px; background: url('/images/blockBg.png'); }
	.errorBox h3 { padding-bottom: 10px; font-family: 'Gruppo', Arial; font-size: 36px; font-weight: bold; font-style: italic; color: #fc0082; }

	/* ### warning box ### */
	.warningBox { position: absolute; top: 0px; left: 0px; z-index: 400; width: 100%; height: 35px; line-height: 35px; color: #000; border-bottom: 2px solid #ffb400; background: url('/images/warning.png') #ffe684 no-repeat 15px center; }
	.warningBox p { padding: 0px 50px; }
	.warningBox a { text-decoration: none; font-weight: bold; color: #000; }
	.warningBox a:hover { text-decoration: underline; }
	
	/* ### photo box ### */
	.photoBox { overflow: hidden; width: 100%; height: 100%; text-align: center; }
	.photoBox #slider { overflow: hidden; width: 100%; height: 100%; }
	.photoBox #slider ul { overflow: hidden; list-style: none; }
	.photoBox #slider li { overflow: hidden; float: left; }
	.photoBox img { display: inline; }
	.photoBox #prevBtn a { margin-top: -47px; position: fixed; top: 50%; left: 0px; z-index: 300; display: block; width: 141px; height: 94px; text-indent: -9999px; background: url('../images/prevBg.png') no-repeat; }
	.photoBox #nextBtn a { margin-top: -47px; position: fixed; top: 50%; right: 0px; z-index: 300; display: block; width: 141px; height: 94px; text-indent: -9999px; background: url('../images/nextBg.png') no-repeat; }