@charset "UTF-8";
/* CSS Document */

*
	{
		margin: 0;
		padding: 0;
		border: none;
		outline:none;
	}

html
	{
		height: 100%;
	}

body {
	color:#fff;
	height: 100%;
	font-size:12px;
	background-color: #fff;
	font-family: Verdana, Geneva, sans-serif;
}

a {text-decoration:none;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { 
	overflow: hidden; 
	_height : 1%; 
}

.left {
	float: left;
}
.right {
	float: right;
}

img, div { 
	behavior: url(./css/iepngfix.htc) 
}

.logo-uae 
	{
		background: url(../image/logo-uae.png) no-repeat 0 0;
		margin: 0;
		float:left;
		width:80px;
		height:80px;
		text-indent:-99999px;
	}
.logo-vision 
	{
		background: url(../image/logo-vision-2021.png) no-repeat 0 0;
		margin: 0;
		float:left;
		width:120px;
		height:80px;
		text-indent:-99999px;
	}

/*-----------------------------------------------------------------------------
->	ID
-----------------------------------------------------------------------------*/
#wrapper 
	{
		position:relative; /* needed for footer positioning*/
		margin:0 auto; /* center, not in IE5 */
		width:100%;
		height:auto !important; /* real browsers */
		height:100%; /* IE6: treaded as min-height*/
		min-height:100%; /* real browsers */
	}

#intro-page-holder 
	{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 1000px; /* Specify DIV's Width */
		height: 600px; /* Specify DIV's Height */
		margin-top: -300px; /* Set To A Negative Number 1/2 Of Your Height */
		margin-left: -500px; /* Set To A Negative Number 1/2 Of Your Width */
		border:1px solid #d5cdbb;
	}

#home-page-holder 
	{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 1000px; /* Specify DIV's Width */
		height: 600px; /* Specify DIV's Height */
		margin-top: -300px; /* Set To A Negative Number 1/2 Of Your Height */
		margin-left: -500px; /* Set To A Negative Number 1/2 Of Your Width */
		background:url(../image/home-main-image.jpg) no-repeat 0 0;
	}

#page-holder 
	{
		margin: 0 auto;
		width:1000px;
		height:auto;
		border:1px solid #d5cdbb;
	}

#masthead-home
	{
		width:1000px;
		height:105px;
		padding:25px 0 0 35px;
	}
#masthead
	{
		width:965px;
		height:105px;
		padding:25px 0 0 35px;
		background: #fff url(../image/masthead-bg.gif) no-repeat 0 0;
	}
#home-page-link
	{
		width:400px;
		height:50px;
		margin:70px 0 0 350px;
	}
#home-page-link a
	{
		display:block;
		width:400px;
		height:50px;
		text-indent:-99999px;
	}
#content-holder
	{
		width:1000px;
	}

.intro-image
	{
		width:1000px;
		height:334px;
		text-indent:-99999px;
		background: #fff url(../image/intro-image.gif) no-repeat 0 0;
	}

#button-holder
	{
		width:1000px;
		height:15px;
		margin:8px 0 0 0;
	}
.enter-arabic-btn
	{
		float:left;
		width:50px;
		height:15px;
		margin:0 10px 0 440px;
		text-indent:-99999px;
		background: url(../image/btn-enter-ar.png) no-repeat 0 0;
	}
.enter-arabic-btn a
	{
		display:block;
		float:left;
		width:50px;
		height:15px;
		text-indent:-99999px;
	}
	
.enter-english-btn
	{
		float:left;
		width:62px;
		height:15px;
		margin:0;
		text-indent:-99999px;
		background: url(../image/btn-enter.png) no-repeat 0 0;
	}
.enter-english-btn a
	{
		display:block;
		float:left;
		width:62px;
		height:15px;
		margin:0;
		text-indent:-99999px;
	}

#home-menu
	{
		width:115px;
		height:80px;
	}
/*---------------------------------------------------------------------------------------------
Sub pages
---------------------------------------------------------------------------------------------*/

#spotlight-holder
	{
		width:1000px;
		height:206px;
	}
#spotlight-holder img
	{
		float:left;
	}
#flash-element{
	width:227px;
	height:206px;
	float:left;
	background:url(../image/spotlight-image.jpg) no-repeat 0 0;
}
#content-separator
 	{
		width:1000px;
		height:37px;
		background: #FFF url(../image/content-separator-image.jpg) no-repeat 0 0;
	}
