@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'helveticaneue';
    src: url('../fonts/helveticaneue.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/helveticaneue.woff') format('woff'), 
         url('../fonts/helveticaneue.otf')  format('truetype'),
         url('../fonts/helveticaneue.svg#svgFontName') format('svg');
    }


@font-face {
    font-family: 'helveticaneuethin';
    src: url('../fonts/helveticaneuethin.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/helveticaneuethin.woff') format('woff'), 
         url('../fonts/helveticaneuethin.otf')  format('truetype'),
         url('../fonts/helveticaneuethin.svg#svgFontName') format('svg');
    }


@font-face
{
	font-family: helveticaneueheavy;
	src: url('../fonts/helveticaneueheavy.ttf');
}
@font-face
{
	font-family: helveticaneueroman;
	src: url('../fonts/helveticaneueroman.ttf');
}
@font-face
{
	font-family: helveticaneuethin;
	src: url('../fonts/helveticaneuethin.ttf');
}
@font-face
{
	font-family: helveticaneueitalic;
	src: url('../fonts/helveticaneueitalic.ttf');
}
@font-face
{
	font-family: helveticaneuelight;
	src: url('../fonts/helveticaneuelight.ttf');
}
@font-face
{
	font-family: HelveticaNeueTh;
	src: url('../fonts/HelveticaNeueTh.ttf');
}
@font-face
{
	font-family: HelveticaNeueUltraLight;
	src: url('../fonts/HelveticaNeueUltraLight.ttf');
}
#mosque_bck
{
	position:absolute;
	background-color:#000;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:-5;
}
#bck_holder
{
	width:1320px;
	height:630px;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
}
#wrapper
{
	width: 100%;
	height: 630px;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
}
#wrappercenter
{
	width: 1320px;
	height: 630px;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
}
#logo
{
	width: 192px;
	height: 136px;
	float: left;
	margin-top: 44px;
	margin-left: 176px;
	z-index:878;
	position:absolute;	
}
#head
{
	width: 1179px;
	height: 100px;
	float: left;
	position:absolute;
	padding-left:141px;
	z-index:134;
}
#footer
{
	width:250px;
	height:20px;
	float:left;
	margin-top:610px;
	margin-left:169px;
	z-index:12100;
	position:absolute;
}
#home, #aboutus, #products, #products1, #wiring_main, #services, #partners, #careers, #projects, #contactus, #una, #mechfit, #b4design, #agri, #fourseasons, #d1tower, #webdesign, #interior, #itsol, #birdview, #webdevelopment, #interiordesign, #itsolution, #semi
{
	width:1179px;
	height:630px;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	z-index:1;
	padding-left:141px;
}
#home
{
	background-image: url(../files/home_klot.png);

	background-repeat:no-repeat;
}
#aboutus
{
	background-image: url(../files/about_us_clot.png);
	background-repeat: no-repeat;
	z-index:3;
}
#products
{
	background-image: url(../files/pro22.png);
	background-repeat: no-repeat;

}
#products1
{
	background-image: url(../files/pro11.png);
	background-repeat: no-repeat;

}
#una
{
	background-image: url(../files/una_klot.png);
	background-repeat: no-repeat;
		z-index:3;
}
#mechfit
{
	background-image: url(../files/mechfit.png);
	background-repeat: no-repeat;
		z-index:3;
}
#b4design
{
	background-image: url(../files/b4.png);
	background-repeat: no-repeat;
		z-index:3;
}
#wiring_main
{
	background-image: url(../files/wire.png);
	background-repeat: no-repeat;
		z-index:3;
}
#agri
{
	background-image: url(../files/bo1.png);
	background-repeat: no-repeat;
		z-index:3;
}
#semi
{
	background-repeat: no-repeat;
		z-index:3;
}
#services
{
	background-image: url(../files/services.png);
	background-repeat: no-repeat;
}
#web_prism
{
	background-image: url(../files/services.png);
	background-repeat: no-repeat;
}
#webdesign
{
	background-image: url(../files/webdesign.png);
	background-repeat: no-repeat;
}

