@charset "utf-8";
/* CSS Document */
body
{
	background-color:#e1ac00;
	margin:0px;
	padding:0px;
}
/* Classes */
.center
{
	left:50%;
	position:absolute;
	top:50%;
}

.holder
{
	float: left;
	margin: 0px;
}
.scroll-pane
{
	width: 345px;
	.width: 330px;
	overflow: auto;
	float: left;
}
.scroller .jScrollPaneTrack
{
	background-color:transparent;
}
.scroller .jScrollPaneDrag
{
	-moz-opacity:0.2;
	background:#e1ac00;
	filter:alpha(opacity=20);
}
.scroller .scroll-pane
{
}

a.jScrollArrowUp
{
	background: url(../images/basic_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover
{
	background-position: 0 -15px;
}
a.jScrollArrowDown
{
	background: url(../images/basic_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover
{
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover
{
	background-position: 0 -30px;
}
/* Ids */
#city_shadow
{
	background:url(../images/city_shadow.gif) no-repeat top;
	height:107px;
	left:-317px;
	position:absolute;
	top:132px;
	width:636px;
}
#fouads_photo
{
	background:url(../images/fouad.jpg) no-repeat top left;
	float:left;	
	height:260px;
	width:196px;
}
#main_container
{
	background:url(../images/bk_fade.gif) repeat-x top;
	border:1px #b93500 solid;
	height:260px;
	left:-317px;
	overflow:hidden;
	position:absolute;
	top:-130px;
	width:634px;
}
#main_content_bk
{
	-moz-opacity:0.8;
	background:url(../images/txt_bk.gif) no-repeat top;
	display:none;
	filter:alpha(opacity=80);	
	height:219px;
	left:35px;
	position:absolute;
	top:-48px;
	width:366px;
}
#main_content_txt
{
	color:#333333;
	display:none;	
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	height:auto;
	overflow:hidden;
	left:55px;
	line-height:15px;
	position:absolute;
	top:-28px;	
	width: 345px;
	.width: 330px;	
}
#menu
{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	left:-75px;
	position:absolute;
	top:-143px;
	width:450px;
}
#menu a
{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
#menu a:hover
{
	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#pane1
{
	height: 180px;
}
#pane1 a
{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
#pane1 a:hover
{
	color:#990000;
	font-weight:bold;
	text-decoration:none;
}
#right_container
{
	background:url(../images/city.gif) no-repeat bottom;
	height:191px;
	left:196px;
	position:absolute;
	top:69px;
	width:438px;
}