#left-pod
	{
		float:left;
		width:171px;
		height:auto;
	}
#home-arabic-menu-holder img
	{
		float:left;
	}
.sub-page-links
	{
		margin:10px 0 0 0;
	}
.common-links-holder
	{
		margin:10px 0 0 0;
	}	
.social-media-links
	{
		padding:10px 0 0 0;
	}
	
.supporter-holder
	{
		height:70px;
		margin:10px 0 0 0;
		padding:10px 0 0 0;
		background-color:#e9e6d9;
	}
.supporter-holder dt
	{
		color:#7d5807;
		font-size:14px;
		font-weight:bold;
		line-height:35px;
		text-align:center;
	}
.supporter-holder dd
	{
		color:#7d5807;
		font-size:12px;
		text-align:center;
	}
.supporter-holder dd a
	{
		color:#7d5807;
		font-size:12px;
		text-align:center;
	}
.supporter-holder dd a:hover
	{
		color:#7d5807;
		font-size:12px;
		text-align:center;
		font-weight:bold;
	}
.supporter-holder dd a:visited
	{
		color:#7d5807;
		font-size:12px;
		text-align:center;
	}
	
.scroll-holder
	{
		height:30px;
		margin:10px 0 0 0;
		background-color:#7d5807;
	}
.scroll-holder p
	{
		color:#7d5807;
		font-size:12px;
		line-height:30px;
		text-align:center;
		text-transform:uppercase;
	}
	
.newsticker-jcarousellite { width:137px; overflow:hidden; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:171px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:11px; color:#FFFFFF; text-transform:uppercase; line-height:30px; padding-left:5px; }

.support-submit
	{
		margin:15px 0 0 10px;
	}


#content-container
	{
		float:left;
		width:720px;
		margin:25px 20px 0 85px;
	}
#content-container h3
	{
		color:#b4975a;
		font-size:11px;
		font-weight:normal;
	}
#content-container p
	{
		width:487px;
		color:#717073;
		font-size:11px;
		font-weight:normal;
	}
#content-container .accordion img
	{
		margin:0;
		padding:0;
	}

#content-container .accordion .link
	{
		margin: 15px 0 0 0;
	}
#content-container .accordion .active
	{
		width:710px;
		height:auto;
		margin: 0;
	}
#content-container .accordion .active .quote
	{
		float:left;
		width:190px;
		font-size:13px;
		color:#b5985a;
		margin: 0 0 0 10px;
		padding:0 0 0 5px;
		border-left:10px solid #b5985a;
	}
#content-container .accordion .text-bg
	{
		float:left;
		width:472px;
		margin:0;
		padding:20px 0 20px 15px;
		background:#f7f6f2;
	}
#content-container .accordion .text-bg p
	{
		width:450px;
		color:#717073;
		font-size:11px;
		font-weight:normal;
	}
#content-container .accordion
	{
		width: 710px;
		height: auto;
		float:left;
		margin: 0 ;
	}
#content-container .accordion a 
	{
		cursor:pointer;
		display:block;
		font-size: 10px;
		color: #fff;
		margin-bottom:1px;
		text-decoration: none;
		text-transform:uppercase;
	}
.banner
	{
		margin:40px 0 0 0;	
	}

/*---------------------------------------------------------------------------------------------
Sub pages
---------------------------------------------------------------------------------------------*/

#footer
	{
		width:1000px;
		height:50px;
		margin-top:50px;
		background:#ebe4d3;
	}
#footer p
	{
		color:#837b6a;
		font-size:10px;
		text-align:center;
		padding:10px 0 0 0;
	}