#interiordesign
{
	background-image: url(../files/interiordesign.png);
	background-repeat: no-repeat;
}
#interior
{
	background-image: url(../files/interior.png);
	background-repeat: no-repeat;
}
#itsol
{
	background-image: url(../files/itsol.png);
	background-repeat: no-repeat;
}

#itsolution
{
	background-image: url(../files/itsolution.png);
	background-repeat: no-repeat;
}
#birdview
{
	background-image: url(../files/birdview.png);
	background-repeat: no-repeat;
}
#webdevelopment
{
	background-image: url(../files/webdevelopment.png);
	background-repeat: no-repeat;
}
#partners
{
	background-image: url(../files/partners_klot.png);
	background-repeat: no-repeat;
}

#careers
{
	background-image: url(../files/careers_klot.png);
	background-repeat: no-repeat;
}
#projects
{
	background-image: url(../files/khalifa_klot.png);
	background-repeat: no-repeat;
}
#fourseasons
{
	background-image: url(../files/fourseasons.png);
	background-repeat: no-repeat;
}
#d1tower
{
	background-image: url(../files/d1tower.png);
	background-repeat: no-repeat;
}
#contactus
{
	background-image: url(../files/contact_klot.png);
	background-repeat: no-repeat;
}
#navMenu
{
	margin-top:80px;
	margin-left:343px;
	width:750px;
	height:26px;
}
#navMenu ul {
	float:left;
    list-style-type: none;
}



#navMenu li  {
	display:inline;
}
#navMenu li li {
	display: block;
	padding: 0;
}
#navMenu a {
	text-decoration: none;
	margin: 0px 7px;
	width: auto;
	color: #56b7d2;
	opacity: 0.6;
	text-align: center;
	font-family: helveticaneuelight;
	font-size: 12px;
}

#navMenu a:hover {
	color:#56b7d2;
	opacity: 1;
}

.footer
{
	font-family: helveticaneuelight;
	font-size:9px;
	color: #56b7d2;
}
#home_border
{
	width: 299px;
	height: 230px;
	float: left;
	margin-left: 32px;
	margin-top: 205px;
}
#home_title
{
	width: 290px;
	margin-right:50px;
	height: 73px;
	float: left;

}
#home_txt
{
	width: 299px;
	height: 145px;
	float: left;

}
.home_title
{
	font-family:helveticaneuethin;
	font-size:32px;
	text-align:left;
	color:56b7d2;
}
.home_txt
{
	font-family:helveticaneue;
	font-size:12px;
	text-align:justify;
	line-height:20px;
	color:56b7d2;
	z-index:44;
	position:relative;
}

#home_download
{
	width: 105px;
	height: 100px;
	float: left;
	margin-left: 150px;
	margin-top: 382px;
}
.home_down_thin
{
	font-family: helveticaneuethin;
	font-size: 15px;
	text-align: left;
	color: #56b7d2;
	text-align:right;
	line-height:94%;
}
.home_down_bold
{
	font-family: helveticaneueheavy;
	font-size: 15px;
	text-align: left;
	color: #56b7d2;
	text-align:right;
}


#about_column1
{
	width:254px;
	height:155px;
	float:left;
	margin-left:477px;
	margin-top:148px;
}
#about_column2
{
	width:254px;
	height:400px;
	float:left;
	margin-top:148px;
	margin-left:13px;
	text-align:justify
}
.about_bold_1
{
	font-family: helveticaneue;
	font-size: 12px;
	text-align: justify;
	color: #56b7d2;
	line-height:160%;
	display:block;
}
.about_bold
{
	font-family: helveticaneueheavy;
	font-size: 12px;
	text-align: justify;
	color: #56b7d2;
	line-height:160%;
	display:block;
	height:13px;
}
.about_italic
{
	font-family: helveticaneueitalic;
	font-size: 13px;
	text-align: justify;
	color: #56b7d2;
	line-height: 170%;
	font-weight: 500;
}
.about_black
{
	font-family: helveticaneue;
	font-size: 12px;
	text-align: justify;
	color: #999999;
	line-height: 140%;
	letter-spacing:0.7px;;
}

