/* --------------------------
		G L O B A L
----------------------------*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
	text-align: center;
	
}

h1 {
	font-size: 1.4em;
	margin: 0px;
	padding-bottom: 15px;
	color: #3A3A3A;
}

h2 {
	font-size: 1.2em;
	margin: 0px;
	padding-bottom: 5px;
	color: #FFFFFF;
}

h3 {
	font-size: 1.0em;
	margin: 0px;
	padding-bottom: 2px;
	margin-top: 20px;
	font-weight: bold;
}

p {
	margin: 0px;
	padding-bottom: 12px;
	line-height: 14px;

}

ul {
	margin: 0px;
	margin-left: 18px;
	padding-bottom: 0px;
}

li {
	padding-bottom: 10px;
	line-height: 17px;
}

#sitewrapper {
	width: 780px;
	background-color: #ffffff;
	margin: 0 auto;
}

#servicesList { 
	margin: 0 1em 0 21.5em;
	padding: 0px 0px 0px 0px;
	text-align: left;
	list-style: none;
	
}

/* Firefox / IE7 version / Mac IE */
head:first-child+body  #servicesList  { margin: 0 1em 0 22em; padding: 20px 0px 0px 0px;}

.servicesListItem {
	margin: 0px;
	padding: 0px 0px 1px 10px;
	background: url('images/bg_list.gif') no-repeat;
}

/* --------------------------
		H E A D E R
----------------------------*/
#header{
	text-align: left;
	border-top: solid 7px #ABDEE1;
	border-bottom: solid 9px #ABDEE1;
	border-left: solid 2px #ABDEE1;
	border-right: solid 2px #ABDEE1;
	height: 103px;
	width: 780px;
	background-color: #E4F5FD;
}

head:first-child+body  #header { width: 776px; }

#navigation {
	width: 540px;
	height: 103px;
	background-color: #E4F5FD;
	float: right;
	padding-right: 7px;
	
}

head:first-child+body  #navigation { width: 536px; }

#logo {
	margin-left: 0px;
	border-right: solid 2px #ABDEE1;
}


#bt_home{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #75888F;
	text-align: center;
	width: 88px;
	padding-top: 15px;
}

#bt_about{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #75888F;
	text-align: center;
	width: 88px;
	padding-top: 15px;
	float: right;
}

#bt_case{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #75888F;
	text-align: center;
	width: 88px;
	padding-top: 15px;
	float: right;
}

#bt_clients{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #75888F;
	text-align: center;
	width: 88px;
	padding-top: 15px;
	float: right;
}

#bt_arabic{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #75888F;
	text-align: center;
	width: 88px;
	padding-top: 15px;
	float: right;
}

#bt_contact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #75888F;
	text-align: center;
	width: 88px;
	padding-top: 15px;
	float: right;
}

#menu_disc {
	margin-bottom: 10px;
}
#menu_disc_about {
	margin-bottom: 10px;
}
#menu_disc_case {
	margin-bottom: 10px;
}
#menu_disc_clients {
	margin-bottom: 10px;
}
#menu_disc_arabic {
	margin-bottom: 10px;
}
#menu_disc_contact {
	margin-bottom: 10px;
}

/* --------------------------
		  M A I N
----------------------------*/

#maincontent {
	margin: 0px;
	width: 780px;
	}

#maincontentcase {
	margin: 0px;
	width: 780px;
	background-color: #E4F5FD;
}

#maincontent2 {
	margin: 0px;
}


/* --------------------------
	  R I G H T C O L
----------------------------*/
#rightcol {
	width: 435px;
	height: 298px;
	float: right;
	margin-top: 2px;
	background-color: #45646C;
}

#rightcol2 {
	width: 435px;
	float: right;
}

#rightcolcases1 {
	background: url('images/aquadotted.gif') repeat-y;
	width: 543px;
	height: 220px;
	float: right;
	margin-top: 2px;
	background-color: #999999;
}



#case1 {
	width: 208px;
	height: 156px;
	margin-top: 40px;
	margin-right: 17px;
	float: right;
}

head:first-child+body  #case1 { margin-right: 30px; }

#case2 {
	width: 208px;
	height: 156px;
	margin-top: 40px;
	margin-left: 17px;
	float: left;
}

head:first-child+body  #case2 { margin-left: 30px; }

.bluebit2 {
	width: 208px;
	height: 17px;
	background-color: #2A5A82;
}

