﻿/* ----------------------------------------------------------------------------------------------------------
Reset
---------------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
}
/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */
body {
	background:url(../images/background-main.jpg) 0 -400px repeat-x;
	font:normal 12px/1.25 Arial, Helvetica, sans-serif;
	background-color: #fff;
	color:#5d5d5d;
}
#wrapper {
	width:100%;
	margin:0 auto;
}
#main {
	width:950px;
	margin:0 auto;
}
#background-home {
	background:url(../images/background-main.jpg) 0 0 repeat-x;
}
/* ----------------------------------------------------------------------------------------------------------
Headings
---------------------------------------------------------------------------------------------------------- */

h1, h1 span {
	font:normal 17px/normal Arial, Helvetica, sans-serif !important;
	padding:0;
	margin:0;
	color:#1b5b8c;
}
h1 a:link {
	font:normal 17px/normal Arial, Helvetica, sans-serif !important;
	padding:0;
	margin:0;
	color:#1b5b8c;
}
h1 a:visited {
	font:normal 17px/normal Arial, Helvetica, sans-serif !important;
	padding:0;
	margin:0;
	color:#1b5b8c;
}
h1 a:hover {
	color:#df5804;
}
h2 {
	font:normal 14px/normal Arial, Helvetica, sans-serif !important;
	padding:0;
	margin:0;
	color:#1b5b8c
}
h3 {
	font:bold 14px/normal Arial, Helvetica, sans-serif !important;
	padding:0;
	margin:0;
	color:#df5804
}
/* ----------------------------------------------------------------------------------------------------------
Lists
---------------------------------------------------------------------------------------------------------- */

ul {
	margin:0;
	padding:0
}
li {
	padding:0;
	margin:0
}
/* ----------------------------------------------------------------------------------------------------------
Links
---------------------------------------------------------------------------------------------------------- */

a, a:link, a:visited {
	text-decoration:none;
	color:#df5804
}
a:hover {
	text-decoration:underline;
	color:#14639f;
	text-decoration:none
}
/* ----------------------------------------------------------------------------------------------------------
Forms
---------------------------------------------------------------------------------------------------------- */

form {
	margin:0;
	padding:0;
}
form input, form select, form textarea {
	font:1em Arial, Helvetica, sans-serif;
}
form textarea {
	width:100%;
	line-height:1.25;
}
form label {
	margin:0;
	padding:0
}
form input {
	margin:0;
	padding:0
}
/* ----------------------------------------------------------------------------------------------------------
Common
---------------------------------------------------------------------------------------------------------- */

.btn1 {
	background:url(../images/button1.html) no-repeat;
	width:190px;
	height:33px;
	color:#fff;
	margin:0;
	padding:0;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	border:0;
	cursor:pointer
}
.btn2 {
	background:url(../images/button2.html) no-repeat;
	width:150px;
	height:33px;
	color:#fff;
	margin:0;
	padding:0;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	border:0;
	cursor:pointer
}
.btn3 {
	background-color:#c9e127;
	width:44px;
	height:15px;
	color:#000;
	margin:0;
	padding:0;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	border:0;
	cursor:pointer
}
.clear {
	clear:both;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-justify {
	text-align:justify;
}
.bold {
	font-weight:bold;
}
.bold-none {
	font-weight:normal;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	color:#df5804;
}
.img-left {
	float:left;
	margin:4px 10px 4px 0;
}
.img-right {
	float:right;
	margin:4px 0 4px 10px;
}
.img-border {
	border:1px solid #666666
}
.nopadding {
	padding:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}
.border-left {
	border-left:1px solid #d9d9d9
}
.border-right {
	border-right:1px solid #d9d9d9
}
.border-bottom {
	border-bottom:1px solid #d9d9d9
}
.text-blue {
	color:#1b5b8c
}
.text-white {
	color:#fff
}
.display-none {
	display:none
}
.padding-left10 {
	padding-left:10px
}
.padding-right10 {
	padding-right:10px
}
.padding-left5 {
	padding-left:5px
}
.padding-right5 {
	padding-right:5px
}
.padding-top20 {
	padding-top:20px
}
.padding-top10 {
	padding-top:10px
}
.padding-bottom20 {
	padding-bottom:20px
}
.padding-bottom10 {
	padding-bottom:10px
}
.padding20 {
	padding:20px
}
.margin-top10 {
	margin-top:10px
}
.button-orange a:link {
	background:url(../images/button-orange.gif) no-repeat;
	height:32px;
	width:178px;
	color:#fff;
	text-align:center;
	display:block;
	padding-top:8px;
	font-size: 15px;
	line-height:1.6;
	text-decoration:none;
}
.button-orange a:visited {
	background:url(../images/button-orange.gif) no-repeat;
	height:32px;
	width:178px;
	color:#fff;
	text-align:center;
	display:block;
	padding-top:8px;
	font-size: 18px;
	line-height:1.3
}
/* ----------------------------------------------------------------------------------------------------------
Header
---------------------------------------------------------------------------------------------------------- */
 
#header {
	margin:0;
	padding:0;
}
/***** Logo *****/
 