#partcl
{
	width:155px;
	height:160px;
	float:left;
	margin-top:312px;
	margin-left:33px;
}
.our_clients
{
	font-family: helveticaneuethin;
	font-size: 32px;
	text-align: left;
	color: #56b7d2;
	line-height: 100%
}
.our_partners
{
	font-family: helveticaneuethin;
	font-size: 32px;
	text-align:right;
	color: #56b7d2;
	line-height: 100%;
	display:block;
	padding-top:5px;
}
#project_strelice
{
	width:300px;
	height:70px;
	float:left;
	margin-top:144px;
	margin-left:700px;
}
#project_ram
{
	width:437px;
	height:196px;
	float:left;
	margin-top:42px;
	margin-left:698px;
	background: rgba(117, 192, 222, 0.8);
}
#pr_ram
{
	width:437px;
	height:176px;
	float:left;
	margin-top:42px;
	margin-left:698px;
	background: rgba(117, 192, 222, 0.8);
}
#project_ram_d1
{
	width:437px;
	height:140px;
	float:left;
	margin-top:42px;
	margin-left:698px;
	background: rgba(117, 192, 222, 0.8);
}

#fourseasons_ram
{
	width:437px;
	height:200px;
	float:left;
	margin-top:42px;
	margin-left:698px;
	background: rgba(117, 192, 222, 0.8);
}
#project_khalifa_title
{
	width:227px;
	height:86px;
	float:left;
	margin-top:8px;
	margin-left:12px;
	line-height:93%;
}
#project_d1_title
{
	width:177px;
	height:56px;
	float:left;
	margin-top:8px;
	margin-left:12px;
	line-height:93%;
}
#project_fourseasons_title
{
	width:267px;
	height:60px;
	float:left;
	margin-top:8px;
	margin-left:12px;
	line-height:93%;
}
.project_khalifa_title
{
	font-family: HelveticaNeueUltraLight;
	font-size: 32px;
	text-align: left;
	color: #FFF;
}
#project_khalifa_dubai
{
	width:137px;
	height:16px;
	float:left;
	margin-top:67px;
	margin-left:4px;
	line-height:93%;
}
.project_khalifa_dubai
{
	font-family: helveticaneuethin;
	font-size: 13px;
	text-align: left;
	color: #FFF;
}
#project_ram_txt
{
	width:293px;
	height:86px;
	float:left;
	margin-top:5px;
	margin-left:12px;
	margin-right:12px;
}
#project_ram_txt
{
	width:293px;
	height:86px;
	float:left;
	margin-top:5px;
	margin-left:12px;
	margin-right:12px;
}
.project_ram_txt
{
	font-family: helveticaneue;
	font-size: 12px;
	text-align: justify;
	color: #FFFFFF;
	line-height: 130%;
	
}
#products_left
{
	width:500px;
	height:390px;
	float:left;
	margin-top:206px;
	margin-left:33px;

}
#product_title
{
	width: 500px;
	margin-right:50px;
	height: 28px;
	float: left;
}
#prducts_maintxt
{
	width: 500px;
	height: 128px;
	float: left;

}
.pro_txt
{
	font-family:helveticaneue;
	font-size:11px;
	text-align:justify;
	line-height:17px;
	color:#56b7d2;
}
#prducts_una
{
	width: 195px;
	height: 230px;
	float:right;

}
#prducts_wiring
{
	width: 195px;
	height: 130px;
	float:left;

}
.readmore_thin
{
	font-family: helveticaneue;
	font-size: 11px;
	text-align: justify;
	color: #56b7d2;

}
.readmore_thin_w
{
	font-family: helveticaneue;
	font-size: 11px;
	text-align: justify;
	color: #FFF;

}
.readmore_bold
{
	font-family: helveticaneue;
	font-size: 11px;
	text-align: justify;
	color: #56b7d2;
	font-weight:bold;
}

