@charset "utf-8";

	/* EN PROJECTS CSS */

body {
	background-color:#ffffff;
	background-image:url('../../images/bg.jpg');
	color:#000000;
	margin:0px;
	padding:0px;
	
	line-height:24px;	
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-size:x-large;
}

table {
	border-collapse:collapse;
	border:0;
	border-spacing:0;
}

td, th {
	padding:0;
	margin:0;
}

table.main {
	background-color:#ffffff;
	direction:rtl;
}

td.topouterborder {
	background-color:#000066;
}

td.bottomouterborder {
	background-color:#9999c2;
}

td.innerborder {
	background-color:#c7c9c8;
}

#logo {
	width:778px; height:120px;
	line-height:80px;
	overflow:hidden;
	position: relative;
	text-align:left;
	margin:0; padding:0;
}

#logo span {
	display:block;
	position:absolute; top:0; left:0; z-index:1;
	width:778px; height:120px;
	margin:0; padding:0;
	background:url('../../images/en/logo.jpg') repeat-x right top;
}

#logo h1 {
	color:#000000;
}

td.menu {
	direction:ltr;
	background:url('../../images/menu-inactive.jpg') repeat-x left top;
	height:40px;
}

#menu {
	padding:0px;
	margin:0px;
}

#menu li.current {
	background:url('../../images/menu-active.jpg') repeat-x left top;
}

/* fix the damn menu for firefox.. */

html>body #menu li {
	background:url('../../images/menu-inactive.jpg') repeat-x left top;
	padding-right:0px;
	padding-left:0px;
	float:left;
	padding-bottom:0px;
	margin:0px;
	padding-top:8px;
	list-style-type:none;
	height:32px;
}

html>body #menu li a {
	padding-right:15px;
	display:inline-block;
	padding-left:15px;
	padding-top:0px;
	font-weight:bold;
	font-size:16px;
	color: #000066;
	border-top-style:none;
	line-height:20px;
	border-right-style:none;
	border-left-style:none;
	position:relative;
	height:30px;
	text-align:center;
	text-decoration:none;
	border-bottom-style:none;
}

html>body #menu li a:hover {
	background:none;
}

html>body #menu li:hover {
	background:url('../../images/menu-active.jpg') repeat-x left top;
	border-top-style:none;
	border-right-style:none;
	border-left-style:none;
	text-decoration:none;
	border-bottom-style:none
}

/* end of menu fixing */

#sidebar-cell {
	padding:0;
	margin:0;
	vertical-align:top;
	background-color:#ffffff;
}

#sidebar {
	width:177px; height:360px;
	overflow:hidden;
	position: relative;
	text-align:center;
	margin:0; padding:0;
}

#sidebar span {
	display:block;
	position:absolute; top:0px; right:0px; z-index:1;
	width:177px; height:360px;
	margin:0; padding:0;
	background:url('../../images/en/sidebar.jpg') repeat-x right top;
}



td.content {
	width:560px;
	background-color:#ffffff;
	background:url('../../images/content-bg.jpg') no-repeat center top;
}

#contentdiv {
	padding-top:20px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:20px;
	direction:ltr;
	vertical-align:top;
	text-align:justify;
	/*height:290px;*/
	width:565px;
	
	font-size:14px;
	
	overflow:auto;
	
	scrollbar-arrow-color: #000066;
	scrollbar-base-color: #e6e6e6;
	scrollbar-face-color: #e0e0e0;
	scrollbar-highlight-color: #f0f0f0;
	scrollbar-shadow-color: #d8d8d8;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-track-color: #f0f0f0;
	scrollbar-darkshadow-color: #d0d0d0;
}

ul.content {
	direction:ltl;
	text-align:justify;
	list-style-type:square;
	color:#000066;
}

table.content {
	direction:ltl;
	width:550px;
}

font.bold {
	font-size:16px;
	font-weight:bold;
	color:#000066;
}

font.normal, font.sub-normal {
	color:#000000;
}

font.listfooter1 {
	color:#000000;
	padding-left: 200px;
}

font.listfooter2 {
	color:#000000;
	padding-left: 160px;
}

h1 {
	color:#000066;
	text-align:center;
}

h2 {
	color:#000066;
	text-align:center;
}

img.logo-16 {
	vertical-align:middle;
	height:15px;
	width:445px;
}

img.logo-18 {
	vertical-align:middle;
	height:17px;
	width:511px;
}

/*img.project-pics {
	width:545px;
	text-align:center;
	border-collapse:collapse;
	padding:0;
	margin:0;
}*/

div.project-footer {
	float: right;
	margin-right:30px;
}

.pictures {
	text-align:center;
}