@charset "utf-8";
/* CSS Document */
@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;

}

body{    
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	height:100%;
	background-color:#FFF;
}
a img{border:none}
img.a{
	position:absolute;
	cursor: pointer;
	left: 0px;
	top: 0px;
}
textarea{resize: none}
#MainDiv{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:950px;
	height:1950px;
	background-color:#FFF;
}

#HeaderHolder{
	position: fixed;
	width: 100%;
	height: 134px;
	left: 0px;
	top: 0px;
	z-index: 10;
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
	background-size: auto 100%;
}

.sitesBG{
	position:absolute;
	width:1000px;
	height:199px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}


#HeaderContent{
	position:absolute;
	width:1000px;
	height:134px;
	left: 460px;
	top: 0px;
}

#HeaderLogo{
	position: absolute;
	width: 294px;
	height: 108px;
	left: 30px;
	top: 20px;
	z-index: 2;
}

#LangMenu{
	position: absolute;
	width: 250px;
	height: 35px;
	right: 0px;
	top: 5px;
	z-index: 3;
}
.langItem{
	position: relative;
	width: 20px;
	height: 20px;
	float: right;
	margin-left: 10px;
}


#TopMenu{
	position: absolute;
	width: 770px;
	height: 35px;
	right: 0px;
	bottom: 40px;
	z-index: 3;
}

.cmplink A {
	text-decoration: none;
	text-align:right;
	direction:rtl;
	font-family: 'Alef';
	color: #000;
	font-size:16px;
	font-weight: bold;
}
.cmplink A:hover {
	text-decoration: none;
	text-align:right;
	direction:rtl;
	font-family: 'Alef';
	color: #6abb3b;
	font-size:16px;
	font-weight: bold;
}
A.cmplink {
	text-decoration: none;
	text-align:right;
	direction:rtl;
	font-family: 'Alef';
	color: #000;
	font-size:16px;
	font-weight: bold;
}
A.cmplink:hover {
	text-decoration: none;
	text-align:right;
	direction:rtl;
	font-family: 'Alef';
	color: #6abb3b;
	font-size:16px;
	font-weight: bold;
}
.menuHolder{
	position: relative;
	float:right;
	width: auto;
	height: 28px;
	padding-top:7px;
	text-align:center;
	font-family: Arial;
	color: #000;
	font-size:18px;
	font-weight: normal;
}

.ContentHolder{
	position:relative;
	width:950px;
	height:auto;
	margin-top:10px;
	float:left;
}

/* top banners */
#TopBannerHolder{
	position: relative;
	width: 100%;
	height: 445px;
	left: 0px;
	margin-top: 130px;
	background-color:#6abb3b;
	z-index: 2;
}

#TopHolder{
	position: absolute;
	width: 1000px;
	height: 445px;
	left: 460px;
	top: 0px;
	background-color:#6abb3b;
	z-index: 2;
}
#TopBanner{
	position: absolute;
	width: 1000px;
	height: 445px;
	left: 0px;
	top: 0px;
	background-color:#6abb3b;
	z-index: 2;
}

#BannerSlider{
	position: absolute;
	width: 1000px;
	height: 40px;
	left: 0px;
	top: 405px;
	background-color:#6abb3b;
	z-index: 2;
	text-align:center;
}

#SlidersHolder{
	position: relative;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	width: 100px;
	height: 26px;
	background-color:#6abb3b;
	z-index: 2;
	text-align:left;
}
.sliderH{
	position:relative;
	width:20px;
	height:13px;
	padding-top:13px;
	float:left;
	text-align:left;
}
#topspacer{
	position: relative;
	width: 100%;
	height:590px;
	z-index: 3;
	overflow:hidden;
}
#aboutDiv{
	position: relative;
	width: 100%;
	height: 420px;
	z-index: 3;
	overflow:hidden;
}


#aboutHolder{
	position: absolute;
	width: 1000px;
	height: 420px;
	left: 460px;
	top: 0px;
	z-index: 2;
}


#welcomeImage{
	position: absolute;
	width: 350px;
	height: 303px;
	top:20px;
	left:25px;
	z-index: 3;
	background-image: url(images/WelcomeBG.jpg);
	background-repeat: no-repeat;	
}

