@font-face {
	  font-family: "mohannad";
	  src: url(common/mohannad.ttf) format("truetype");
	}

	img, div, body {
	 }
	
	body {
		margin: 0pt;
		text-align: center;
		font-family: Helvetica, sans-serif;
		font-weight: 100;
	}

	body {
		background-color: white;
		color: #2f2f2f; /* text color */
  		background-position: center center;
  		background-repeat: no-repeat;
  	 	background-attachment: fixed;
  	 	background-size: cover;
	}

	#master {
		font-size: 20pt;
	}

	#title {
/* 		background-color: rgba(247,247,247,0.28); */
/* 		background-color: #2f2f2f; */
		display: block;
		color: #2e2e2e;
		font-family: Helvetica;
/* 		font-variant: small-caps; */
		text-transform: uppercase;
/* 		text-align: left; */
		width: 100%;
/* 		height: 25pt; */
/* 		padding: 5pt; */
/* 		position: fixed; */
/* 		z-index: 1; */
		min-width: 500pt;
	}
	
	#title #text {
/* 		display: block; */
/* 		position: absolute; */
/* 		top: 6pt; */
/* 		right: 5pt; */
/* 		left: 5pt; */
/* 		bottom: 5pt; */
	}
	
	#subtitle {
		font-size: 70%;
/* 		position: absolute; */
/* 		right: 0pt; */
/* 		top: 0pt; */
	}

	#links {
/* 		padding-top: 10pt; */
		font-size: 75%;
/* 		position: relative; */
/* 		top: -11pt; */
	}

	a:link, a:visited {
		text-decoration: none;
		color: inherit;
		padding-right: 10pt;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	#content {
		display: inline-block;
		position: absolute;
		bottom: 0pt;
		top: 0pt;
		left: 0pt;
		right: 0pt;
		z-index: 0;
	}
	
	.table, .row, .cell {
		display: table;
		height: 100%;
		width: 100%;
	}
	
	.row {
		display: table-row;
	}
	
	.cell {
		display: table-cell;
		vertical-align: middle;
	}
	
	.box {
		color: white;
		margin-top: 5pt;
/* 		display: inline-table; */
/* 		padding: 10pt; */
/* 		padding-right: 0pt; */
/* 		padding-left: 0pt; */
		font-size: 70%;
/* 		font-weight: bold; */
/* 		position: relative; */
/* 		display: inline-block; */
		width: 100%;
		min-width: 500pt;
/* 		border-radius: 5px; */
/* 		background-color: rgba(207,207,207,0.38); */

/* 		background-color: rgba(179,94,94,0.58); */
		background-color: rgba(0, 0, 0, 0.58);
	}
	
	.box a:link {
		top: 1pt; 
 		position: relative;
 		padding-right: 0pt;
 		padding-left: 0pt;
	}
	
	.box a:hover {
/*
		text-decoration: underline;
		text-shadow: 0px 0px 3px rgba(256,256,256,0.56);
*/
	}
	
	.box .button {
/* 		font-size: 70%; */
		display: inline-block;
/* 		border: 1px solid black; */

		padding: 15pt;

	}