@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@font-face {
  font-family: myHelveticaLight;
  src: local("Helvetica Neue Light"),
       local("HelveticaNeue-Light"),
       url(fonts/HelveticaNeueLTCom-Th.ttf);
}
body,html{
	margin:0px;
	padding:0px;
}
body{
	background-image:url(images/bgbg.png);
	background-repeat:repeat;
}
#motherContainer{
	width:100%;
	height:100%;
}
#siteContainer{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1154px;
	height:auto;
	background-color:#f1f2f2;
	overflow:hidden;
	box-shadow:1px 1px 11px 1px #333;
	-moz-box-shadow:1px 1px 11px 1px #333;
	-webkit-box-shadow:1px 1px 11px 1px #333;
}
#upperSliderCon{
	height:589px;
	width:100%;
	background-image:url(images/upper_slider_bg.png);
	background-repeat:no-repeat;
}
#header{
	overflow:hidden;
	z-index:1000;
	right:0px;
	position:absolute;
	height:70px;
	width:66%;
	background-image:url(images/header_bg.png);
	background-repeat:repeat;
	box-shadow:1px 1px 11px 1px #333;
	-moz-box-shadow:1px 1px 11px 1px #333;
	-webkit-box-shadow:1px 1px 11px 1px #333;
	border-left:5px solid #F00;

}
#categories{
	position:relative;
	width:100%;
	height:240px;
	background-color:#858384;
}
#CatText{
	position:absolute;
	bottom:50px;
	left:20px;
	width:228px;
	height:50px;
	background-image:url(images/catText.png);
	
}
#sideBox{
	right:0px;
	position:absolute;
	width:375px;
	height:215px;
	background-color:#d2cece;
	background-image:url(images/side_box_f.png);
	background-repeat:no-repeat;
	background-position:center;
	top:-130px;
	border:#900 2px solid;
	box-shadow:#000 1px 1px 17px 1px;
	-moz-box-shadow:#000 1px 1px 17px 1px;
	-webkit-box-shadow:#000 1px 1px 17px 1px;
	z-index:2;
}
#red_tr{
	width:838px;
	height:26px;
	position:absolute;
	top:-20px;
	background-image:url(images/red_tr.png);
	left:0px;
	z-index:1;
}
#works_con{
	background-color:#858383;
	position:relative;
	width:100%;
	height:auto;
	min-height:300px;
}
#about_home{
	direction:rtl;
	position:relative;
	background-color:#858383;
	position:relative;
	width:100%;
	height:auto;
	min-height:350px;
	background-image:url(images/aboutbg.png);
	background-repeat:no-repeat;
	background-position:top;
}
#contactCon{
	direction:rtl;
	position:relative;
	background-color:#858383;
	position:relative;
	width:100%;
	height:auto;
	min-height:350px;
	background-image:url(images/aboutbg.png);
	background-repeat:no-repeat;
	background-position:top;
}
#about_bg,#works_bg,#contact_bg{
	position:absolute;
	width:100%;
	height:20px;
	background-image:url(images/grey_tr.png);
	background-repeat:no-repeat;
	top:-13px;
}
#works_bg_2{
	position:absolute;
	width:100%;
	height:120px;
	background-image:url(images/works_bg.png);
	background-repeat:no-repeat;
	background-position:top;
}
#bottomSliderCon{
	position:relative;
	width:100%;
	height:270px;
	background-color:#858383;
}
#bottom_slider_bg{
	position:absolute;
	bottom:10px;
	background-image:url(images/bottom_slider_bg.png);
	width:1100px;
	height:45px;
	right:0px;
}
#footer{
	font-family: 'Droid Arabic Kufi' , Tahoma;
	font-size:12px;
	background-color:#ec1c24;
	width:100%;
	height:30px;
	text-align:center;
	padding-top:20px;
	color:#FFF;
	box-shadow:1px 1px 11px 1px #333;
	-moz-box-shadow:1px 1px 11px 1px #333;
	-webkit-box-shadow:1px 1px 11px 1px #333;
}
#hpProjectPhotos{
	position:relative;
	width:1114px;
	height:154px;
	padding:20px;
}
.hpLeftArrow{
	height:160px;
	width:99px;
	position:absolute;
	left:0px;
	background-image:url(images/prevArrow_f.png);
	background-repeat:no-repeat;
	background-position:left;
	cursor:pointer;
}
.hpLeftArrow:hover{
	background-image:url(images/prevArrow_f.png);
	background-repeat:no-repeat;
	background-position:right;
}
.hpRightArrow{
	height:160px;
	width:99px;
	background-image:url(images/nextArrow_f.png);
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	right:0px;
	cursor:pointer;
}
.hpRightArrow:hover{
	background-image:url(images/nextArrow_f.png);
	background-repeat:no-repeat;
	background-position:left;
}
.hpProjectPhotosSlider{
	position:relative;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	padding:6.5px;
	height:140px;
}
#hpPhotosContainer{
	position:relative;
	margin-left:17.5px;
	width:auto;
	height:auto;
}
.headerBtns{
	overflow:hidden;
}
.button{
	color:#FFF;
	text-align:center;
	font-family: 'Droid Arabic Kufi' , Tahoma;
	font-size:12px;
	font-weight:bold;
	float:left;
	padding-top:26px;
	padding-bottom:26px;
	width:16%;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.button:hover{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	background-color:#FFF;
	color:#F00;
	border-bottom:#F03 5px solid;
	padding-top:18px;
}
.hpThumbPoto{
	cursor:pointer;
	position:absolute;
	border:3px solid #605d5d;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-shadow:0px 0px 5px 2px #333;
	-webkit-box-shadow:0px 0px 5px 2px #333;
	-moz-box-shadow:0px 0px 5px 2px #333;
}
.hpThumbPoto:hover{
	box-shadow:0px 0px 5px 3px #333;
	-webkit-box-shadow:0px 0px 5px 3px #333;
	-moz-box-shadow:0px 0px 5px 3px #333;
}
#nextCap,#prevCap{
	display:none;
}
.twisted{
	float:left;
	font-family: 'Droid Arabic Kufi' , Tahoma;
	font-weight:bold;
	font-size:14px;
	margin-left:400px;
	transform:rotate(-30deg);
	-webkit-transform:rotate(-50deg);
	-moz-transform:rotate(-50deg);
	-o-transform:rotate(-50deg);
	-sand-transform:rotate(30deg);
	width:400px;
	height:200px;
	background-color:#CC3;
}
.adminWorkUnit{
	position:relative;
	float:left;
	margin:12px;
	width:250px;
	height:188px;
	background-color:#f2f2f2;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	overflow:hidden;
	box-shadow:0px 0px 17px 2px #FFF;
	-webkit-box-shadow:0px 0px 17px 2px #FFF;
	-moz-box-shadow:0px 0px 17px 2px #FFF;
	
}
.adminWorkUnit:hover{
	box-shadow:0px 0px 27px 2px #FFF;
	-webkit-box-shadow:0px 0px 27px 2px #FFF;
	-moz-box-shadow:0px 0px 27px 2px #FFF;
}
.workUnit{
	position:relative;
	float:left;
	margin:12px;
	width:250px;
	height:188px;
	background-color:#f2f2f2;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	overflow:hidden;
	cursor:pointer;
	box-shadow:0px 0px 17px 2px #333;
	-webkit-box-shadow:0px 0px 17px 2px #333;
	-moz-box-shadow:0px 0px 17px 2px #333;
	
}
.workUnit:hover{
	box-shadow:0px 0px 27px 2px #000;
	-webkit-box-shadow:0px 0px 27px 2px #000;
	-moz-box-shadow:0px 0px 27px 2px #000;
}
#workUnitsCon{
	position:relative;
	width:1100px;
	height:auto;
	min-height:400px;
	margin-left:auto;
	margin-right:auto;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	z-index:999;
}
.hiddenCon{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(images/opbg.png);
	background-repeat:repeat;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	display:none;
	z-index:100;
	font-family: 'Droid Arabic Kufi' , Tahoma;
	font-size:15px;
	text-align:center;
	padding-top:30%;
	color:#f2f2f2;
}
.adminHiddenCon{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(images/opbg.png);
	background-repeat:repeat;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	display:none;
	z-index:100;
	font-family: 'Droid Arabic Kufi' , Tahoma;
	font-size:15px;
	text-align:center;
	padding-top:10%;
	color:#f2f2f2;
}
.work_img{
	width:250px;
	height:188px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.coverDiv{
	display:none;
	z-index:1000;
	position:fixed;
	top:0px;
	left:0px;
	background-image:url(images/opbg.png);
	background-repeat:repeat;
	height:100%;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#popup_con{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	width:740px;
	height:580px;
}
.popup_img_con{
	background-color:#000;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:640px;
	height:480px;
	box-shadow:1px 1px 31px 3px #000;
	-moz-box-shadow:1px 1px 31px 3px #000;
	-webkit-box-shadow:1px 1px 31px 3px #000;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	z-index:1001;
}
.workUnitTitle{
	display:none;
}
.popup_title{
	font-family: 'Droid Arabic Kufi' , Tahoma;
	font-size:18px;
	color:#f2f2f2;
	text-align:center;
	position:absolute;
	background-image:url(images/opbg.png);
	background-repeat:repeat;
	top:0px;
	width:600px;
	padding:20px;
	display:none;
}
.popup_img{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	z-index:1002;
}
#next{
	position:absolute;
	top:33%;
	right:-50px;
	cursor:pointer;
	opacity:0.5;
	background-image:url(images/next.png);
	width:27px;
	height:45px;
	background-repeat:no-repeat;
}
#popup_close{
	position:absolute;
	color:#f2f2f2;
	font-family: 'Droid Arabic Kufi' , Tahoma;
	font-size:30px;
	background-color:#000;
	width:50px;
	padding:10px;
	text-align:center;
	top:0px;
	right:-60px;
	cursor:pointer;
	opacity:0.5;
}
#popup_close:hover{
	opacity:1.0;
}
#prev{
	position:absolute;
	top:33%;
	left:-50px;
	cursor:pointer;
	opacity:0.5;
	background-image:url(images/prev.png);
	width:27px;
	height:45px;
	background-repeat:no-repeat;
}
#next:hover,#prev:hover{
	opacity:1.0;
}
.i_span,.j_span,.cat_span{
	display:none;
}
.cat_btn{
	float:left;
	cursor:pointer;
	width:136px;
	height:240px;
}
#cat_left_side{
	background-image:url(images/left_cat_bg.png);
	float:left;
	width:320px;
	height:240px;
}
#cat_right_side{
	background-image:url(images/right_cat_bg.png);
	float:left;
	width:270px;
	height:240px;
}
.special{
	background-image:url(images/sw_bw_bg_f.png);
}
.special:hover{
	background-image:url(images/sw_bw_bg_f.png);
	background-position:136px;
}
.closed{
	background-image:url(images/cb_bw_bg_f.png);
}
.closed:hover{
	background-image:url(images/cb_bw_bg_f.png);
	background-position:136px;
}
.open{
	background-image:url(images/ob_bw_bg_f.png);
}
.open:hover{
	background-image:url(images/ob_bw_bg_f.png);
	background-position:136px;
}
.catBtnPressed{
	background-position:136px;
}
#catBtns_con{
	position:absolute;
	width:100%;
	height:auto;
}
#addWorksCon{
	background-image:url(images/upper_slider_bg.png);
	background-repeat:no-repeat;
	width:100%;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Droid Arabic Kufi' , Tahoma;
	color:#FFF;
	position:relative;
}
#emailSend,#orderBtn{
	font-family: 'Droid Arabic Kufi' , Tahoma;
	float:left;
	background-color:#069;
	border-bottom:#C00 5px solid;
	padding:10px;
	color:#f2f2f2;
	width:100px;
	text-align:center;
	cursor:pointer;
	box-shadow:1px 1px 11px 1px #333;
	-moz-box-shadow:1px 1px 11px 1px #333;
	-webkit-box-shadow:1px 1px 11px 1px #333;
	font-size:12px;
}
#emailSend:hover,#orderBtn:hover{
	border-bottom:#6C3 5px solid;
	color:#EEE;
}
input[type=text],input[type=password]{
	font-family: 'Droid Arabic Kufi' , Tahoma;
	width:200px;
	padding:5px;
}
#contactTextarea{
	font-family: 'Droid Arabic Kufi' , Tahoma;
	height:150px;
	max-height:200px;
	min-height:150px;
	width:500px;
	max-width:600px;
	min-width:500px;
}
#contactTable{
	font-family: 'Droid Arabic Kufi' , Tahoma;
	font-size:20px;
}
#newWorkFinish,#wlcmUpdate,#aboutUpdate{
	font-family: 'Droid Arabic Kufi' , Tahoma;
	float:left;
	background-color:#069;
	border-bottom:#C00 5px solid;
	padding:10px;
	color:#f2f2f2;
	width:100px;
	text-align:center;
	cursor:pointer;
	box-shadow:1px 1px 11px 1px #333;
	-moz-box-shadow:1px 1px 11px 1px #333;
	-webkit-box-shadow:1px 1px 11px 1px #333;
}
#loginBtn{
	font-family: 'Droid Arabic Kufi' , Tahoma;
	float:left;
	background-color:#6C3;
	border-bottom:#C00 5px solid;
	padding:5px;
	color:#f2f2f2;
	width:100px;
	text-align:center;
	cursor:pointer;
	box-shadow:1px 1px 11px 1px #333;
	-moz-box-shadow:1px 1px 11px 1px #333;
	-webkit-box-shadow:1px 1px 11px 1px #333;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#loginBtn:hover{
	border-bottom:#06C 5px solid;
	color:#EEE;
}
#newWorkFinish:hover,#wlcmUpdate:hover,#aboutUpdate:hover{
	border-bottom:#6C3 5px solid;
	color:#EEE;
}
#wlcmCancel,#aboutCancel{
	font-family: 'Droid Arabic Kufi' , Tahoma;
	float:left;
	margin-left:30px;
	background-color:#9F9F9F;
	border-bottom:#C00 5px solid;
	padding:10px;
	color:#FFF;
	width:100px;
	text-align:center;
	cursor:pointer;
	box-shadow:1px 1px 11px 1px #333;
	-moz-box-shadow:1px 1px 11px 1px #333;
	-webkit-box-shadow:1px 1px 11px 1px #333;
}
#wlcmCancel:hover,#aboutCancel:hover{
	border-bottom:#6C3 5px solid;
	color:#EEE;
}
.adminBtns{
	cursor:pointer;
}
.adminBtns:hover{
	text-decoration:underline;
}
.Title{
	margin-top:10px;
	margin-bottom:10px;
	font-family: 'Droid Arabic Kufi' , Tahoma;
	font-size:30px;
	color:#f2f2f2;
	text-decoration:underline;
}
#wlcmMsgCon,#aboutCon{
	height:auto;
	width:80%;
	padding:20px;
	min-height:300px;
}
.adminEditBtn{
	text-decoration:none;
	cursor:pointer;
}
.adminTextArea{
	width:400px;
	height:150px;
	max-height:150px;
	min-height:150px;
	max-width:500px;
	min-width:400px;
	font-family: 'Droid Arabic Kufi' , Tahoma;
}
.wlcmMsgEdit,.aboutMsgEdit{
	display:none;
}
#amdinLoginContainer{
	width:500px;
	height:auto;
	background-color:#09C;
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;
	padding:20px;
	box-shadow:#000 1px 1px 17px 1px;
	-moz-box-shadow:#000 1px 1px 17px 1px;
	-webkit-box-shadow:#000 1px 1px 17px 1px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
#loginMsg{
	margin-left:20px;
}
#loginTable{
	font-family: 'Droid Arabic Kufi' , Tahoma;
	color:#f2f2f2;
	font-size:12px;
}
.sectionTitle{
	width:80%;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	font-family: 'Droid Arabic Kufi' , Tahoma;
	color:#f2f2f2;
	font-size:25px;
	font-weight:bold;
}
#aboutUsText,#contactFormCon{
	width:80%;
	padding-left:30px;
	padding-right:30px;
	font-family:myHelveticaLight;
	color:#f2f2f2;
	font-size:20px;
	height:auto;
	margin-top:20px;
}
#pw a{
	text-decoration:none;
	font-family: 'Droid Arabic Kufi' , Tahoma;
	font-size:12px;
	color:#f2f2f2;
	font-weight:bold;
}
.emptyResult{
	width:300px;
	height:200px;
	font-family: 'Droid Arabic Kufi' , Tahoma;
	color:#f2f2f2;
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
}
.loadingGif{
	position:absolute;
	top:40%;
	left:500px;
}
.popup_loadingGif{
	position:absolute;
	top:40%;
	left:288px;
}
#message{
	margin-right:20px;
	font-size:12px;
}