.movietitle {
	color: #FFFFFF;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 0px;
}

#rightcolcases2 {
	background: url('images/aquadotted.gif') repeat-y;
	width: 543px;
	height: 258px;
	float: right;
	margin-top: 2px;
	background-color: #999999;
}

#rightcolcases_travel_2 {
	background: url('images/aquadotted.gif') repeat-y;
	width: 543px;
	height: 174px;
	float: right;
	margin-top: 2px;
	background-color: #999999;
}
head:first-child+body #rightcolcases_travel_2 { height: 1%; min-height: 174px; }

#case3 {
	width: 208px;
	height: 156px;
	margin-top: 25px;
	margin-right: 17px;
	float: right;
}

head:first-child+body  #case3 { margin-right: 30px; }

#case4 {
	width: 208px;
	height: 156px;
	margin-top: 25px;
	margin-left: 17px;
	float: left;
}

head:first-child+body  #case4 { margin-left: 30px; }



#rightcolcasebackground {
	width: 543px;
	height: 245px;
	float: right;
	margin-top: 2px;
	background-color: #2F4057;
	padding-top: 17px;
}

head:first-child+body  #rightcolcasebackground { height: 228px; }


#rightcolblueband {
	width: 543px;
	float: right;
	margin: 0;
	padding: 0;
}

#rightcolblueband h2 {
	padding: 5px 0px;
	background-color: #2F4057;
	background: url(images/blue-dottedband.gif) no-repeat;
}

#rightcoltextband {
	background-color: #E4F5FD;
	margin: 0;
	padding: 0;
}

.movietext {
	color: #596E73;
	text-align: left;
	padding: 20px 30px 0px 30px;
	margin: 0;
}

#rightcolabout {
	width: 543px;
	height: 480px;
	float: right;
	margin-top: 2px;
	background-color: #ACC3CF;
}

#aboutphotos {
	width: 232px;
	height: 440px;
	margin-top: 20px;
	float: right;
}

#abouttext {
	color: #3A3A3A;
	background-color: #E4F5FD;
	width: 310px;
	height: 440px;
	border-left: solid 9px #ACC3CF;
	text-align: left;
	margin-top: 20px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 30px;
	padding-bottom: 24px;
	float: left;
}

head:first-child+body  #abouttext { width: 250px; padding-bottom: 12px; height: 418px; }

#abouttext ul {
	color: #3A3A3A;
	list-style-type: none;
	text-align: left;
	margin-left: 0;
	padding-left: 1ex;
}

#abouttext li {
	margin-bottom: -8px;
}

#bottomblue {
	background-color: #6AB8CC;
	height: 58px;
}

#bottombluetext {
	color: #FFFFFF;
	text-align: left;
	padding: 12px 0px 0px 20px;
}

#services {
	background: url(images/services-background.jpg) no-repeat;
	padding-top: 2px;
	padding-bottom: 17px;
	
}

head:first-child+body  #services { padding-bottom: 8px; }



#flash_home {
	margin: 15px 0px;
}

/* --------------------------
	  L E F T C O L
----------------------------*/

#leftcol {
	background: url(images/welcome-background.jpg) no-repeat;
	width: 345px;
	height: 298px;
	margin-left: 0px;
	margin-top: 2px;
	float: left;
}

#leftcol2 {
	margin: 0px -3px 0px 0px;
	padding: 0px;
	background-color: #538199;
	text-align: left;
}

#leftcol2 img { margin-left: 0px; margin-right: -3px; }

head:first-child+body  #leftcol2 { margin: 0px; }
head:first-child+body  #leftcol2 img { margin: 0px; }

#leftcoltextpages {
	background: url(images/meter-background.jpg) no-repeat;
	width: 237px;
	height: 480px;
	margin-left: 0px;
	margin-top: 2px;
	float: left;
}

#leftcolkeyboard {
	background: url(images/keyboard-background.jpg) no-repeat;
	width: 237px;
	height: 480px;
	margin-left: 0px;
	margin-top: 2px;
	float: left;
}

#leftcolclapper1 {
	background: url(images/clapper1-background.jpg) no-repeat;
	width: 230px;
	height: 480px;
	margin-left: 0px;
	margin-top: 2px;
	float: left;
}

head:first-child+body  #leftcolclapper1 { width: 237px; }

#leftcolclapper2 {
	background: url(images/clapper2-background.jpg) no-repeat;
	width: 230px;
	height: 480px;
	margin-left: 0px;
	margin-top: 2px;
	float: left;
}

