﻿body{
	font-family:Arial, Helvetica; 
	margin:0px;
	padding:0px;
	text-align:center;
}
@font-face {
    font-family: 'AlefBold';
    src: url('../fonts/Alef-Bold.eot');
    src: url('../fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Alef-Bold.woff') format('woff'),
         url('../fonts/Alef-Bold.ttf') format('truetype'),
         url('../fonts/Alef-Bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'Alef';
    src: url('../fonts/Alef-Regular.eot');
    src: url('../fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Alef-Regular.woff') format('woff'),
         url('../fonts/Alef-Regular.ttf') format('truetype'),
         url('../fonts/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { margin: 0; padding: 0; }
a img{border:none}
img
{  border-style: none;
}
textarea { resize:none; }
img.a{
	position:absolute;
	/*cursor: pointer;*/
	left:0px;
	top: 0px;
	z-index:1;
}

#debuger{
	position: absolute;
	width: 150px;
	height: 100px;
	left: 0px;
	top: px;
	text-align:center;
	direction:rtl;
	font-family: 'AlefBold';
	color: #000;
	background-color:#FFF;
	font-size:12px;
	font-weight: bold;
	z-index:30;
}


@media screen and (orientation:portrait) {
#MainDiv{
	position:absolute;
	width:640px;
	height:1920px;
	background-size: cover;
	background-color: #FFF;
	background-image: url(images/640x960_4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#MainTitle{
	position: absolute;
	width: 100%;
	height: 42px;
	left: 0px;
	top: 150px;
	text-align:center;
	direction:rtl;
	font-family: 'AlefBold';
	color: #026db6;
	font-size:56px;
	font-weight: bold;
	z-index:3;
}
#TextHolder{
	position: absolute;
	width: 100%;
	height: 520px;
	left: 0px;
	top: 1171px;
	z-index:3;
}
#Text1{
	position: absolute;
	width: 100%;
	height: 70px;
	left: 0px;
	top: -20px;
	text-align: center;
	direction: rtl;
	font-family: 'AlefBold';
	color: #026db6;
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
}

#Text2{
	position: absolute;
	width: 100%;
	height: 125px;
	left: 0px;
	top: 71px;
	text-align: center;
	direction: rtl;
	font-family: 'Alef';
	color: #000;
	font-size: 33px;
	font-weight: normal;
	line-height: 34px;
}

#Text3{
	position: absolute;
	width: 100%;
	height: 35px;
	left: 0px;
	top: 221px;
	text-align: center;
	direction: rtl;
	font-family: 'Alef';
	color: #026db6;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
}

.Text4{
	position: absolute;
	width: 100%;
	height: 60px;
	left: 0px;
	top: 279px;
	text-align: center;
	direction: rtl;
	font-family: 'Alef';
	color: #000;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
}

.Text4small{
	direction:rtl;
	font-family: 'Alef';
	color: #000;
	font-size:24px;
	font-weight: normal;
	
}

#Text5{
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0px;
	top: 378px;
	text-align: center;
	direction: rtl;
	font-family: 'Alef';
	color: #026db6;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
}

.Text6{
	position: absolute;
	width: 100%;
	height: 35px;
	left: 0px;
	top: 441px;
	text-align: center;
	direction: rtl;
	font-family: 'Alef';
	color: #000;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
}



#inboxDIV{
	position: absolute;
	width: 14px;
	height: 54px;
	left: 7px;
	top: 344px;
}
#footerText{
	position: absolute;
	width: 100%;
	height: 35px;
	left: 0px;
	top: 570px;
	text-align: center;
	direction: rtl;
	font-family: 'Alef';
	font-size: 32px;
	font-weight: normal;
	color: #FFF;
}

#phoneText{
	position: absolute;
	width: 438px;
	height: 83px;
	left: 40px;
	top: 564px;
	background-size: cover;
	background-image: url(images/p_phone.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#cbText{
	position: absolute;
	width: 243px;
	height: 29px;
	right: 6px;
	top: 348px;
	text-align:right;
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:14px;
	font-weight: normal;
}
.thanksBig{
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:80px;
	font-weight: bold;
}