#header h1 {
	padding:0;
	margin:0;
	text-indent:-2000px;
	float:left;
	padding-top:10px
}
#header h1 a {
	width:229px;
	height:98px;
	display:block;
	background:url(../images/logo.gif) no-repeat;
}
#header img {
	border:0
}
#header .links {
	padding-top:25px;
	float:right;
	text-align:right
}
#header .buttons {
	width:230px;
	height:32px;
	margin-top:7px;
}
#header .language-en a, .language-ar a {
	background:url(../images/button-language.gif) no-repeat;
	height:32px;
	width:113px;
	display:block;
	float:left
}
#header .language-en a:hover, .language-ar a:hover {
	background:url(../images/button-language-hover.gif) no-repeat;
	height:32px;
	width:113px;
	display:block;
	text-decoration:none
}
#header .language-en a {
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	line-height:1.5
}
#header .button-employees a {
	background:url(../images/button-employees-en.gif) no-repeat;
	height:32px;
	width:113px;
	display:block;
	float:right
}
#header .button-employees a:hover {
	background:url(../images/button-employees-hover-en.gif) no-repeat;
	height:32px;
	width:113px;
	display:block;
}
/* ----------------------------------------------------------------------------------------------------------
Top Menu
---------------------------------------------------------------------------------------------------------- */
#navigation {
	position: relative;
	padding: 0;
	background: url("../images/menu-background.gif") 0 0 repeat-x;
	height: 52px;
	border-bottom:5px solid #d85a0c;
}
ul#nav {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;
	background: url(../images/menu-decore.png) no-repeat left;
}
ul#nav li a {
	background-image:url(../images/menu-separetor.gif);
	background-position:right;
	background-repeat:no-repeat;
}
ul#nav li a {
	display: block;
	height:52px;
	width:148px;
	float:left;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:3.2;
}
ul#nav li a:hover {
	background:url(../images/menu-item-hover.gif) no-repeat;
}
/* ----------------------------------------------------------------------------------------------------------
Content - Home
---------------------------------------------------------------------------------------------------------- */
 
#content {
	width:950px;
	margin:30px 0 0 0;
	padding:0;
	background:url(../images/border.gif) top repeat-x;
	min-height:500px;
}
#content .words {
	float:left;
	width:349px;
	margin:30px 0 0 0;
	height:218px;
	text-align:left;
	line-height:1.5;
}
#content .words .title {
	margin-bottom:10px;
	font-size:18px
}
#content .words .fakiehimg {
	padding-right:10px;
	float:left;
	width:110px;
}
#content .words .fakiehname {
	color:#14639f;
	font-weight: bold;
	margin-left: 120px;
}
#content .words a, a:visited {
	text-decoration:none;
	color:#df5804;
	margin-top: -22px;
	margin-right: -10px;
	float:right;
	display:block;
	width:100px;
	padding-top:4px
}
#content .words a:hover {
	text-decoration:underline;
	color:#14639f;
	text-decoration:none;
}
#content .words .words-txt {
	width:205px;
	float:left;
	line-height:1.4;
	text-align:justify;
}
#content .curvedbox {
	padding:10px;
	height:195px;
}
#content .news {
	float:right;
	border:0px solid #000;
	width:580px;
	margin:30px 0 0 0
}
#content .awards {
	float:right;
	width:277px;
	height:210px;
	padding-left:20px;
	margin-top:5px;
	background:url(../images/border2.gif) left no-repeat;
}
#content .awards span {
	font-size:17px;
	line-height:2;
	padding-left:10px
}
#content .awards img {
	border:4px solid #dcdcdc;
}
#content .awards span img {
	text-align:center;
	border:none;
	margin-left:60px;
}
/* ----------------------------------------------------------------------------------------------------------
Content - Internals
---------------------------------------------------------------------------------------------------------- */