#dayH{
	position: absolute;
	width: 14px;
	height: 9px;
	left:35px;
	top:111px;
	z-index: 3;
	font-family: 'Alef';
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align:center;
	direction:rtl;

}

#dateH{
	position: absolute;
	width: 14px;
	height: 12px;
	left:35px;
	top:128px;
	z-index: 3;
	font-family: ArialBlack;
	font-size: 12px;
	font-weight: bolder;
	color: #184356;
	text-align:center;
	direction:rtl;

}

#hourH{
	position: absolute;
	width: 12px;
	height: 10px;
	left:182px;
	top:113px;
	z-index: 3;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #184356;
	text-align:center;
	direction:rtl;

}

#minH{
	position: absolute;
	width: 12px;
	height: 10px;
	left:204px;
	top:113px;
	z-index: 3;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #184356;
	text-align:center;
	direction:rtl;

}

#secH{
	position: absolute;
	width: 12px;
	height: 10px;
	left:224px;
	top:113px;
	z-index: 3;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #184356;
	text-align:center;
	direction:rtl;

}

.PageTitle{
	position: relative;
	width: 100%;
	height: auto;
	float:left;
	font-family: 'Alef', Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #6abb3b;
	text-align:right;
	direction:rtl;
}

.PageTitleC{
	position: relative;
	width: 100%;
	height: auto;
	float:left;
	font-family: 'Alef', Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #6abb3b;
	text-align:center;
	direction:rtl;
}

.regText{
	font-family: 'Alef', Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	text-align:right;
	direction:rtl;
}

.greenSubTitle{
	font-family: 'Alef', Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6abb3b;
	text-align:justify;
	direction:rtl;
}


.picPlace{
	position: relative;
	width: 380px;
	height: auto;
	float:left;
	padding:10px;
	text-align:center;
}

.textPlace{
	position: relative;
	width: 580px;
	height: auto;
	float:left;
	padding:10px;
	text-align:right;
	direction:rtl;
}


.picPlace1{
	position: relative;
	width: 1000px;
	height: 250px;
	float:left;
	text-align:center;
}

.textPlace1{
	position: relative;
	width: 1000px;
	height: auto;
	float:left;
	text-align:center;
	direction:rtl;
	margin-bottom: 15px;
	margin-top: 15px;
}

#googleDiv{
	position: relative;
	width: 100%;
	height: 370px;
	z-index: 3;
	background-color:#f6f8fb;
	overflow:hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
}


#googleHolder{
	position: absolute;
	width: 1000px;
	height: 370px;
	left: 460px;
	top: 0px;
	z-index: 2;
}

#facebookDiv{
	position: relative;
	width: 100%;
	height: 370px;
	z-index: 3;
	overflow:hidden;
}


#facebookHolder{
	position: absolute;
	width: 1000px;
	height: 370px;
	left: 460px;
	top: 0px;
	z-index: 2;
}


#exampleDiv{
	position: relative;
	width: 100%;
	height: 370px;
	z-index: 3;
	background-color:#f6f8fb;
	overflow:hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
}


#exampleHolder{
	position: absolute;
	width: 1000px;
	height: 370px;
	left: 460px;
	top: 0px;
	z-index: 2;
}

#clientsDiv{
	position: relative;
	width: 100%;
	height: 420px;
	height:auto;
	z-index: 3;
	overflow:hidden;
}


#clientsHolder{
	position: absolute;
	width: 1000px;
	height: 420px;
	left: 460px;
	top: 0px;
	z-index: 2;
}


#contactDiv{
	position: relative;
	width: 100%;
	height: 100px;
	z-index: 3;
	overflow:hidden;
	background-color:#2e2e2e;
	/*background-color:#f6f8fb;*/
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
}


#contactHolder{
	position: absolute;
	width: 1000px;
	height: 100px;
	left: 460px;
	top: 0px;
	z-index: 2;
}

#footerDiv{
	position: relative;
	width: 100%;
	height: 60px;
	z-index: 3;
	overflow:hidden;
	background-color:#6abb3b;
}


#footerHolder{
	position: absolute;
	width: 1000px;
	height: 60px;
	left: 460px;
	top: 0px;
	z-index: 2;
}