head:first-child+body  #leftcolclapper2 { width: 237px; }

#leftcolcamera {
	background: url(images/camera-background.jpg) no-repeat;
	width: 237px;
	height: 480px;
	margin-left: 0px;
	margin-top: 2px;
	float: left;
}

#leftcolarabic {
	background: url(images/arabic-background.jpg);
	width: 237px;
	height: 480px;
	margin-left: 0px;
	margin-top: 2px;
	float: left;
}

#leftcolarabic2 {
	background: url(images/arabic-background2.jpg);
	width: 237px;
	height: 603px;
	margin-left: 0px;
	margin-top: 2px;
	float: left;
}

head:first-child+body #leftcolarabic2 {height: 591px;}

.contactheader {
	margin: 15px 0px 9px 0px;
}

.client-about-headers {
	margin: 10px 0px 4px 0px;
}


#welcometext {
	text-align: left;
	padding: 5px 40px 15px 18px;
	margin: 0px;
}

#welcometext a {
	color: #FFFFFF;
}

#leftcoltext {
	text-align: left;
	padding: 5px 60px 0px 18px;
	margin: 0px;
}

#leftcoltextclients {
	text-align: left;
	padding: 5px 65px 0px 18px;
	margin: 0px;
}

#casesleftcoltext {
	text-align: left;
	padding: 5px 45px 15px 18px;
	margin: 0px;
}

#arabictext {
	text-align: right;
	padding: 0 2em 0;

}

.arabicheader {
	text-align: right;
	color: FFFFFF;
	font-size: 3em;
	margin: .4em 1em .1em .5em;
	line-height: .9em;

}

#bbclogo {
	width: 345px;
	margin: 0px -3px 1px 18px;
}

#clienttestimonial {
	
	color: #FFFFFF;
	text-align: left;
	padding: 0px 20px 0px 20px;
	margin: 0px 435px -5px 0px;
	height: 164px;
	

}

/* Firefox / IE7 version / Mac IE */
head:first-child+body  #clienttestimonial  { padding: 10px 30px 0px 20px; margin: 0px 435px 0px 0px; }


/* --------------------------
		F O O T E R
----------------------------*/
#footer {
	text-align: left;
	padding: 6px 5px 0px 20px;
	clear: both;
	height: 23px;
	width: 780px;
	margin: 0 auto;
	background-color: #5CA2B4;
	border-top: solid 2px #FFFFFF;
}

/* Firefox / IE7 version / Mac IE */
head:first-child+body  #footer  { width:755px; border-top: solid 2px #FFFFFF;}

#footer p {
	margin: 0px;
	font-size: 1em;
}

#footerLinks {
	float:right;
	font-size: 1em;
	margin-right: 10px;
}

#footerLinks a:link, #footerLinks a:visited {
  color: #FFFFFF;
}

#footerLinks a:hover {
  color: #FFFFFF; 
}

a {
	color: #596E73;
}

#footer_arabic {
	text-align: left;
	padding: 7px 0px 0px 0px;
	margin-right: 4px;
	clear: both;
	height: 23px;
	width: 780px;
	background-color: #5CA2B4;
	border-top: solid 2px #FFFFFF;
}

/* Firefox / IE7 version / Mac IE */
head:first-child+body  #footer_arabic  { width:755px; border-top: solid 2px #FFFFFF; margin: 0 auto; padding: 6px 5px 0px 20px;}

/* Extra */

.zebLink {text-decoration: none;}

#zebLinkArea { text-align: right; margin-left: 0px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; color: #999999; width:780px;}

/* Firefox / IE7 version / Mac IE */
head:first-child+body  #zebLinkArea  { width:780px;}


/* --------------------------
		T R A V E L   A N D   T O U R I S M   S T Y L E S 
----------------------------*/


.case_travel {
	width: 208px;
	height: 156px;
	margin: 20px 20px 20px 17px;
	float: left;
}

.case_travel a img { margin-bottom: 25px; }

head:first-child+body .case_travel { margin: 20px 0px 0px 30px;  }
head:first-child+body .case_travel a img { margin-bottom: 0px; }

.case_travel_right {
	width: 208px;
	height: 156px;
	margin: 20px 10px 40px 40px;
	padding-bottom: 5px;
	float: left;
}
head:first-child+body .case_travel_right { margin: 20px 10px 20px 60px; padding-bottom: 0px;  }