#thanksText1{
	position: absolute;
	width: 100%;
	height: 230px;
	left: 0px;
	top: 200px;
	text-align:center;
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:40px;
	font-weight: bold;
	line-height:40px;
	z-index:5;
}

#FormDiv{
	position:absolute;
	width:464px;
	height:648px;
	left:88px;
	top:303px;
	z-index:5;
}

#ThankYou{
	position:absolute;
	width:464px;
	height:648px;
	left:88px;
	top:303px;
	z-index:7;
	display: none;
}
#FormTitle{
	position: absolute;
	width: 100%;
	height: 95px;
	left: 0px;
	top: 0px;
	text-align:center;
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:40px;
	font-weight: normal;
	line-height:42px;
}
#fFname{
	position: absolute;
	width: 100%;
	height: 75px;
	right: 0px;
	top: 120px;
	text-align: center;
	z-index:3;
}

#fPhone{
	position: absolute;
	width: 100%;
	height: 75px;
	right: 0px;
	top: 199px;
	text-align: center;
	z-index:3;
}


#fEmail{
	position: absolute;
	width: 100%;
	height: 75px;
	right: 0px;
	top: 277px;
	text-align: center;
	z-index:3;
}

#fCB1{
	position: absolute;
	width: 21px;
	height: 21px;
	left: 603px;
	top: 852px;
	text-align: center;
}

#fCB2{
	position: absolute;
	width: 155px;
	height: 56px;
	left: 245px;
	top: 798px;
	text-align: center;
}

#lSubmit{
	position: absolute;
	width: 100%;
	height: 74px;
	left: 0px;
	top: 375px;
	text-align: center;
}

#lError{
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0px;
	top: 503px;
	direction: rtl;
	font-family: 'Alef';
	font-size: 22px;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	z-index: 5;
}
#xt{
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0px;
	top: 465px;
	text-align:center;
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:18px;
	font-weight: normal;
	z-index:3;
}
.inputText{
	width: 100%;
	height:80%;
	font-family: 'Alef', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #026db6;
	text-align: center;
	direction: rtl;
	padding-top:5px;
	z-index:5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#newBut{
	position: absolute;
	width: 163px;
	height: 61px;
	left: 332px;
	top: 1012px;
	z-index: 25;
}

#newBut2{
	position: absolute;
	width: 160px;
	height: 58px;
	left: 151px;
	top: 1016px;
	z-index: 25;
}
	
}


/*    landscape    */

@media screen and (orientation:landscape){
#MainDiv{
	position:absolute;
	text-align:center;
	width:960px;
	height:1280px;
	background-size: cover;
	background-color: #FFF;
	background-image: url(images/960x640_4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#MainTitle{
	position: absolute;
	width: 550px;
	height: 45px;
	right: 36px;
	top: 88px;
	text-align:right;
	direction:rtl;
	font-family: 'AlefBold';
	color: #026db6;
	font-size:56px;
	font-weight: bold;
	z-index:3;
}
#TextHolder{
	position: absolute;
	width: 784px;
	height: 380px;
	left: 92px;
	top: 682px;
	z-index:3;
}
#Text1{
	position: absolute;
	width: 100%;
	height: 65px;
	left: 0px;
	top: 0px;
	text-align:center;
	direction:rtl;
	font-family: 'AlefBold';
	color: #026db6;
	font-size:28px;
	font-weight: bold;
	line-height:28px;
}

#Text2{
	position: absolute;
	width: 100%;
	height: 96px;
	left: 0px;
	top: 80px;
	text-align:center;
	direction:rtl;
	font-family: 'Alef';
	color: #000;
	font-size:28px;
	font-weight: normal;
	line-height:28px;
}

#Text3{
	position: absolute;
	width: 366px;
	height: 40px;
	left: 407px;
	top: 202px;
	text-align:center;
	direction:rtl;
	font-family: 'Alef';
	color: #026db6;
	font-size:28px;
	font-weight: bold;
	line-height:28px;
}

.Text4{
	position: absolute;
	width: 318px;
	height: 120px;
	left: 416px;
	top: 258px;
	text-align:center;
	direction:rtl;
	font-family: 'Alef';
	color: #000;
	font-size:28px;
	font-weight: normal;
	line-height:28px;
}