.readmore_bold_w
{
	font-family: helveticaneueheavy;
	font-size: 11px;
	text-align: justify;
	color: #FFF;
}
.grey_left
{
	font-family: helveticaneue;
	font-size: 11px;
	text-align: left;
	color: #999999;
	line-height: 150%;
}
#products_column2
{
	width:190px;
	height:330px;
	float:left;
	margin-top:266px;
	margin-left:15px;
}
#products_column3
{
	width:190px;
	height:220px;
	float:left;
	margin-top:376px;
	margin-left:65px;
}
.prod_agri
{
	font-family: helveticaneue;
	font-size: 15px;
	text-align: left;
	color: #56b7d2;

}
#una_left
{
	width:250px;
	height:390px;
	float:left;
	margin-top:206px;
	margin-left:30px;

}
#una_title
{
	width: 250px;
	margin-right:50px;
	height: 65px;
	float: left;

}

#una_txt_gray
{
	width: 250px;
	margin-right:50px;
	height: 280px;
	float: left;
}
.una_title
{
	font-family:helveticaneuethin;
	font-size:22px;
	text-align:left;
	color:#56b7d2;
	line-height:22px;
}
#una_right
{
	width:450px;
	height:460px;
	float:left;
	margin-top:140px;
	margin-left:280px;
}
#una_menu
{
	width:390px;
	margin-right:5px;
	height:45px;
	float:left;
	margin-top:65px;
	margin-left:25px;
}
#una_scroll
{
	width:710px;
	height:344px;
	float:left;
	overflow-y: scroll;
	margin-left:20px;
}

#una_arrows
{
	width:300px;
	margin-right:5px;
	height:110px;
	float:right;
}
#una_right_l
{
	width:260px;
	height:300px;
	float:left;
	margin-top:80px
}
#una_right_r
{
	width:95px;
	height:130px;
	float:left;
	margin-top:240px;
}
.una_grey
{
	font-family: helveticaneueroman;
	font-size: 12px;
	text-align:justify;
	color: #999999;
	line-height: 120%;
}
.una_blue
{
	font-family: helveticaneueroman;
	font-size: 13px;
	text-align:justify;
	color: #56b7d2;
	line-height: 130%;
}
.una_blue44
{
	font-family: helveticaneueroman;
	font-size: 13px;
	text-align:left;
	color: #56b7d2;
	line-height: 130%;
}
#mechfit_left
{
	width:250px;
	height:390px;
	float:left;
	margin-top:206px;
	margin-left:30px;

}
#mechfit_left_2
{
	width:255px;
	height:390px;
	float:left;
	margin-top:202px;
	margin-left:10px;

}
#mechfit_left_3
{
	width:448px;
	height:440px;
	float:left;
	margin-top:144px;
	margin-left:19px;

}
.mechfit_title
{
	font-family:helveticaneuethin;
	font-size:22px;

	color:#56b7d2;
	line-height:22px;
}
.mechfit_secondgen
{
	font-family:helveticaneueroman;
	font-size:12px;

	color:#56b7d2;
	line-height:22px;
}
.mechfit_grey
{
	font-family: helveticaneueroman;
	font-size: 13px;
	text-align:justify;
	color: #999999;
	line-height: 130%;
}
#mechfit_arrows
{
	width:300px;
	height:70px;
	float:right;
}
#mechfit_bot_wr
{
	width:448px;
	height:140px;
	float:left;
	margin-top:232px;
}
#mechfit_video
{
	width:248px;
	height:140px;
	float:left;

}
#mechfit_video_media
{
	width:248px;
	height:20px;
	float:left;
}
#mechfit_video_buttons
{
	width:248px;
	height:120px;
	float:left;
}
#mechfit_video_buttons_link
{
	width:80px;
	height:120px;
	float:left;
}

