html{
	margin:0;
	padding:0;
}


body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#FFF;
	 min-width:1200px;
	min-height:800px;
}


@font-face {
    font-family: 'colaborate-mediumregular';
    src: url('fonts/colabmed_0-webfont.eot');
    src: url('fonts/colabmed_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colabmed_0-webfont.woff') format('woff'),
         url('fonts/colabmed_0-webfont.ttf') format('truetype'),
         url('fonts/colabmed_0-webfont.svg#colaborate-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'colaborate-boldregular';
    src: url('fonts/colabbol_0-webfont.eot');
    src: url('fonts/colabbol_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colabbol_0-webfont.woff') format('woff'),
         url('fonts/colabbol_0-webfont.ttf') format('truetype'),
         url('fonts/colabbol_0-webfont.svg#colaborate-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'colaborate-thinregular';
    src: url('fonts/colabthi_0-webfont.eot');
    src: url('fonts/colabthi_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colabthi_0-webfont.woff') format('woff'),
         url('fonts/colabthi_0-webfont.ttf') format('truetype'),
         url('fonts/colabthi_0-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 

a:link {
	color:#d300d1;

}
a:visited {
}
a:hover {
	color:#d300d1;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
 outline:none;
 }


 
#container{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	 min-width:1200px;
	min-height:800px;
}

#site{
	display:block;
	position:absolute;
	width:1200px;
	height:800px;
	left:50%; margin-left:-600px;
	top:0px;
	background-color:#ccc;
	overflow:hidden;
	}



.topPart{ display:block; position:absolute; width:100%; height:45px; left:0px; top:0px; background-color:#000; z-index:10;}
.bottomPart{ display:block; position:absolute; width:100%; height:120px; left:0px; bottom:0px; background-color:#000; z-index:10;}

#logo{ display:block; position:absolute; width:200px; height:162px; z-index:9999; left:150px; top:0px;}
#logo a{
	display:block;
	position:relative;
	width:200px;
	height:162px;
	background-image:url(../imgs/logo.png);
	background-repeat:no-repeat;
	background-position:left;
	}
#logo a:hover{}






.serviceLabel{ font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif;  color:#FFFFFF; font-size:50px; display:block; position:absolute; margin-left:380px; margin-top:25px; }


.slogan{ display:block; position:absolute; font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif; 
         color:#FFA600; font-size:16px; line-height:16px; z-index:100; left:110px; top:30px; text-transform:uppercase; }


.footer{ display:block; position:absolute; font-family:Verdana, Geneva, sans-serif; 
         color:#FFFFFF; font-size:10px; line-height:12px; z-index:100; right:60px; bottom:30px;   text-transform:uppercase; }



.lang{ font-family:Verdana, Geneva, sans-serif; color:#808080; font-size:12px; }
.lang a{ font-family:Verdana, Geneva, sans-serif; color:#808080; font-size:12px; line-height:14px; text-decoration:none;}
.lang a:hover{ color:#FF9D00;}


.langSel{ font-family:Verdana, Geneva, sans-serif; color:#808080; font-size:12px; }
.langSel a{ font-family:Verdana, Geneva, sans-serif; color:#FF9D00; font-size:12px; line-height:14px; text-decoration:none;  }
.langSel a:hover{ color:#FF9D00;}



.langA{ font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif; color:#808080; font-size:15px; margin-top:-2px; }
.langA a{ font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif; color:#808080; font-size:15px; line-height:14px; text-decoration:none;}
.langA a:hover{ color:#FF9D00;}


.langASel{ font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif; color:#808080; font-size:15px;  margin-top:-2px;}
.langASel a{ font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif; color:#FF9D00; font-size:15px; line-height:14px; text-decoration:none;  }
.langASel a:hover{ color:#FF9D00;}


.pos1{ display:block; position:absolute; right:150px; top:15px;  z-index:1000;}
.pos2{ display:block; position:absolute; right:115px; top:15px;  z-index:1000;}

.openMenu{ display:block; position:absolute; width:75px; height:45px; z-index:50; right:0px; top:0px;}
.openMenu a{ display:block; position:relative; width:75px; height:45px; background-image:url(../imgs/open_menu.png); background-repeat:no-repeat; background-position:left; }
.openMenu a:hover{}

.closeMenu{ display:block; position:absolute; width:30px; height:29px; z-index:5000; right:125px; bottom:150px;}
.closeMenu a{ display:block; position:relative; width:30px; height:29px; background-image:url(../imgs/close_menu2.png); background-repeat:no-repeat; background-position:left; }
.closeMenu a:hover{}




.slideshow {  display:block; position:absolute; z-index:1; width:1200px; height:800px; }
.slideshow img{ display:block; position:relative; width:1200px; height:800px;}


.mapContainer{ display:block; position:absolute; z-index:2; width: 1200px; height:800px; background-color:#ffffff;  }
#map_canvas {
	display:block;
	position:relative;
	width: 1200px; height:800px;
}



.menuPanel{
	display:block;
	position:absolute;
	z-index:100;
	width:281px;
	height:680px;
	background-image:url(../imgs/menu_bg.png);
	background-position:right;
	background-repeat:no-repeat;
	right:0px;
	top:0px;
 }


.TextPanel{
	display:block;
	position:absolute;
	z-index:200;
	width:413px;
	height:710px;
	background-image:url(../imgs/tpanel.png);
	background-position:right;
	background-repeat:no-repeat;
	right:125px;
	bottom:0px;
 
 

 }
 
 
.TextPanel2{
	display:block;
	position:absolute;
	z-index:200;
	width:413px;
	height:710px;
	background-image:url(../imgs/tpanel2.png);
	background-position:right;
	background-repeat:no-repeat;
	right:125px;
	bottom:0px;
 
 }
 
.TextPanelPad{
	padding:20px; padding-top:46px;
 
	}

.template1{
			width:330px;
			height:650px;
		 
			}
			
.line, .line_content {
	position:absolute;
	text-align:justify;
}

.line_content:after {
	content: "";
	display: inline-block;
	width: 100%;
}
 

.title{ font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; color:#000000; font-size:25px; line-height:20px; text-decoration:none; text-transform:uppercase; padding-bottom:10px;  }
.text{ font-family:'colaborate-lightregular',Verdana, Geneva, sans-serif; color:#000000; font-size:12px; line-height:14px; text-decoration:none;   }
.text a{ font-family:'colaborate-lightregular',Verdana, Geneva, sans-serif; color:#FF9D00; font-size:12px; line-height:14px; text-decoration:none;   }
.text a:hover{  color:#FF9D00;  }


.titleService{ font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; color:#000000; font-size:25px; line-height:20px; text-decoration:none; text-transform:uppercase; padding-bottom:10px;  }
.textService{ font-family:Verdana, Geneva, sans-serif; color:#FFFFFF; font-size:12px; line-height:14px; text-decoration:none;   }
.textService a{ font-family: Verdana, Geneva, sans-serif; color:#FF9D00; font-size:12px; line-height:14px; text-decoration:none;   }
.textService a:hover{  color:#FF9D00;  }


 

.homeButton{ display:block; position:relative; width:157px; height:30px; z-index:50; right:0px; margin-top:268px;}
.homeButton a{
	display:block;
	position:relative;
	width:157px;
	height:30px;
	background-image:url(../imgs/home.png);
	background-repeat:no-repeat;
	background-position:left;
	font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif; color:#272724; font-size:18px; line-height:20px; text-decoration:none; text-transform:uppercase; direction:rtl; text-indent:50px;
	}
.homeButton a:hover{ font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; line-height:22px;}



.homeButtonSel{ display:block; position:relative; width:157px; height:30px; z-index:50; right:0px; margin-top:268px;}
.homeButtonSel a{
	display:block;
	position:relative;
	width:157px;
	height:30px;
	background-image:url(../imgs/home.png);
	background-repeat:no-repeat;
	background-position:left;
	font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; color:#272724; font-size:18px; line-height:20px; text-decoration:none; text-transform:uppercase; direction:rtl; text-indent:50px;
	}
.homeButtonSel a:hover{ font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; line-height:22px;}



.serviceButton{ display:block; position:relative; width:169px; height:30px; z-index:50; right:0px; margin-top:10px;}
.serviceButton a{
	display:block;
	position:relative;
	width:169px;
	height:30px;
	background-image:url(../imgs/service1.png);
	background-repeat:no-repeat;
	background-position:left;
	font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif; color:#272724; font-size:18px; line-height:20px; text-decoration:none; text-transform:uppercase; direction:rtl; text-indent:50px;
	}
.serviceButton a:hover{ font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; line-height:22px;}



.serviceButton0{ display:block; position:relative; width:169px; height:30px; z-index:50; right:0px;  margin-top:10px;}
.serviceButton0 a{
	display:block;
	position:relative;
	width:169px;
	height:30px;
 
	background-repeat:no-repeat;
	background-position:left;
	font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; color:#272724; font-size:18px; line-height:22px; text-decoration:none; text-transform:uppercase; direction:rtl; text-indent:50px;
	}
.serviceButton0 a:hover{ font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; line-height:22px;}


.contactButton0{ display:block; position:relative; width:244px; height:30px; z-index:50; right:0px; margin-top:10px;}
.contactButton0 a{
	display:block;
	position:relative;
	width:100%;
	height:30px;
	background-image:url(../imgs/service1.png);
	background-repeat:no-repeat;
	background-position:left;
	font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif; color:#272724; font-size:18px; line-height:20px; text-decoration:none; text-transform:uppercase; direction:rtl; text-indent:50px;
	}
.contactButton0 a:hover{ font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; line-height:22px;}


.contactButton{ display:block; position:relative; width:182px; height:30px; z-index:50; right:0px; margin-top:10px;}
.contactButton a{
	display:block;
	position:relative;
	width:100%;
	height:30px;
	background-image:url(../imgs/service1.png);
	background-repeat:no-repeat;
	background-position:left;
	font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif; color:#272724; font-size:18px; line-height:20px; text-decoration:none; text-transform:uppercase; direction:rtl; text-indent:50px;
	}
.contactButton a:hover{ font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; line-height:22px;}


.contactButtonSel{ display:block; position:relative; width:182px; height:30px; z-index:50; right:0px; margin-top:10px;}
.contactButtonSel a{
	display:block;
	position:relative;
	width:100%;
	height:30px;
 
	background-repeat:no-repeat;
	background-position:left;
	font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; color:#272724; font-size:18px; line-height:22px; text-decoration:none; text-transform:uppercase; direction:rtl; text-indent:50px;
	}
.contactButtonSel a:hover{ font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif; line-height:22px;}



.sub{ display:block; position:relative; width:184px; height:30px; z-index:50; right:0px; margin-top:2px;}
.sub a{
	display:block;
	position:relative;
	width:100%;
	height:30px;
    color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:left;

	font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif;  font-size:15px; line-height:30px; 
	text-decoration:none; 
	text-transform:capitalize; direction:rtl; text-indent:50px;
	}
.sub a:hover{ background-image:url(../imgs/sub.png); color:#FF9D00; background-position:left;}


.subSel{ display:block; position:relative; width:184px; height:30px; z-index:50; right:0px; margin-top:2px;}
.subSel a{
	display:block;
	position:relative;
	width:100%;
	height:30px;
    background-image:url(../imgs/sub.png); color:#FF9D00;
	background-repeat:no-repeat;
	background-position:left;
	font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif;  font-size:15px; line-height:30px; 
	text-decoration:none; 
	text-transform:capitalize; direction:rtl; text-indent:50px;
	}
.subSel a:hover{ }


.subby0{ width:181px !important;}  
.subby1{ width:191px !important;}  
.subby2{ width:202px !important;}  
 
.subby4{ width:229px !important;} 
 
.subby3{ display:block; position:relative; width:218px; height:48px ; z-index:50; right:0px; margin-top:2px;}
.subby3 a{
	display:block;
	position:relative;
	width:100%;
	height:48px;
    color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:left;
	font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif;  font-size:15px; line-height:17px; 
	text-decoration:none; 
	text-transform:capitalize; direction:rtl;
	}
.subby3 a:hover{ background-image:url(../imgs/sub2.png); color:#FF9D00;}



.subby3Sel{ display:block; position:relative; width:218px; height:48px ; z-index:50; right:0px; margin-top:2px;}
.subby3Sel a{
	display:block;
	position:relative;
	width:100%;
	height:48px;
    background-image:url(../imgs/sub2.png); color:#FF9D00;
	background-repeat:no-repeat;
	background-position:left;
	font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif;  font-size:15px; line-height:17px; 
	text-decoration:none; 
	text-transform:capitalize; direction:rtl;
	}
.subby3Sel a:hover{ background-image:url(../imgs/sub2.png); color:#FF9D00;}



.indentx{   width:150px; margin-right:50px; padding-top:7px;}

.underserviceButton {
	display:block;
	position:relative;
	width:232px;
	height:30px;
	background-image:url(../imgs/service1.png);
	background-repeat:no-repeat;
	background-position:left;
	margin-top:-15px;
}


.underContactButton {
	display:block;
	position:relative;
	width:198px;
	height:30px;
	background-image:url(../imgs/service1.png);
	background-repeat:no-repeat;
	background-position:left;
	margin-top:-15px;
}


 

.iosContainer{ display:block; position:absolute;  margin-left:40px; margin-top:170px; z-index:10; }
#next{ display:block; position:absolute; width:40px; height:37px; background-image:url(../imgs/arrows.png); background-repeat:no-repeat; background-position:right; top:218px; right:15px; z-index:20;}
#prev{ display:block; position:absolute; width:40px; height:37px; background-image:url(../imgs/arrows.png); background-repeat:no-repeat; background-position:left;  top:218px; left:15px;  z-index:20;}



.iosSliderProjects { position:relative; display:block;  width: 600px; height: 500px;}
.iosSliderProjects .slider { width: 100%; height: 100%; margin: 0px; }
.iosSliderProjects .slider .item { width: 300px; height: 500px; padding:0px; text-align: center; margin: 0px; }



.insideProjectItem { width: 296px; height: 236px; padding:0px; text-align: center; margin: 1px; margin-bottom:3px;}
.insideProjectImage{ width: 292px; height: 232px; padding:0px; text-align: center;   overflow:hidden;
-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);

 }

.insideProjectHover{ display:block; position:absolute; z-index:10; width: 292px; height: 232px; 
background-image:url(../imgs/hover.png); 
 opacity:0;
   -webkit-transition: opacity 200ms linear;
   -moz-transition: opacity 200ms linear;
   -o-transition: opacity 200ms linear;
   -ms-transition: opacity 200ms linear;
   transition: opacity 200ms linear;
 background-position:center;}

.insideProjectHover:hover{
	 opacity:1;
   -webkit-transition: opacity 200ms linear;
   -moz-transition: opacity 200ms linear;
   -o-transition: opacity 200ms linear;
   -ms-transition: opacity 200ms linear;
   transition: opacity 200ms linear;}


#gallery{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:5;
	left:0px;
	top:100%;
}

.iosSlideshow { position:absolute; display:block;  width: 100%; height: 100%; z-index:1000; background-color:#242727;   }
.iosSlideshow .slider { width: 100%; height: 100%; margin: 0px; }
.iosSlideshow .slider .item { width: 100%; height: 100%; padding:0px; text-align: center; margin: 0px; background-position:center; background-size: cover; background-repeat:no-repeat; } 
 

#nextSlide{ display:none; position:absolute; width:40px; height:37px; background-image:url(../imgs/arrows.png); background-repeat:no-repeat; background-position:right; top:50%; margin-top:-13px; right:205px; z-index:200;}
#prevSlide{ display:none; position:absolute; width:40px; height:37px; background-image:url(../imgs/arrows.png); background-repeat:no-repeat; background-position:left;  top:50%; margin-top:-13px; left:15px;  z-index:200;}
 
#backSlide{ display:block; position:absolute; width:30px; height:29px; background-image:url(../imgs/back.png); background-repeat:no-repeat; background-position:left;  bottom:135px;  
 left:112px;  z-index:200; cursor:pointer;}
 
 



#gallery{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:5;
	left:0px;
	top:100%;
}









.LeftArrow{ display:block; position:absolute; width:50px; height:50px; z-index:1000; right:0px; top:50%; margin-top:-102px;}
.LeftArrow a{
	display:block;
	position:relative;
	width:50px;
	height:50px;
	background-image:url(../common/arrows.png);
	background-repeat:no-repeat;
	background-position:top;
	}
.LeftArrow a:hover{}



.RightArrow{ display:block; position:absolute; width:50px; height:50px; z-index:1000; right:0px; top:50%; margin-top:-50px;}
.RightArrow a{
	display:block;
	position:relative;
	width:50px;
	height:50px;
	background-image:url(../common/arrows.png);
	background-repeat:no-repeat;
	background-position:bottom;
	}
.RightArrow a:hover{}

.contactForm{
	display:block;
	position:absolute;
	width:450px;
	height:380px;
	z-index:1000;
	left:130px;
	top:180px;
	text-align:left;
}


.formTitle{
	font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif;  font-size:30px; line-height:32px; 
	color:#000000;
	text-transform:uppercase;
	padding-bottom:20px;
	}


._dx{
	display:block;
	position:absolute;
	margin-left:250px;
	
	}

.formLabel{
	font-family:'colaborate-boldregular',Verdana, Geneva, sans-serif;  font-size:15px; line-height:20px; 
	color:#000000;
	text-transform:capitalize;
	}

.formField{
	display:block;
	position:relative;
	border:none;
	background:none;
	background-color:#FFF;
	width:208px;
	height:25px;
	font-family:Verdana, Geneva, sans-serif;  font-size:13px; line-height:25px; 
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	}


.formArea{
	display:block;
	position:relative;
	border:none;
	background:none;
	background-color:#FFF;
	width:208px;
	height:311px;
	font-family:Verdana, Geneva, sans-serif;  font-size:13px; line-height:18px; 
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	resize:none;
	}


.formButton{ display:inline-block; position:relative; width:50px; height:25px; z-index:1000; line-height:25px; margin-top:20px; padding-left:10px;}
.formButton a{
	display:block; position:relative; 
	background-color:#000;
	width:auto;
	height:25px;
	font-family:'colaborate-mediumregular',Verdana, Geneva, sans-serif;  font-size:13px; line-height:25px; 
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	}
.formButton a:hover{ color:#FFA600;}