﻿body, div {
	font-family:Arial, sans-serif;
	font-size: 8pt;
	color: #FFF;
}
body {
	background-color: #000;
	background-image: url(../images/background1.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

input,textarea,select {
	font-family:Arial, sans-serif;
	font-size: 8pt;
	color: #000;
	background-color:#CCC;
}

b,strong {
	color: #CCC;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #CCC;
	margin:0;
}

h1 {
	font-size: 24px;
	text-transform:uppercase;
}
h3 {
	margin-bottom: 5px;
}
a:link {
	color: #CCC;
	text-decoration: none;
}
a:visited {
	color: #CCC;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: underline;
}
a:active {
	color: #CCC;
	text-decoration: none;
}


#top {
	position:absolute;
    width:100%;
    height:65px;
	top: 0;
	z-index:1000;
    background:#000;
	border-bottom:1px solid #666;
	color:#666;
}
	#logo {
		float:left;
		width:320px;
		height:65px;
		background:url(../images/logoegyasposa.png) no-repeat;
	}
	#menu {
		float:right;
		margin-top:40px;
		margin-right:10px;
	}
	#menu a:hover{text-decoration:underline;}
	
#wrapper {
	position:absolute;
	z-index:1;
	width: 100%;
	height: 100%;
}


#slider-wrapper {
	position:absolute;
	z-index:4;
    width:940px;
    height:380px;
    margin:0 auto;
	margin-top:-190px;
	margin-left:-470px;
	top:50%;left:50%;
	display:block;
	border:5px solid #000;
}

#content {
	position:absolute;
	z-index:4;
    width:940px;
    height:380px;
	margin:0 auto;
	margin-top:-190px;
	margin-left:-470px;
	top:50%;left:50%;
	display:block;
	border:5px solid #000;
	background:#000;
}

	#featured_image{	
	position:absolute;
	z-index:4;
	width:940px;
	height:380px;
	overflow: hidden;
	margin:0 auto;
	margin-top:-190px;
	margin-left:-470px;
	top:50%;left:50%;	
	display:block;
	border:5px solid #000;
	background:#000;
	}

	#featured_image img, #featured_image a img {
	position:absolute;
	z-index: 2;
	visibility: hidden;
	}

	#featured #featured_image .current_img, #featured #featured_image .current_img img{
	z-index: 3;
	visibility: visible;
	}


	#content .left {
		width:520px;
		height:360px;
		color: #FFF;
		float:left;
	}
	#content .left div{
		width:540px;
		height:340px;
		padding:3px;
		overflow:auto;
		color: #FFF;
		text-align:justify;
		line-height:18px;
	}
	#content .right {
		width:380px;
		height:360px;
		color: #FFF;
		text-align:justify;
		line-height:18px;
		float:right;
		margin:0 5px 0 0;
	}
	#content .right2 {
		width:380px;
		height:370px;
		color: #000;
		text-align:justify;
		line-height:18px;
		float:right;
		margin:5px 5px 0 0;
	}
	#content .right2 div{color: #000;}


#footer {
	z-index: 100; 
	position: absolute; 
	left: 0px; 
	bottom: 0px;
	text-align:center;
    width:100%;
	padding:5px 0 5px 0;
    background:#000;
	border-top:1px solid #666;
}


.lightbox_video, .lightbox_image{
background:transparent url(../img/magnify.png) no-repeat center center;
}

#top .lightbox_image{
background:transparent url(../img/magnify.png) no-repeat center center;
}



a.menu:link {color: #FFF;text-decoration: none;}
a.menu:visited {color: #FFF;text-decoration: none;}
a.menu:hover {color: #CCC;text-decoration: none;}
a.menu:active {color: #FFF;text-decoration: none;}

a.menucurrent:link {color: #FFF;font-weight:bold;text-decoration: underline;}
a.menucurrent:visited {color: #FFF;font-weight:bold;text-decoration: underline;}
a.menucurrent:hover {color: #CCC;font-weight:bold;text-decoration: underline;}
a.menucurrent:active {color: #FFF;font-weight:bold;text-decoration: underline;}


a.white:link {
	color: #FFF;
	text-decoration: underline;
}
a.white:visited {
	text-decoration: underline;
	color: #FFF;
}
a.white:hover {
	text-decoration: none;
	color: #CCC;
}
a.white:active {
	text-decoration: underline;
	color: #FFF;
}



div.box h2 {
	font-family:Arial, sans-serif;
	font-size: 11pt;
	color: #CCC;
	margin:0px;
}
td.boxtd {
	width:100px;
	background-color:#222;	
	border:1px solid #333333;	
	padding:5px;
	font-family:Arial, sans-serif;
	font-size: 8pt;
	color: #DDD;
	text-align:center;	
}

td.boxtd a:link {font-family:Arial, sans-serif;text-decoration: none;color: #FFF;}
td.boxtd a:visited {font-family:Arial, sans-serif;text-decoration: none;color: #FFF;}
td.boxtd a:hover {font-family:Arial, sans-serif;text-decoration: none;color: #CCC;}
td.boxtd a:active {font-family:Arial, sans-serif;text-decoration: none;color: #FFF;}

div.boxbtn {
	width:273px;
	padding:5px;
	font-family:Arial, sans-serif;
	font-size: 8pt;
	color: #DDD;
	text-align:center;
	line-height:18px;
	border:1px solid #333;
	margin:5px;
	background-color:#222;	
	float:left;
}

div.boxbtn h2 {
	font-family:Arial, sans-serif;
	font-size: 11pt;
	color: #CCC;
	margin:0px;
}

div.boxbtn a:link {font-family:Arial, sans-serif;text-decoration: none;color: #FFF;}
div.boxbtn a:visited {font-family:Arial, sans-serif;text-decoration: none;color: #FFF;}
div.boxbtn a:hover {font-family:Arial, sans-serif;text-decoration: none;color: #CCC;}
div.boxbtn a:active {font-family:Arial, sans-serif;text-decoration: none;color: #FFF;}

/*-----------------------------------------------------------------------------------*/


/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/


#slider {
	position:relative;
    width:940px;
    height:380px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	bottom:-25px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}


#nav{
position: absolute;
right:15px;
top:30px;
list-style-type: none;
list-style-position: outside;
margin:0;
z-index: 5000;
}

#nav li{
float: left;
}

#nav li a{
display:block;
float:left;
padding:1px 10px;
border: none;
border-left:1px solid #FFF;
text-decoration: none;
outline: none;
}


#nav li a strong{
display:block;
font-weight: normal;
font-size: 16px;
}

#nav li a span{
display:block;
font-size: 10px;
}


/*navigation*/


#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:20px; 
z-index:5001;
}


#top #nav ul a{
cursor: pointer;
}

#top #nav li{
float:left;
position:relative;
z-index:5002;
border:0px;
margin-top:11px;
}

#top #nav li li{
border-left:none;
margin-top:0;
}

#top #nav ul {
display:none;
position:absolute;
left:0;
top:15px;
width:180px;

}

#top #nav li ul a{
z-index:5500;
width:170px;
height:auto;
float:left;
text-align:left;
padding:2px 10px;
background:#000;
border-bottom:1px solid #666;
border-left:none;
}
#top #nav li ul a:hover{
color:#FFF;
background:#111;
}
#top #nav ul ul{
top:auto;
}	

#top #nav li ul ul {
left:171px;
top:-1px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;	

}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}

#top #nav li ul a{

}


/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}