#FormTitle{
	position: relative;
	width: 100%;
	height: auto;
	float:left;
	font-family: 'Alef', Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-align:center;
	direction:rtl;
	padding-bottom:10px;
}

.FormText{
	position: relative;
	width: auto;
	height: 20px;
	font-family: 'Alef', Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	text-align:right;
	direction:rtl;
	float:right;
}

#FormDiv{
	position: absolute;
	width: 100%;
	height: 70px;
	left: 0px;
	top: 10px;
	z-index: 3;
}
#ThankYou{
	position: absolute;
	width: 470px;
	height: 350px;
	left: 0px;
	top: 0px;
	z-index: 10;
	display:none;
}

.inputText{
	width: 100%;
	height: 100%;
	text-indent:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFF;
	color: #000;
	text-align: right;
	direction: rtl;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
}

.inputSelect{
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFF;
	color: #000;
	text-align: right;
	direction: rtl;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#SendBut{
	position: absolute;
	width: 150px;
	height: 32px;
	left: 26px;
	top: 281px;
}

#ErrorDiv{
	position: absolute;
	width: 317px;
	height: 10px;
	left: 158px;
	bottom: -7px;
	z-index: 3;
	text-align: left;
	direction: rtl;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #CC0000;
}


#footerText{
	position: absolute;
	width: 100%;
	height: 20px;
	bottom:10px;
	font-family: 'Alef', Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align:center;
	direction:rtl;
}


#footerMenu{
	position: absolute;
	width: 1000px;
	height: auto;
	bottom:30px;
	font-family: 'Alef', Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align:center;
	direction:rtl;
}

.btnlink {
	text-decoration: none;
	text-align:right;
	direction:rtl;
	font-family: 'Alef';
	color: #000;
	font-size:12px;
	font-weight: normal;
}

.btnlink A {
	text-decoration: underline;
	text-align:right;
	direction:rtl;
	font-family: 'Alef';
	color: #000;
	font-size:12px;
	font-weight: normal;
}
.btnlink A:hover {
	text-decoration: underline;
	text-align:right;
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:12px;
	font-weight: normal;
}
A.btnlink {
	text-decoration: underline;
	text-align:right;
	direction:rtl;
	font-family: 'Alef';
	color: #000;
	font-size:12px;
	font-weight: normal;
}
A.btnlink:hover {
	text-decoration: underline;
	text-align:right;
	direction:rtl;
	font-family: 'Alef';
	color: #FFF;
	font-size:12px;
	font-weight: normal;
}








.leftArrow{
	position: absolute;
	width: 76px;
	height: 228px;
	left: 0px;
	top: 62px;
	z-index:5;
}

.rightArrow{
	position: absolute;
	width: 76px;
	height: 228px;
	right: 0px;
	top: 62px;
	z-index:5;
}
.prodPics{
	position: absolute;
	width: 950px;
	height: 350px;
	left: 0px;
	top: 0px;
	z-index: 1;
	overflow:hidden;
}

.prodBut{
	position: absolute;
	width: 145px;
	height: 42px;
	left: 18px;
	top: 308px;
	z-index: 10;
}




.slideshow {width: 1000px; height: 405px;  margin: auto; position:relative; }
.slideshow img { padding: 0px; border: 0px; }



#arrowLeft{
	position: absolute;
	width: 37px;
	height: 69px;
	left: -45px;
	top: 168px;
	z-index: 3;
}


#arrowRight{
	position: absolute;
	width: 37px;
	height: 69px;
	right: -45px;
	top: 168px;
	z-index: 3;
}

#arrowLeft1{
	position: absolute;
	width: 37px;
	height: 69px;
	left: -45px;
	top: 150px;
	z-index: 3;
}


#arrowRight1{
	position: absolute;
	width: 37px;
	height: 69px;
	right: -45px;
	top: 150px;
	z-index: 3;
}



.siteClick{
	position: relative;
	width: 333px;
	height: 199px;
	float: left;
	margin: 0;
	z-index: 3;
}


.siteClick1{
	position: relative;
	width: 200px;
	height: 199px;
	float: left;
	margin: 0;
	z-index: 3;
}