#content-internals {
	width:908px;
	margin:0 0px 70px 0;
	padding:20px;
	background-image:none;
	background-color:#fff;
	min-height:600px;
	border-right:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	direction: ltr;
	line-height:1.6;
	text-align:left
}
#content-internals .pagetitle {
	color:#105990;
	border-bottom:1px solid #c1c1c1;
	font-size:20px;
	line-height:2;
	background:url(../images/icon-pagetitle.gif) no-repeat left;
	padding-left:20px;
}
#content-internals ul {
	margin-left:20px
}
#content-internals li a, a:visited {
	color:#666666;
	list-style:none;
	font-size:13px;
	margin-bottom:3px;
}
#content-internals li a:hover {
	color:#df5804;
}
#content-internals .img-border {
	border:3px solid #e0e0e0
}
#content-internals a.more {
	text-decoration:none;
	color:#df5804
}
#content-internals a.more:hover {
	text-decoration:underline;
	color:#14639f;
	text-decoration:none
}
.gallery-item-background {
	background:url(../images/gallery-item-background.jpg) center no-repeat;
	height:129px;
	padding-bottom:9px;
}
.companies-background {
	background:url(../images/companies-background.gif) -10px 50px no-repeat;
	height:258px
}
.background-blue {
	background:url(../images/background-blue.gif) no-repeat;
	height:131px
}
/* ----------------------------------------------------------------------------------------------------------
Contact Form
---------------------------------------------------------------------------------------------------------- */
 
form.contact {
	padding: 0;
	margin: 0;
}
form.contact label.fixedwidth {
	display: block;
	width: 200px;
	float: left;
}
form.contact .buttonarea input {
	text-align: center;
	padding: 4px;
	background-color: #0066ff;
	border: 0px solid white;
}
/* ----------------------------------------------------------------------------------------------------------
Footer
---------------------------------------------------------------------------------------------------------- */
 
#footer {
	background:url(../images/footer-background.gif) repeat-x;
	height:48px;
	padding-top:20px;
}
#footer .footer-contanier {
	width:950px;
	margin:0 auto
}
#footer .poweredby {
	display:block;
	float:left;
	width:400px;
	font-size:11px;
	font-weight:normal
}
#footer .poweredby a, a:visited {
	color:#8c8d8d;
	font-size:11px
}
#footer .poweredby a:hover {
	color:#1670b0;
}
#footer .copyright {
	display:block;
	float:right;
	width:400px;
	text-align:right;
	color:#5d5d5d;
	font:normal 11px/normal tahoma, arial
}
/* ----------------------------------------------------------------------------------------------------------
Rounded Corners & Gradiant
---------------------------------------------------------------------------------------------------------- */

.divGradient {
	line-height:25px;
	background: #69a5d0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#69a5d0), to(#226496));
	background: -moz-linear-gradient(#69a5d0, #226496);
	background: linear-gradient(#69a5d0, #226496);
	-pie-background: linear-gradient(#69a5d0, #226496);
	behavior: url(PIE.htc);
}
div.curvedbox {
	border: 1px solid #cacaca;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	behavior: url(PIE.htc);
}
/* ----------------------------------------------------------------------------------------------------------
Shadow Box
---------------------------------------------------------------------------------------------------------- */
.box {
	box-shadow:0px 3px 9px #999;
	-moz-box-shadow:0px 3px 9px #999;
	-khtml-box-shadow:0px 3px 9px #999;
	-webkit-box-shadow:0px 3px 9px #999;
}
.popup1, .popup2, .popup3, .popup4, .popup5, .popup6 {
	border:1px solid #dfdfdf;
	background-color:#2766b4;
	padding:10px;
	color:#fff;
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	z-index:2;
	visibility:hidden;
	direction:ltr;
	text-align:left
}
.popup1 {
	position:absolute;
	left:-160px;
	top:150px;
	width:500px;
}
.popup2 {
	position:absolute;
	left:100px;
	top:120px;
	width:500px;
}
.popup3 {
	position:absolute;
	left:-100px;
	top:120px;
	width:500px;
}
.popup4 {
	position:absolute;
	left:-180px;
	top:120px;
	width:500px;
}
.popup5 {
	position:absolute;
	left:-180px;
	top:120px;
	width:500px;
}
.popup6 {
	position:absolute;
	left:-380px;
	top:120px;
	width:500px;
}
/* sharepoint styles */
.s4-ca {
	background: transparent none repeat scroll 0 0;
	margin-left: 0px;
}
.ms-dialog #main {
	width: auto;
}
.newsItemTD div, .newsItemTD p {
	display: inline;
	font-size: 15px;
	font-family: Arial;
}
.ms-rte-layoutszone-outer {
	float: none;
}
.ms-rte-layoutszone-inner {
	border: none;
	margin: 0;
	padding: 0;
}
.ms-pagetitle{
	display:none;
}