HTML {	height:100%;font-size:100.01%;	}

BODY {	min-height:100%;	height:100%;	color:#000;	margin:0;padding:0;font-size:75%;line-height:20px;	}
html, body { 
overflow-x: hidden; }
TD, BODY, DIV {	font-family:Tahoma, Verdana, sans-serif;	font-style:normal;	font-variant:normal;letter-spacing:0.2em;	font-weight:normal;	line-height:1.5em;	vertical-align:top;	}

IMG {border:0;display:block;	}

TD, FORM {	padding:0;	margin:0;	}
TABLE {	border-collapse:collapse;	}

p {	padding:0;margin:0 0 13px 0;line-height:20px;}

.clear {clear:both;	font-size: 0; line-height: 0;font-size: 0 !important; line-height: 0 !important; height:1px;  height:1px !important; margin:0; padding:0;}
.block {display:block;}

h1,h2,h3,h4,h5{padding:0; margin:0;}

ul,li{list-style:none;margin:0; padding:0;}

a {color:#9f9fa1; text-decoration:none;}
a:hover{color:#000;}

#page {width:920px;margin:50px auto 0px;border:1px solid red;overflow:hidden; border:1px solid white;position:relative;}

#header {position:relative; text-align:right;height:60px;}
#header h1{position:absolute;height:22px;width:150px;}
#header h1 a{background:url(ron-hamad_p.gif) no-repeat top left; display:block;height:22px;line-height:22px;}
#header h1.film a{background:url(ron-hamad_f.gif) no-repeat top left; display:block;height:22px;line-height:22px;}

#header h1 a span{display:none;}
#header .description{display:none;}

#sidebar{width:200px;float:left;}
#content{width:740px; float:right; text-align:left;padding:16px 0 0 0;}
#footer{clear:both; display:block; height:1px; overflow:hidden; border:1px solid #fff; width:100%;}
#sidebar li{padding:0 0 6px;}
#sidebar li ul li a{margin:0 0 4px 0;display:block;}
#sidebar li ul li{display:inline;padding:0 0 4px;}
#sidebar li a.active{color:#000;}


#sidebar ul{position:absolute; left:820px; top:4px;}
#sidebar ul li{display:inline;}

#sidebar li ul{left:0; top:20px;display:none;}
#sidebar li.active ul{left:-820px; top:70px;display:block;}
#sidebar li ul li{display:block;padding:0 0 0 4px;}

#sidebar li ul li.active ul{display:block;position:absolute;left:100px;top:auto;margin-top:-23px;}
#sidebar li ul li ul li{display:block;}


#image_wrap {
		width:633px;
		margin:0;
		text-align:center;
}
#image_wrap img{width:auto; margin:0 auto;}



.scrollable {	position:relative;	overflow:hidden;	width: 633px;	margin-top:6px;}
.scrollable .items {	width:20000em;	position:absolute;	clear:both;height:85px;}

/*.items div {	float:left;	width:680px;}*/

/* single scrollable item */
.scrollable div.item {	float:left;	width:91px; overflow:hidden;   height:85px;}

.scrollable img {margin:0px; height:85px;opacity:0.4;filter:alpha(opacity=40)}
.scrollable img:hover{cursor:pointer;}
.scrollable img.active{opacity:1;filter:alpha(opacity=100)}
/* active item */
.scrollable .active {	position:relative;	cursor:default;}


ul.tabs li { 
	float:left;	
	width:94px;
	height:87px;
	overflow:hidden; 
	text-indent:0;
}

.browsenav{width:630px;margin:0;}
a.browse {
	display:block;
	width:25px;
	height:25px;
	margin:8px 0px 5px;
	cursor:pointer;
	font-size:1px;
	background:url(arrows.gif) no-repeat top left;
}

/* right */
a.right 				{  float:right;background-position: -23px 0; margin-right: 0px;}
a.right:hover 		{ background-position:-23px -30px; }
a.right:active 	{ background-position:-23px -30px; } 

/* left */
a.left				{float:left; margin-left: 0px;background-position:-1px 0;} 
a.left:hover  		{ background-position:-1px -30px; }
a.left:active  	{ background-position:-1px -30px; }

/* disabled navigational button 
a.disabled {	visibility:hidden !important;	} 	*/



#content{position:relative;padding-bottom:20px;}
#content.text{ }

#content .post{margin:85px 0 0 80px;letter-spacing:0.2em;color:#494949;}
#content a{color:#494949}
#content .scroll-pane{}
.client-list{line-height:20px}

form{}
label{width:130px; float:left;}
input{border:1px solid #9f9fa1}
input.submit{border:none;color:#fff;background-color:#9f9fa1;width:auto;letter-spacing:0.2em;}
input.submit:hover{cursor:pointer;}

.scrollable {	position:relative;	overflow:hidden;	width: 635px;	height:88px;}
.scrollable .items {	width:20000em;	position:absolute;	clear:both;}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	width:20000em;	position:absolute;	clear:both;
}

/* single tab */


/* link inside the tab. uses a background image */
ul.tabs a { 
	display:block;
	 border:1px solid blue;
	line-height:85px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {	outline:none;		}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {	color:#fff;	}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {	display:none;		}

.panes{margin:0;}
.panes div .description {position:relative;top:160px;left:0;  height:30px;margin:0; padding:0;}