#mech_bro
{
	width:95px;
	height:130px;
	float:right;
	margin-right:90px;
	margin-top:10px;
}
.mechfit_media
{
	font-family:helveticaneuethin;
	font-size:18px;
	color:#56b7d2;
}
#agri_title
{
	width: 250px;
	margin-right:50px;
	height: 48px;
	float: left;

}
#agri_txt_gray
{
	width: 250px;
	margin-right:50px;
	height: 340px;
	float: left;
}
#agri_left
{
	width:250px;
	height:390px;
	float:left;
	margin-top:206px;
	margin-left:30px;

}
.agri_grey
{
	font-family: helveticaneueroman;
	font-size: 13px;
	text-align:justify;
	color: #999999;
	line-height: 134%;
}
#career_left
{
	width:250px;
	height:390px;
	float:left;
	margin-top:206px;
	margin-left:30px;
}
#career_title
{
	width: 250px;
	margin-right:50px;
	height: 40px;
	float: left;
}
.career_grey
{
	font-family: helveticaneueroman;
	font-size: 12px;
	text-align:justify;
	color: #999999;
	line-height: 150%;
}
.career_blue
{
	font-family:helveticaneueheavy;
	font-size:13px;
	color:#56b7d2;
	line-height: 130%;
}
#career_2
{
	width:235px;
	height:390px;
	float:left;
	margin-top:206px;
	margin-left:10px;

}
.career_blue_thin
{
	font-family:helveticaneueroman;
	font-size:13px;
	color:#56b7d2;
	line-height: 130%;
}
#services_left
{
	width:250px;
	height:390px;
	float:left;
	margin-top:206px;
	margin-left:30px;
}
#services_title
{
	width: 250px;
	margin-right:50px;
	height: 150px;
	float: left;
}
.services_blue
{
	font-family:helveticaneueroman;
	font-size:12px;
	color:#56b7d2;
	line-height: 145%;
	text-align:justify;
}
#services_right
{
	width:425px;
	height:390px;
	float:left;
	margin-top:145px;
	margin-left:420px;
}
#services_ram
{
	width:425px;
	height:144px;
	float:left;
	margin-top:30px;
	background: rgba(117, 192, 222, 0.8);
}
#services_strelice
{
	width:300px;
	height:70px;
	float:left;

}
#services_media
{
	width:267px;
	height:30px;
	float:left;
	margin-top:8px;
	margin-left:12px;
	line-height:93%;
}
.project_ram_txt1
{
	font-family: helveticaneue;
	font-size: 12px;
	text-align: justify;
	color: #FFFFFF;
	line-height: 150%;
	
}
#web_tit
{
	width:267px;
	height:55px;
	float:left;
	margin-top:8px;
	margin-left:12px;
	line-height:93%;
}
#webdesign_ram
{
	width:425px;
	height:165px;
	float:left;
	margin-top:30px;
	background: rgba(117, 192, 222, 0.8);
}
#interior_ram
{
	width:425px;
	height:154px;
	float:left;
	margin-top:30px;
	background: rgba(117, 192, 222, 0.8);
}
#birdview_left
{
	width:250px;
	height:390px;
	float:left;
	margin-top:206px;
	margin-left:30px;
}
.back
{
	text-decoration:none;
	color:#56b7d2;
	font-family: helveticaneue;
	font-size: 10px;
}
#birdview_2
{
	width:690px;
	height:110px;
	float:left;
	margin-top:496px;
	margin-left:10px;
}
#birdview_2_columns
{
	width:100px;
	height:80px;
	float:left;

}
#birdview_2_columns1
{
	width:80px;
	height:110px;
	float:left;

}
.birdview_media
{
	font-family: helveticaneuethin;
	font-size: 16px;
	text-align: left;
	color: #56b7d2;
	line-height:94%;
	display:block;
	padding-top:35px;
	padding-left:8px;
}
.webdev_list
{
	font-family: helveticaneueitalic;
	font-size: 11px;
	text-align:justify;
	color: #56b7d2;
	line-height: 160%;
}
#web_dev_2
{
	width:183px;
	height:220px;
	float:left;
	margin-top:358px;
	margin-left:18px;
}
#interiordesign_title
{
	width: 150px;
	margin-right:50px;
	height: 40px;
	float: left;
}
#it_col2
{
	width:260px;
	height:390px;
	float:left;
	margin-top:254px;
	margin-left:10px;
}
.itsol_blue_small
{
	font-family: helveticaneueroman;
	font-size: 13px;
	text-align: left;
	color: #56b7d2;
		line-height:12px;
}
#it_col3
{
	width:234px;
	height:490px;
	float:left;
	margin-top:144px;
	margin-left:6px;
}
.itsol_blue_big
{
	font-family: helveticaneue;
	font-size: 17px;
	text-align: justify;
	color: #56b7d2;
	font-weight:bold;
	line-height:25px;
}
#it_col4
{
	width:220px;
	height:430px;
	float:left;
	margin-top:170px;
	margin-left:4px;
}
.itsol_grey
{
	font-family: helveticaneueroman;
	font-size: 12px;
	text-align:justify;
	color: #999999;
	line-height: 140%;
}
.contact_blue
{
	font-family:helveticaneueroman;
	font-size:13px;
	color:#56b7d2;
	line-height: 140%;
	font-weight:bold;
}
.contact_details
{
	font-family:helveticaneueroman;
	font-size:17px;
	text-align:left;
	color:#56b7d2;
	line-height:25px;
	display:block;

	padding-left:38px;
}
.contact_media
{
	font-family: helveticaneueroman;
	font-size: 16px;
	text-align: left;
	color: #56b7d2;
	display:block;

}
#contact_column_1
{
	width:250px;
	height:390px;
	float:left;
	margin-top:206px;
	margin-left:30px;
}
#contact_column_2
{
	width:145px;
	height:390px;
	float:left;
	margin-top:206px;
	margin-left:13px;
}
.contact2_blue
{
	font-family:helveticaneueroman;
	font-size:12px;
	color:#56b7d2;
	line-height: 140%;
	font-weight:bold;
}
.contact2_blue_thin
{
	font-family:helveticaneueroman;
	font-size:13px;
	color:#56b7d2;
	line-height: 140%;
}
.contact_denotes
{
	font-family:helveticaneueroman;
	font-size:10px;
	color:#56b7d2;
	line-height: 140%;
}
#contact_column_3
{
	width:245px;
	height:370px;
	float:left;
	margin-top:206px;
}
#contact_field
{
	width:243px;
	height:20px;
	float:left;
	border: solid thin #56b7d2;
	margin-top:12px;
}
#contact_field_message
{
	width:243px;
	height:181px;
	float:left;
	border: solid thin #56b7d2;
	margin-top:12px;
}
.but_submit
{
	font-family:helveticaneueroman;
	font-size:12px;
	color:#56b7d2;
	line-height: 140%;
	background:transparent;
	border:none;
float:right;
width:50px;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
#maps_small
{
	width:75px;
	height:75px;
	position:absolute;
	margin-top:507px;
	margin-left:248px;
}
#maps_small1
{
	width:75px;
	height:75px;
	position:absolute;
	margin-top:507px;
	margin-left:248px;
}
#agri_right
{
	width:730px;
	height:454px;
	float:left;
	margin-top:140px;
}
.agri_menu
{
	font-family:helveticaneuethin;
	font-size:15px;
	text-align:left;
	color:#56b7d2;
	line-height:22px;
}
#agri_button
{
	width:98px;
	height:25px;
	float:left;

}
#semi_button
{
	width:185px;
	height:25px;
	float:left;
	margin-left:15px;
}
#semi_polje
{
	width:140px;
	height:213px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	box-shadow: 1px 3px 2px #888888;
}
.polje_naslov
{
	font-family:helveticaneue;
	font-size:12px;
	text-align:left;
	color:#56b7d2;
}
.polje_tekst
{
	font-family:helveticaneue;
	font-size:12px;
	text-align:left;
	color:#999999;
	text-align:left;
}