.Text4small{
	direction:rtl;
	font-family: 'Alef';
	color: #000;
	font-size:20px;
	font-weight: normal;
	
}

#Text5{
	position: absolute;
	width: 358px;
	height: 40px;
	left: 0px;
	top: 202px;
	text-align:center;
	direction:rtl;
	font-family: 'Alef';
	color: #026db6;
	font-size:28px;
	font-weight: bold;
	line-height:28px;
}

.Text6{
	position: absolute;
	width: 328px;
	height: 120px;
	left: 0px;
	top: 258px;
	text-align:center;
	direction:rtl;
	font-family: 'Alef';
	color: #000;
	font-size:28px;
	font-weight: normal;
	line-height:28px;
}

#cbText{
	position: absolute;
	width: 243px;
	height: 29px;
	right: 6px;
	top: 348px;
	text-align:right;
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:14px;
	font-weight: normal;
}

#inboxDIV{
	position: absolute;
	width: 14px;
	height: 54px;
	left: 7px;
	top: 344px;
}
#footerText{
	position: absolute;
	width: 130px;
	height: 35px;
	left: 538px;
	top: 280px;
	text-align: center;
	direction: rtl;
	font-family: 'Alef';
	font-size: 32px;
	font-weight: normal;
	color: #FFF;
}

#phoneText{
	position: absolute;
	width: 463px;
	height: 45px;
	left: 370px;
	top: 279px;
	background-size: cover;
	background-image: url(images/l_phone.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.thanksBig{
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:80px;
	font-weight: bold;
}

#thanksText1{
	position: absolute;
	width: 100%;
	height: 230px;
	left: 0px;
	top: 100px;
	text-align:center;
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:40px;
	font-weight: bold;
	line-height:40px;
	z-index:5;
}

#FormDiv{
	position:absolute;
	width:858px;
	height:324px;
	left:50px;
	top:210px;
	z-index:5;
}

#ThankYou{
	position:absolute;
	width:858px;
	height:324px;
	left:50px;
	top:210px;
	z-index:7;
	display: none;
}
#FormTitle{
	position: absolute;
	width: 100%;
	height: 45px;
	left: 0px;
	top: 15px;
	text-align:center;
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:40px;
	font-weight: normal;
	line-height:42px;
}
#fFname{
	position: absolute;
	width: 284px;
	height: 70px;
	right: 0px;
	top: 68px;
	text-align: center;
	z-index: 3;
}

#fPhone{
	position: absolute;
	width: 284px;
	height: 70px;
	right: 287px;
	top: 68px;
	text-align: center;
	z-index: 3;
}


#fEmail{
	position: absolute;
	width: 284px;
	height: 70px;
	right: 574px;
	top: 68px;
	text-align: center;
	z-index: 3;
}

#fCB1{
	position: absolute;
	width: 21px;
	height: 21px;
	left: 603px;
	top: 852px;
	text-align: center;
}

#fCB2{
	position: absolute;
	width: 155px;
	height: 56px;
	left: 245px;
	top: 798px;
	text-align: center;
}

#lSubmit{
	position: absolute;
	width: 243px;
	height: 74px;
	left: 0px;
	top: 184px;
	text-align: center;
}

#lError{
	position: absolute;
	width: 858px;
	height: 28px;
	left: 0px;
	top: 149px;
	direction: rtl;
	font-family: 'Alef';
	font-size: 22px;
	font-weight: bold;
	color: #CC0000;
	text-align: left;
	z-index: 5;
}
#xt{
	position: absolute;
	width: 594px;
	height: 40px;
	right: 0px;
	top: 202px;
	text-align:center;
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:18px;
	font-weight: normal;
	z-index:3;
}
.inputText{
	width: 90%;
	height:100%;
	font-family: 'Alef', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #026db6;
	text-align: center;
	direction: rtl;
	padding-top:5px;
	z-index:5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#newBut{
	position: absolute;
	width: 163px;
	height: 58px;
	left: 243px;
	top: 482px;
	z-index: 25;
}
	
#newBut2{
	position: absolute;
	width: 163px;
	height: 58px;
	left: 63px;
	top: 482px;
	z-index: 25;
}	
	
	
	
}
