@charset "utf-8";
/* CSS Document */
body {
	font-family:tahoma;
	font-size:11px;
	color:#999999;
	letter-spacing:normal;
	background-color: #FFFFFF;
	background-image:url(../images/bg/bg.jpg) !important;
	background-repeat: no-repeat;
	    
	
}
a,a:visited{
	color:#333
}
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:80px;
	z-index:30
}
	.logo{
	position:absolute;
	left:1px;
	top:1px;
	width: 302px;
}
	 ul.top_nav{
	width:108px;
	height:21px;
	position:absolute;
	right:1174px;
	top:686px
}
	 ul.top_nav li.link{position:relative; float:left; width:104px; padding:0px 5px 0 5px; height:21px; margin:0 0 0 5px}
	 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:underline}
	 
	 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:10px} 
	 ul.top_nav li.sep{
	position:relative;
	float:left;
	width:1px;
	height:21px;
	background: url(../images/sep.png) 0 2px no-repeat;
}
/*****************************************************************************************
navigation
******************************************************************************************/
	.nav{
	position:absolute;
	bottom:21px;
	background:url(../images/nav/nav_bg.jpg) no-repeat;
	width:643px;
	height:43px;
	z-index:300;
	left: 335px;
	text-align: justify;
}
	.nav div.menu{position:absolute; right:0px; height:37px; bottom:0; width:737px;}
	*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}
	.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}
	.boxes{
	position:relative;
	float:left;
	width:961px;
	height:798px;
	background:url(../images/bg/background.jpg) no-repeat;
	background-image: url(../images/mainContain.png);
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	font-size: 102%;
	
}
	.boxes2{
	position:relative;
	float:left;
	width:961px;
	height:801px;
	background:url(../images/bg/bottom_box_main.png)  no-repeat;
	background-image: url(../images/mainContain2.png);
	
}
	.boxes3{
	position:relative;
	float:left;
	width:961px;
	height:706px;
	background:url(../images/bg/bottom_box_main.png)  no-repeat;
	background-image: url(../images/mainContain3.png);
	
}
	.boxes4{
	position:relative;
	float:left;
	width:961px;
	height:1126px;
	background:url(../images/bg/bottom_box_main.png)  no-repeat;
	background-image: url(../images/mainContain4.png);

}
	.boxes5{
	position:relative;
	float:left;
	width:961px;
	height:716px;
	background:url(../images/bg/bottom_box_main.png)  no-repeat;
	background-image: url(../images/mainContain5.png);
	

}
	.boxes6{
	position:relative;
	float:left;
	width:961px;
	height:823px;
	background:url(../images/bg/bottom_box_main.png)  no-repeat;
	background-image: url(../images/mainContain6.png);
	

}
		.boxes a,.boxes a:visited {
	color:#666;
	font-size:11px;
	text-decoration:none;
}
		.boxes_top{
	float:left;
	width:250px;
	height:11px;
	background:url(../images/bg/bottom_box_top.png) no-repeat;
}
		.boxes_main{
	float:left;
	width:250px;
	height:129px;
	background:url(../images/bg/bottom_box_bottom.png) bottom no-repeat;
}
		.boxes_main h1{
	font-size:15px;
	font-weight:bold;
	color:#2B2A29;
	position:absolute;
	left:10px;
	top:2px;
	width:219px;
	height: 16px;
}
		.boxes_main ul{
	position:absolute;
	left:-763px;
	top:243px;
	height:107px;
	width:241px
}
		.boxes_main ul li{ width:160px; background:url(../images/tick.gif) no-repeat 0 4.8px; padding:0px 0 2px 10px}
		.margin{margin-right:7.4px;}
		.icon {
	position:absolute;
	width:99px;
	height:120px;
	left:-180px;
	top:307px
}
		
/*****************************************************************************************
footer
******************************************************************************************/
.footer{height:67px;}
	.footer_bar{width:960px; height:42px; background:url(../images/bg/footer_bg.jpg) no-repeat; color:#999999}
	.footer_bar a,.footer_bar a:visited{color:#999999; text-decoration:underline;}
	.footer_bar a:hover{ text-decoration:none;}
	.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:254px;
	top:545px;
	width: 867px;
}
	.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;}
.back_visuon {background:#FFFFFF url(../images/bg/bg_ins_visuon.jpg) no-repeat top; line-height:14px}
.back_affiliates {background:#FFFFFF url(../images/bg/bg_ins_affiliates.jpg) no-repeat top;}
.back_quality {background:#FFFFFF url(../images/bg/bg_ins_quality.jpg) no-repeat top;}
.back_affiliates1 {background:#FFFFFF url(../images/bg/bg_affiliates.jpg) no-repeat top;}
.back_quality1 {background:#FFFFFF url(../images/bg/bg_quality.jpg) 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_projectsended.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/bg/alt_bottom_bg.png)}
.slogan {position:relative; float:left; margin:30px 0 0 28px;width:950px; height:137px; margin:0 0 85px 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;
	color: #666;
}
*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}
h1.title{
	margin:-30px 0 0 30px;
	position:absolute;
	z-index:2;
	top:175px;
	left:368px;
	width:600px;
	font-size:18px
}
h1.kroki{
	margin:-30px 0 0 30px;
	position:absolute;
	z-index:2;
	top:255px;
	right:-34px;
	width:436px;
	font-size:18px;
	font-weight:normal;
	height: 27px;
}

.right_column{ float:left; width:250px; height:1%; margin:30px 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 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;
	text-align: center;
}
.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;
}
#h3 {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	text-align:justify;
	font-size:11px;
	background-position:top;
	background-repeat:no-repeat;
}
#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:853px;
	top:251px;
	width:104px;
	overflow:hidden;
	height: 23px;
}
		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:-77px;
	top:-21px;
	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;}