﻿body {background:url('../Images/bgBottom.jpg') repeat;}

.Browser {position:absolute; display:table; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.Iframe {position:absolute; width:100%; height:100%;}
.MusicBG {position:absolute; bottom:18px; left:15px;}

.TopDiv {position:absolute; top:0; right:0; left:0; width:100%; height:610px; background-image:url('../Images/bgTop.jpg');}
.BotDiv {position:absolute; top:610px; right:0; bottom:0; left:0; width:100%;}

.Content {position:relative; display:table; width:1000px; margin:auto;}

.Flash {position:relative; width:1000px; height:635px; z-index:999;}
.Pages {position:relative; width:1000px; height:635px; background:url('../Images/Pages.png') no-repeat center;}

.PageContent {position:relative; width:890px; height:550px; padding:55px 55px 25px 55px;}
.PageContent .Menu {position:relative; float:left; width:400px; height:50px;}
.PageContent .Logo {position:relative; float:left; width:450px; height:50px; text-align:right;}
.PageContent .Logo img {position:relative; top:-10px; border:0;}

.PageContent .About {position:relative; display:table; width:850px; padding:20px; font-family:Times New Roman;}
.PageContent .About .Col {position:relative; float:left; width:420px;}
.PageContent .About .Col .Title {position:relative; height:35px; margin:0 20px 0 20px; font-size:30px; color:#ab0110; text-align:justify;}
.PageContent .About .Col .Text {position:relative; width:380px; padding:8px; font-family:Calibri; font-size:16px; color:#000; text-align:justify;}
.PageContent .About .Col img {margin:0 20px 0 20px;}
.PageContent .About .Col ul {position:relative; width:350px;}
.PageContent .About .Col ul li {list-style:url('../Images/tarboush.png'); padding-bottom:20px; font-family:Calibri; font-size:16px; color:#000; text-align:justify;}

.PageContent .Careers {position:relative; display:table; width:850px; padding:20px; font-family:Times New Roman;}
.PageContent .Careers .Title {position:relative; height:35px; margin:0 20px 0 20px; font-size:30px; color:#ab0110; text-align:justify;}
.PageContent .Careers .Text {position:relative; display:table; padding:25px;font-family:Calibri; font-size:16px; color:#000; text-align:justify;}
.PageContent .Careers .Text .Col {position:relative; float:left; padding:0px 75px 0 75px; width:250px; height:50px;}
.PageContent .Careers .Text .Col .Textbox {width:230px;}
.PageContent .Careers .Text .Col .Validator {color:Red;}
.PageContent .Careers img {margin:0 20px 0 20px;}

.PageContent .Contacts {position:relative; display:table; width:850px; padding:20px; font-family:Times New Roman;}
.PageContent .Contacts .Title {position:relative; height:35px; margin:0 20px 0 20px; font-size:30px; color:#ab0110;}
.PageContent .Contacts .Col1 {position:relative; float:left; width:350px;}
.PageContent .Contacts .Col1 .Field {position:relative; float:left; margin-bottom:5px; padding-left:20px; font-family:Calibri;}
.PageContent .Contacts .Col1 .Field .Textbox {width:300px;}
.PageContent .Contacts .Col1 .Field .Validator {color:Red; font-size:12px;}
.PageContent .Contacts .Col2 {position:relative; float:left; width:500px;}
.PageContent .Contacts .Col2 .Text {position:relative; display:table; padding:0 0 15px 20px; font-family:Calibri; font-size:16px; color:#000;}

.PageContent .Gallery {position:relative; display:table; width:850px; padding:20px; font-family:Times New Roman;}
.PageContent .Gallery .Title {position:relative; height:35px; margin:0 20px 0 20px; font-size:30px; color:#ab0110; text-align:justify;}
.PageContent .Gallery .Thumb {position:relative; float:left; width:120px; height:100px; margin:10px; text-align:center;}
.PageContent .Gallery .Thumb img {border:1px dotted #eb1500; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.PageContent .Gallery .Nav {position:relative; width:850px; text-align:center; vertical-align:middle;}
.PageContent .Gallery .Nav .NexPrv {font-family:Calibri; font-size:16px; color:#ab0110;}

.Footer {position:relative; display:table; width:1000px; height:255px;}

.Footer .Div1 {position:relative; float:left; width:333px; height:255px;}
.Footer .Div1 .Top .IconF a {position:relative; float:left; width:80px; height:81px; margin:10px; border:0; background-image:url('../Images/SocialF.png');}
.Footer .Div1 .Top .IconF a:hover {background-image:url('../Images/SocialF_h.png');}
.Footer .Div1 .Top .IconT a {position:relative; float:left; width:80px; height:81px; margin:10px; border:0; background-image:url('../Images/SocialT.png');}
.Footer .Div1 .Top .IconT a:hover {background-image:url('../Images/SocialT_h.png');}
.Footer .Div1 .Top .IconY a {position:relative; float:left; width:80px; height:81px; margin:10px; border:0; background-image:url('../Images/SocialY.png');}
.Footer .Div1 .Top .IconY a:hover {background-image:url('../Images/SocialY_h.png');}
.Footer .Div1 .Bottom {font-family:Calibri; font-size:16px; color:#d6d6d6;}
.Footer .Div1 .Bottom .Left {position:relative; float:left; width:113px; height:22px; padding-left:20px;}
.Footer .Div1 .Bottom .Right {position:relative; float:left; width:200px; height:22px;}

.Footer .Div2 {position:relative; float:left; width:333px; height:255px;}
.Footer .Div2 .Top {text-align:center; margin:20px 35px 0px 35px;}
.Footer .Div2 .Top .ArEn {font-family:Calibri; font-size:16px; color:#d6d6d6; text-decoration:none;}
.Footer .Div2 .Middle {text-align:center; margin:20px 35px 0px 35px;}
.Footer .Div2 .Middle img {border:0;}
.Footer .Div2 .Bottom {text-align:center; margin:30px 35px 0px 35px;}
.Footer .Div2 .Bottom .Date {font-family:Calibri; font-size:12px; color:#d6d6d6;}

.Footer .Div3 {position:relative; float:left; width:333px; height:255px; font-family:Calibri;}
.Footer .Div3 img {border:0; margin:0;}
.Footer .Div3 .Copyright {font-family:Calibri; font-size:12px; color:#d6d6d6; margin:5px 10px 10px 25px;}