@charset "utf-8";
/* CSS Document */
body {background:url(Images/main_bg.jpg) repeat-x #f2f2f2; font-family:tahoma; font-size:11px; color:#6F6F6F; letter-spacing:normal}
a,a:visited{color:#999999}
div#container {margin-left:auto; margin-right:auto; width:960px; height:1%;}
div#main {position:relative; float:left; width:960px;}
li p{line-height:15px}
li {line-height:15px}
/*****************************************************************************************
header
******************************************************************************************/
.header { height:129px; z-index:30}
.logo{left:7px; top:-2px; height:67px}
img{ border:0px;}
ul.top_nav{width:350px; height:21px; position:absolute; right:0; top:18px}
ul.top_nav li.link{position:relative; float:left; width:80px; padding:0px 5px 0 5px; height:21px; margin:0 0 0 5px}
.tel{ width:190px!important;}
ul.top_nav li.link a,ul.top_nav li.link a:visited{padding:5px 0 0 0px; color:#015190; height:21px; display:block; text-decoration:none}
	 
ul#dropdown_input{position:absolute; top:18px; right:0; width:116px; height:23px; padding: 0; margin: 0; list-style: none; cursor:pointer;}
ul#dropdown_input ul{left:0;width:116px;height:1%;padding: 0;position:absolute; top:0px; list-style: none;; background:url(../Images/lang_bg.png) repeat-y;}
ul#dropdown_input li {float: left;	position: relative;	width: 116px; height:21px; border-top:1px #999999 dotted; background:#f8f8f8 url(../Images/lang_bg.png) repeat-y;}
ul#dropdown_input li a.language{ background:url(../Images/languages_ico.png) no-repeat; width:116px; height:21px; display:block; font-weight:bold; text-indent:5px; text-decoration:none; color:#999999; font-size:10px}
ul#dropdown_input li a.language:hover{ background:url(../Images/languages_ico_hv.png) no-repeat; color:#999999}
	 ul#dropdown_input li ul {display:none;	position: relative;	left: 0;margin-top:-7px; z-index:3;}
	 ul#dropdown_input li > ul {top: 0;left: 0;}
	 ul#dropdown_input li a {width:116px; height:21px; font: bold 11px tahoma; display: block; margin: 0; color: #909090; text-decoration: none; background:#ffffff;padding:5px 0 0 0px; text-indent:10px; z-index:3}
	 ul#dropdown_input li a img{margin:0 0 3px 45px}
	 ul#dropdown_input li.button{background:url(../Images/languages_ico_hv.png) no-repeat; border:none; }
	 ul#dropdown_input li.button:hover{background:url(../Images/languages_ico_hv.png) no-repeat;}
	 ul#dropdown_input li.bottom{background: url(../Images/lan_bottom.gif) no-repeat bottom; height:7px; border:none}
	 ul#dropdown_input li a:hover {background: #85d1f3; color:#FFFFFF}
	 ul#dropdown_input li:hover ul, div.choose_form ul#dropdown_input li.over ul { display: block;color: #a00;background: #f8f8f8;}
	 ul.top_nav li.link a:hover{text-decoration:none}
	 ul.top_nav li.link img{float:left; margin-right:5px} 
	 ul.top_nav li.sep{position:relative; float:left;width:1px; height:21px; background: url(../Images/sep.png) 0 2px no-repeat;}
/*****************************************************************************************
navigation
******************************************************************************************/
	.nav{bottom:0; background:url(Images/nav_bg.jpg) no-repeat; width:960px; height:39px; z-index:300; margin-top:10px;}
	.nav div.menu{position:absolute; right:0px; height:37px; bottom:0; width:auto;}
	*html .nav div.menu{position:absolute; right:0px; height:37px; bottom:-2px; width:737px;}
	.nav ul.menu li{position:relative; float:left; height:37px; padding:7px 0 0 0; cursor:pointer}
	#navigation li{ display:inline-block; float:left; }
	#navigation li a{ font-weight:bold; font-size:15px; padding:10px 20px; float:left;}
	#navigation li a:hover{ background:#fff; color:#015190; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
	.current a{background:#fff; color:#015190!important; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
	#navigation li.divider { width:1px; padding:0px 2px; background:url(Images/divider.png) no-repeat center; height:36px;}
	#navigation{ float:right;}
	.nav ul.menu li.sep{width:1px; background:url(../Images/nav/sep.jpg) no-repeat;}
	.nav ul.menu li.home{width:98px; text-indent:22px;}
	.nav ul.menu li.instituonal{width:112px;text-indent:22px;}
	.nav ul.menu li.instituonalchoosen{width:112px;text-indent:22px; background:url(../Images/nav/instituonal_bg.png) no-repeat}
	.nav ul.menu li.activities{width:165px; height:37px;}
	/**.nav ul.menu li.activities a{width:165px; height:39px; display:block}*/
	/**.nav ul.menu li.activities a:hover{ display:block; width:165px; height:39px}*/
	/**.nav ul.menu li.activities:hover{background:url(../Images/nav/activities_bg.png) no-repeat; width:165px; height:39px; display:block}*/
	.nav ul.menu li.projects{width:123px; background:url(../Images/nav/projects_bg_a.jpg) no-repeat; text-indent:19px;}
	.nav ul.menu li.projectschoosen{width:123px; background:url(../Images/nav/projects_bg.png) no-repeat; text-indent:19px;}
	.nav ul.menu li.humanresources{width:155px;text-indent:22px;}
	.nav ul.menu li.humanresourceschoosen{width:155px;text-indent:22px; background:url(../Images/nav/humanresources_bg.png) no-repeat}
	.nav ul.menu li.contact{width:92px; text-indent:22px;}
	.nav ul.menu li.contactchoosen{width:92px; text-indent:22px; background:url(../Images/nav/contact_bg.png) no-repeat;}
	.nav a,.nav a:visited{color:#FFFFFF; font-size:11px; text-decoration:none; text-align:left;}
	.nav a:hover {color:#FFFFFF;}
	
/*****************************************************************************************
index flash and news
******************************************************************************************/
.flash{ height:286px;}
.news {height:50px; background:url(../Images/bg/news_bg.jpg) no-repeat; position: relative;}
.news p{ width:850px; position:absolute; left:0px; top:0px; height:13px; font-size:13px; margin:18px 0 0 30px; font: bold 12px Arial; display: none; }
.news_button{position:absolute;	right:15px;	width:74px;	height:21px; top: 14px;}
.news_button img{float:left}
/*****************************************************************************************
content
******************************************************************************************/
.content{height:1%; margin:0 0 10px 0; top:40px;}
.contentin{height:1%; margin:0 0 10px 0; top:-2px;}
	.boxes{position:relative; float:left; width:315px; height:1%; background:url(Images/bottom_box_main.png) repeat-y;}
		.boxes a,.boxes a:visited {color:#999999; font-size:11px; text-decoration:none;}
		.boxes_top{float:left; width:315px; height:11px; background:url(Images/bottom_box_top.png) no-repeat;}
		.boxes_main{float:left; width:315px; height:129px; background:url(Images/bottom_box_bottom.png) bottom no-repeat;}
		.boxes_main h1{font-size:15px; font-weight:bold; color:#0e66a5; position:absolute; left:110px; width:165px;}
		.boxes_main ul{position:absolute; left:110px; top:45px; height:80px; width:185px}
		.boxes_main ul li{ width:185px; background:url(Images/tick.gif) no-repeat 0 4.8px; padding:0px 0 2px 10px}
		.margin{margin-right:7.4px;}
		.icon {position:absolute; width:113px; height:107px; left:10px; top:25px}
		
/*****************************************************************************************
footer
******************************************************************************************/
.footer{top:50px;}
.footerin{ top:0px}
	.footer_bar{width:960px; height:42px; background:url(Images/footer_bg.jpg) no-repeat; color:#999999}
	.footer_bar a,.footer_bar a:visited{color:#6F6F6F; text-decoration:none;}
	.footer_bar a:hover{ text-decoration:underline; color:#000;}
	.footer_bar ul{position:absolute; top:14px; left:14px; width:500px;}
	.footer_bar ul li{position:relative; float:left; border-right:1px #e5e5e5 solid; margin-right:8px; padding-right:5px;}
	.copyright {position: absolute; right:14px; top:14px}
	.designfabrika {position:absolute; bottom:0px; right:14px; width:200px; height:18px; color:#999999}
	.designfabrika p{margin:3.5px 3px 0px 0; float:left}
	

/*****************************************************************************************
kurumsal - instituonal.asp
******************************************************************************************/

.alt_banner {float:left;width:960px; height:auto;}
.Aboutus {background:#FFFFFF url(Images/AboutUs.png) no-repeat top; line-height:14px}
.Services {background:#FFFFFF url(Images/Services.png) no-repeat top;}
.Warranty {background:#FFFFFF url(Images/Warranty.png) no-repeat top;}
.Products {background:#FFFFFF url(Images/Products.png) no-repeat top;}
.ProductsGallery {background:#FFFFFF url(Images/ProductsGallery.png) no-repeat top;}
.Photos {background:#FFFFFF url(Images/Photos.png) no-repeat top;}
.Contacts {background:#FFFFFF url(Images/Contactus.png) no-repeat top;}
.back_projectsended {background:#FFFFFF url(../Images/bg/bg_projectsended.jpg) no-repeat top;}
.back_projectsalt {background:#FFFFFF url(../Images/bg/bg_projectsalt.jpg) no-repeat top;}
.back_humanres {background:#FFFFFF url(../Images/bg/bg_humanresources.jpg) no-repeat top;}
.back_projectdetail {background:#FFFFFF url(../Images/bg/bg_projectdetails.jpg) no-repeat top;}
.back_projectdetail2 {background:#FFFFFF url(../Images/bg/bg_projectdetails2.jpg) no-repeat top;}
.back_projectdetail3 {background:#FFFFFF url(../Images/bg/bg_projectdetails3.jpg) no-repeat top;}
.back_contact {background:#FFFFFF url(../Images/bg/bg_contact.jpg) no-repeat top;}
.back_organizationchart {background:#FFFFFF url(../Images/bg/bg_organizationchart.jpg) no-repeat top;}
.back_activities {background:#FFFFFF url(../Images/bg/bg_activities.jpg) no-repeat top;}
.back_machinery {background:#FFFFFF url(../Images/bg/bg_machinery.jpg) no-repeat top;}
.back_sitemap {background:#FFFFFF url(../Images/bg/bg_sitemap.jpg) no-repeat top;}
.back_cont {background:#FFFFFF url(../Images/bg/bg_contact.jpg) no-repeat top;}

.alt_bottom {float:left; width:960px; height:15px; background:url(Images/alt_bottom_bg.png)}
.slogan {position:relative; float:left; margin:30px 0 0 28px;width:950px; height:137px; margin:0 0 40px 0}
.slogan h1{color:#FFFFFF; font-size:22px; margin:35px 0 0 27px; font-family:tahoma; font-weight:normal;}
.slogan h2{color:#FFFFFF; font-size:18px; margin:0px 0 0 27px; font-family:tahoma; font-weight:normal;}
.alt_img {position:relative; float:left; height:211px; width:240px;margin:3px 0 0 25px}
.alt_content {position:relative; float:left; margin:30px 0 0 28px; width:650px; height:1%; text-align:left; font-size:12px; line-height:15px; letter-spacing:normal; padding:0 0 5px 0}
.alt_content p{ text-align:justify;}
*html .alt_content {position:relative; float:left; margin:30px 0 0 12px; width:650px; height:1%; text-align:left; font-size:12px; line-height:15px; letter-spacing:normal; padding:0 0 5px 0}

.alt_content h2{color:#666666}
.alt_contentProducts {position:relative; float:left; margin:30px 0 0 28px; width:650px; height:1%; text-align:left; font-size:16px; line-height:15px; letter-spacing:normal; padding:0 0 5px 0;}
.alt_contentProducts p{ text-align:justify; }
.alt_contentProducts ul li{position:relative; float:left;height:30px; font-family:Times New Roman ; font-style:oblique; font-weight:bold; }
.alt_contentProducts ul li p{padding-top:10px}
.alt_contentProducts ul li.field1{width:123px; border-bottom:1px solid #619cc3; color:#666666; font-weight:bold; }
.alt_contentProducts ul li.field2{width:523px; border-bottom:1px solid #cceeff; text-indent:10px; }
.alt_contentProducts td{padding:10px}
.alt_contentProducts p.text {float:left; width:646px; text-align:justify; line-height:14px} 	

h1.title{margin:-30px 0 0 30px; position:absolute; z-index:2; top:220px; left:0px; width:600px; font-size:18px}
h1.kroki{margin:-30px 0 0 30px; position:absolute; z-index:2; top:255px; right:30px; width:300px; font-size:18px; font-weight:normal} 

.right_column{ float:left; width:250px; height:1%; margin:80px 0 100px 15px}
*html .right_column{ float:left; width:250px; height:1%; margin:30px 0 100px 0px}
.box {width:245px; height:auto; background:url(Images/box_main_bg.png) repeat-y;}
.box_top{width:245px; height:30px; background:url(Images/box_top.png) no-repeat}
.box_top h2{font-size:14px; color:ffffff; padding:5px 0 0 10px;}
.box_main {width:245px; height:auto; background:url(Images/box_bottom.png) bottom no-repeat; padding-bottom:5px}
.box_main img{ padding-bottom:3px;}
.box_main ul{width:235px; margin:0 0 0 5px; height:auto;}
*html .box_main ul{width:235px; margin:0 0 0 2.5px; height:auto;}
.box_main ul li{width:235px; height:37px; border-bottom: #999999 1px dashed}
.box_main ul li p{padding:13.5px 0 0 0}
.box_main ul li a{width:235px; height:37px; background:url(../Images/tick_black.png) no-repeat 10px 15px; display:block; color:#3e3e3e; text-decoration:none; text-indent:25px;}
.box_main ul li a:hover{width:235px; height:37px; background:#f8f8f8 url(../Images/tick_red.png) no-repeat 10px 15px; display:block; color:red; text-decoration:underline}
.box_main ul li a.active{width:235px; height:37px; background:#619cc3 url(../Images/tick_blue.png) no-repeat 10px 15px; display:block; color:#FFFFFF; text-decoration:none; text-indent:25px;}
ul.affiliates{margin:0 0 0 0; width:645px; height:1%}
ul.affiliates li.aff{width:320px; height:70px; position:relative; float:left; text-align:left; line-height:14px; margin:0 0 10px 5px}

/*****************************************************************************************
projeler - projects.asp
******************************************************************************************/
.alt_content_max {position:relative; float:left; margin:30px 0 0px 28px; width:910px; height:1%;}
*html .alt_content_max {position:relative; float:left; margin:30px 0 0px 12px; width:910px; height:1%;}
.alt_content td{padding:5px}
.alt_content_act {position:relative;float: left; margin:0; width:640px; height:1%; font-size:12px; line-height:15px}
*html .alt_content_act {position:relative;float: left; margin:0; width:640px; height:1%; font-size:12px; line-height:15px}
.alt_content_max ul.projects_ul{margin:0px 0 0px 0px; width:906px; position:relative;}
.alt_content_max ul.projects_ul li{position:relative; float:left; width:905px; height:58px; margin:0 0 10px 0}
.alt_content_max ul.projects_ul li a{width:905px; height:58px; background:url(../Images/endprojects_bg.png) no-repeat; display:block; cursor:pointer; color:#3e3e3e; text-decoration:none;}
.alt_content_max ul.projects_ul li a:hover{width:905px; height:58px; background:url(../Images/endprojects_bg_hv.png) no-repeat; display:block; cursor:pointer}
.alt_content_max ul.projects_ul li p{position:relative; float:left; line-height:14px}
.alt_content_max ul.projects_ul li p.projectnumber{width:55px; height:58px; padding:14px 0px 0 0px; font-size:25px; font-weight:bold; color:#ffffff; line-height:30px; text-align:center}
.alt_content_max ul.projects_ul li p.projectname{width:440px; height:58px; padding:14px 0 0 10px;}
.alt_content_max ul.projects_ul li p.projecttype{width:190px; height:58px;padding:14px 0 0 10px; margin:0 0 0 15px}
.alt_content_max ul.projects_ul li p.projectdate{width:160px; height:58px;padding:14px 0 0 23px; color:#FFFFFF}
.alt_content ul{position: relative; float:left;margin:0; width:650px; height:1%;}
.alt_content ul li{position:relative; float:left;height:30px; }
.alt_content ul li p{padding-top:10px}
.alt_content ul li.field1{width:123px; border-bottom:1px solid #619cc3; color:#666666; font-weight:bold}
.alt_content ul li.field2{width:523px; border-bottom:1px solid #cceeff; text-indent:10px}
.alt_content h2.pdetail{margin:25px 0 20px 0; font-size:14px; float:left; color:#5086B2; width:400px; background:url(../Images/tick_h.png) no-repeat 0 5.5px; text-indent:8px}
.alt_content p.text {float:left; width:646px; text-align:justify; line-height:14px}
.alt_content ul.images{position: relative; float:left;margin:0; width:650px; height:1%}
.alt_content ul.images li{position: relative; float:left; margin:0; width:125px; height:125px; margin:0 0 4px 4px}
.alt_content ul.txt{margin:0 0 15px 15px; width:650px; padding:0 0 0 0; height:1%;}
.alt_content ul.txt li{padding:0 0 0 10px; margin:0 0 10px 0; background:url(../Images/tick_black.png) 0px 3px no-repeat; width:630px; height:1%; line-height:15px}
.alt_content_act ul.txt{margin:0 0 15px 20px; width:600px; padding:0 0 0 0; height:1%}
.alt_content_act ul.txt li{padding:0 0 0 10px; margin:0 0 10px 0; background:url(../Images/tick_black.png) 0px 3px no-repeat; width:630px; height:1%; line-height:15px}
.alt_content h1{margin:40px 0 20px 0;}
/*****************************************************************************************
İletişim - Contact.asp
*******************************************************************************************/

.map {width:960px; height:372px;}
.map a,.map a:visited{left:3px; top:3px; position:absolute;width:5px; height:5px; display:block; background:#F00; text-decoration:none}
.map a:hover{left:0; top:0;width:10px; height:10px; display:block; background:#F00}
.googlemap {position:relative; float:left; width:300px; height:300px;}

.contactform {width:932px; height:1%; margin:33px 0 0 28px}
ul.contactfrm { width:885px; height:1%}
ul.contactfrm li.m{width:885px; height:125px; position:relative; float:left}
ul.contactfrm li.m p{margin:10px 0 0 0;}
ul.contactfrm li.m ul.a1{position:relative; float:left; width:210px; height:125px;}
ul.contactfrm li.m ul.a1 li{position:relative; float:left; border-bottom:1px solid; height:30px}
ul.contactfrm li.m ul.a1 li.as{width:160px; border-bottom-color:#619cc3; font-size:14px; color:#619cc3; font-weight:bold;}
ul.contactfrm li.m ul.a1 li.a p{margin:5px 0 0 0;}
ul.contactfrm li.m ul.a1 li.as2{width:160px; border:none; margin-top:-8px; font-weight:bold}
ul.contactfrm li.m ul.a1 li.sa{width:50px; border-bottom-color:#cceeff}

ul.contactfrm li.m ul.a2{position:relative; float:left; width:235px; height:125px; margin-left:12px;}
ul.contactfrm li.m ul.a2 li{position:relative; float:left; border-bottom:1px solid; height:30px}
ul.contactfrm li.m ul.a2 li.as1{width:70px; border-bottom-color:#619cc3; font-weight:bold}
ul.contactfrm li.m ul.a2 li.sa2{width:160px; border-bottom-color:#cceeff;text-indent:10px}

ul.contactfrm li.m ul.a3{position:relative; float:left; width:370px; height:125px; margin-left:12px;}
ul.contactfrm li.m ul.a3 li{position:relative; float:left; border-bottom:1px solid; height:30px;}
ul.contactfrm li.m ul.a3 li.as3{width:70px; border-bottom-color:#619cc3; font-weight:bold;}
ul.contactfrm li.m ul.a3 li.sa4{width:300px; border-bottom-color:#cceeff; text-indent:10px}
ul.contactfrm li.m ul.a3 li.as5{width:70px; border:none;text-indent:10px}

.cont {width:710px; height:300px; position:relative; float:left; margin:20px 0 0 170px}
.cont ul{width:710px; height:350px;}
.cont ul li {position:relative; float:left; width:324px; height:64px;}
.cont ul li input.text {width:300px;  color:#999999;}
.cont ul li input.msg {width:300px; height:42px; color:#999999; }
.cont ul li select.ddown{width:300px;  color:#999999; }
label {padding:0 0 15px 0}
.contactformbutton {position:absolute; bottom:0; right:20px}
h1.bas {margin:10px 0 0 10px;}
/*****************************************************************************************
sitemap.asp
******************************************************************************************/
.sitemapblock {width:267px; height:1%; position:relative; float:left; margin:10px; background:url(../Images/bg/sitemap_box_bg.png) repeat-y;}
.sitemap_top {width:267px; height:7px; float:left; background:url(../Images/bg/sitemap_box_top.png) no-repeat;}
.sitemap_main{width:267px; height:1%; float:left; background:url(../Images/bg/sitemap_box_btm.png) bottom no-repeat;}
.sitemap_main ul {width:267px; height:1%;}
.sitemap_main ul li {position:relative; float:left; width:267px; height:30px; border-top:1px dashed #e5e5e5;}
.sitemap_main ul li a{text-decoration:none; color:#3e3e3e; background:url(../Images/bg/sitemap_tick.png) no-repeat 15px 3px; width:267px; height:30px; display:block; text-indent:35px}
.sitemap_main ul li p{margin:8px 0 0 0px; color:#3e3e3e}
.sitemap_main h2 {font-size:14px; color:#3e3e3e; background:url(../Images/bg/sitemap_title_bg.png) no-repeat 15px 5px; text-indent:35px; margin:7px 0 7px 0}

/*****************************************************************************************
Faaliyetler - activity.asp
******************************************************************************************/
.activityblocks {width:370px; height:165px; position:relative; float:left; margin:15px 0 0 60px}
.activityblocks img {position:relative; float:left;}
.activityblocks h2 {position:relative; float:left;font-size:18px; margin:55px 0 0 10px;}


/*****************************************************************************************
lightbox config
******************************************************************************************/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*****************************************************************
topics
******************************************************************/
/*****************************************************************
topics
******************************************************************/
	ul#topics { overflow:hidden; width:960px; height:286px;}
	ul#control {
	position:absolute;
	z-index:2;
	left:892px;
	top:254px;
	width:75px;
	 overflow:hidden
}
		ul#control li { position:relative; float:left; margin-bottom:3px; width:20px; height:20px}
			ul#control li a { display:block; padding-top:1px; width:15px; height:14px; font:18px "tahoma", serif; color:#fff; text-align:center; text-decoration:none; background:none}
			ul#control li a:hover { color:#000; text-decoration:none }
			*:first-child+html ul#control li.activeTopic a {background:url(../Images/bg/point.png) 0.8px 5.5px no-repeat; display:compact; padding-top:1px; width:15px; height:16px;}
			ul#control li.activeTopic a,x:-moz-any-link, x:default { background:url(../Images/bg/point.png) 0.8px 1px no-repeat; display:compact; padding-top:1px; width:15px; height:16px;}
			ul#control li span { position:absolute; z-index:-1; right:-8px; top:1px; padding-top:3px; width:20px; height:15px; background:url(../Images/bg/topicTitle.png) no-repeat right top; font:13px "tahoma", serif; color:#fff; text-align:center; text-indent:-9999px }
			ul#control li.activeTopic span { right:-176px; width:176px; text-indent:0 }
	div.jcarousel-container { position:relative;}
	div.jcarousel-clip { position:relative; overflow:hidden; z-index:2; margin:0; padding:0  }
	ul.jcarousel-list { position:relative; overflow:hidden; z-index:1; left:0; top:0; margin:0; padding:0 }
		ul.jcarousel-list li, li.jcarousel-item { float:left; width:960px; height:286px }
	div.jcarousel-skin-topics div.jcarousel-container-horizontal { width:960px }
	div.jcarousel-skin-topics div.jcarousel-clip-horizontal { width:960px}
	
/******************************************************************************
Submenu
*******************************************************************************/
#submenu {position:absolute; left:422px; top:128px; width:538px; height:114px; background:url(../Images/bg/sub_bg.png) no-repeat; display:none; z-index:100}
ul {list-style:none; margin:0; padding:0; position:relative; float:left}
ul.m1 {width:215px; height:110px; padding:0px; border-right:1px dashed #999999;}
ul.m1 li {width:191px; height:18px; padding:5px;}
ul.m1 li a{width:191px; height:18px; background:url(../Images/bg/sub_tick.png) 10px 4px no-repeat; display:block; text-indent:20px; color:#999999; text-decoration:none; padding:2px 0 0 0}
ul.m1 li a:hover{ background:url(../Images/bg/sub_hover.png) 0 0 no-repeat; color:#ffffff}


ul.m2 {position:relative; float:left; display:block}
ul.m2 {width:290px; height:110px; padding:0px;}
ul.m2 li {width:290px; height:18px; padding:5px;}
ul.m2 li a{width:290px; height:18px; background:url(../Images/bg/sub_tick.png) 10px 4px no-repeat; display:block; text-indent:20px; color:#999999; text-decoration:none; padding:2px 0 0 0}

ul.m2 li a:hover{text-decoration:underline}

ul.m3 {position:relative; float:left; display:none}
ul.m3 {width:290px; height:110px; padding:0px;}
ul.m3 li {width:290px; height:18px; padding:5px;}
ul.m3 li a{width:290px; height:18px; background:url(../Images/bg/sub_tick.png) 10px 4px no-repeat; display:block; text-indent:20px; color:#999999; text-decoration:none; padding:2px 0 0 0}
ul.m3 li a:hover{text-decoration:underline}

ul.m4 {position:relative; float:left; display:none}
ul.m4 {width:290px; height:110px; padding:0px;}
ul.m4 li {width:290px; height:18px; padding:5px;}
ul.m4 li a{width:290px; height:18px; background:url(../Images/bg/sub_tick.png) 10px 4px no-repeat; display:block; text-indent:20px; color:#999999; text-decoration:none; padding:2px 0 0 0}
ul.m4 li a:hover{text-decoration:underline}

ul.m5 {position:relative; float:left; display:none}
ul.m5 {width:290px; height:110px; padding:0px;}
ul.m5 li {width:290px; height:18px; padding:5px;}
ul.m5 li a{width:290px; height:18px; background:url(../Images/bg/sub_tick.png) 10px 4px no-repeat; display:block; text-indent:20px; color:#999999; text-decoration:none; padding:2px 0 0 0}
ul.m5 li a:hover{text-decoration:underline}




ul.gallery {float:left; width:620px; height:auto; margin-bottom:20px}
ul.gallery li {width:50px; height:50px; float:left; margin:0 0px 3px 3px; border:solid 1px #000;}
.points li{ list-style-type:disc; margin-left:20px;}
.imggallery td img{ border-top:6px solid #CFCFCF!important; border:1px solid #CFCFCF; margin:2px; padding:4px;}

.homeautomate {
	background: #FFFFFF url(Images/home_automation.png) no-repeat top;
}
.newmenu {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.newmenu a {
	display: flex;
	font-weight: bold;
    font-size: 15px;
    padding: 10px 10px;
	justify-content: center;
	align-items: center;
}
.newmenu a.current {
	background-color: #FFFFFF;
	border-radius: 5px 5px 0px 0px;
	color: #015190;
}
.newmenu a:hover {
	background-color: #FFFFFF;
	border-radius: 5px 5px 0px 0px;
	color: #015190;
}
.newmenu span.divider {
    width: 1px;
    padding: 0px 2px;
    background: url(Images/divider.png) no-repeat center;
    height: 36px;
}
.automate {
	margin-top: 230px;
	margin-bottom: 60px;
}
.brouchers {
	display: flex;
	width: 100%;
	justify-content: center;
	
}
.popuot {
	padding: 15px 15px 15px 15px;
	box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	position: relative;
}
.popuot > div {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	box-sizing: border-box;
	width: 400px;
	height: 280px;
}
.thumbslider {
	display: flex;
	flex-flow: wrap;
	box-sizing: border-box;
	width: 880px;
	padding: 10px 0;
	margin: 10px auto auto;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.thumbslider > div {
	width: 160px;
	height: 160px;
	margin: 30px;
	box-sizing: border-box;
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.thumbslider > div:hover {
	opacity: 0.7;
}
.overlay {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.7);
}
.imgdiv {
	background-color: #FFF;
	padding: 20px;
	box-sizing: border-box;
	position: absolute;
	transform: scale(0);
	transition: all .5s ease-in-out;
	position: relative;;
}
span.cls {
	right: 0;
    top: -45px;
	position: absolute;
}
span.cls::before {
	content: '\2A2F';
    font-size: 36px;
    color: #FFFFFF;
	cursor: pointer;
}
.imgdiv::before:hover {
	color: #000;
}
.previewdiv {
	transform: scale(1) !important;
}
.hidden {
	display: none !important;
}

.zoombox {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
	width: 100%;
	height: 100%;
    transition: opacity 0.3s ease-out;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.zoombox i {
    transform: scale(0);
    transition: all 0.3s ease-in;
	font-size: 24px;
}
.timebox {cursor: pointer;}
.timebox:hover .zoombox {
    opacity: 1;
}
.timebox:hover .zoombox i {
    transform: scale(1.8);
}
.timeimage {
    transform: scale(0);
    transition: all 0.5s ease-out;
}
.timeanimate {
    transform: scale(1);
}
.videodiv {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.videodiv > div {
	padding: 20px;
    box-sizing: border-box;
	width: 400px;
	height: 200px;
	box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
    position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.video_thumb {
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	position: relative;
}

.playico {
    position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
    transition: background .5s ease-out;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.playico:hover {
    background: rgba(139, 140, 141, 0.3);
}
@-webkit-keyframes spin {
    to { transform: rotate(360deg); }
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
.stroke-dotted {
    opacity: 0;
    stroke-dasharray: 4,5;
    stroke-width: 6px;
    transform-origin: 50% 50%;
    -webkit-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear;
    transition: opacity 1s ease,  stroke-width 1s ease;
}
  
.stroke-solid {
    stroke-dashoffset: 0;
    stroke-dashArray: 300;
    stroke-width: 6px;
    transition: stroke-dashoffset 1s ease,  opacity 1s ease;
}
  
.icon {
    transform-origin: 50% 50%;
    transition: transform 200ms ease-out;
}

.playico:hover .stroke-dotted {
    stroke-width: 4px;
    opacity: 1;
}
.playico:hover .stroke-solid {
    opacity: 0;
    stroke-dashoffset: 300;
}
.playico:hover .icon {
    transform: scale(1.05);
}
  
.voverlay {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 1);
}

div.cls {
	right: 20px;
    top: 10px;
	position: absolute;
}
div.cls::before {
	content: '\2A2F';
    font-size: 36px;
    color: #FFFFFF;
	cursor: pointer;
}
div.voverlay video {
	transform: scale(0);
	transition: all .5s ease-in-out;
	position: relative;;
}