@import url('reset.css');

body { background:#000; color:#FFF; font-size:11px; font-family:Tahoma; margin:0; padding:0; }

input, textarea, select { font-family:Tahoma; font-size:11px; color:#FFF; }

/* body background class */
	div.overview { background:#000 url(../images/bg/overview.jpg) center bottom no-repeat; }
	div.benefits-passenger { background:#000 url(../images/bg/specifications.jpg) center bottom no-repeat; }
	div.benefits-taxi { background:#000 url(../images/bg/hexagon-studio.jpg) center bottom no-repeat; }
	div.specifications-passenger { background:#000 url(../images/bg/specifications.jpg) center bottom no-repeat; }
	div.specifications-taxi { background:#000 url(../images/bg/hexagon-studio.jpg) center bottom no-repeat; }
	div.karsan { background:#000 url(../images/bg/karsan.jpg) center bottom no-repeat; }
	div.hexagon-studio { background:#000 url(../images/bg/hexagon-studio.jpg) center bottom no-repeat; }
	div.contact { background:#000 url(../images/bg/contact.jpg) center bottom no-repeat; }
	div.press { background:#000 url(../images/bg/press.jpg) center bottom no-repeat; }
	div.videos { background:#000 url(../images/bg/videos.jpg) center bottom no-repeat; }
	div.images-taxi { background:#000 url(../images/bg/images-taxi.jpg) center bottom no-repeat; }
	div.images-logos { background:#000 url(../images/bg/images-logos.jpg) center bottom no-repeat; }
	div.images-passenger { background:#000 url(../images/bg/specifications.jpg) center bottom no-repeat; }
	
div.overview, div.benefits-passenger, div.benefits-taxi, div.specifications-passenger, div.specifications-taxi, div.karsan, div.hexagon-studio, div.contact, div.press, div.videos, div.images-taxi, div.images-logos, div.images-passenger { width:100%; overflow:hidden; position:absolute; top:0; left:0; 
	height:100%; z-index:10; }
	
#bgContainer { position:absolute; left:0; top:0; z-index:0; }
#mainContainer { width:980px; left:50%; margin:0 0 0 -490px; position:absolute; z-index:500; }
	#headerContainer { width:980px; }
		#header {  }
			#conseptv1 { display:block; float:left; margin:60px 0 0 10px; }
 			#lang { margin:20px 0 0 890px; position:absolute; font-size:10px;  }
				#lang a { float:left; margin:0 0 0 5px; padding:2px 4px 2px 4px; background:url(/images/bg/fixedWidth.png) 0 0 repeat; color:#fff !important; font-weight:normal; text-decoration:none; }
				#lang a.selected { background:url(/images/bg/fixedWidth.png) 0 0 repeat; color:#EC9600 !important; }
 		#headerMenuContainer { background:url(../images/bg/header-menu-container.png) left top no-repeat; height:59px; }
			#headerMenu { float:right; margin:75px 0 0 40px; }
				#headerMenu a { color:#e2e2e2; font-size:13px; text-decoration:none; display:inline; padding:10px; 
					background:url(../images/bg/header-menu-item.png) right top repeat-y; }
	.press-list	{ border-bottom:1px solid #666; }			
		.press-list .continue { float:right; margin:-20px 0 0 0; background:#EC9600; padding:1px 3px 1px 3px; font-weight:normal; font-size:10px; color:#FFFFFF; }
		.press-list .continue:hover { font-weight:normal; }
		
		.watch-video { background:#EC9600; padding:1px 3px 1px 3px; font-weight:normal; font-size:10px; color:#FFFFFF !important; }
		.download { background:url(../images/ico/pdf.png) 0 0 no-repeat; padding:15px 0 0 45px; height:25px; display:block }
				
	#mainContentArea {  }
		#mainContentLeftArea { width:945px; float:left; margin:20px 0 0 0; }
			#mainFlash.sliderContainer { }
				#mainFlash .sliderContentContainer { height:1000px;  }
					#mainFlash .sliderContentWrapper {  }
						#mainFlash .sliderContent { width:1350px; height:1000px; }
							.mainFlashContentImage { width:1350px; height:1000px; }
							.mainFlashContentSummary { width:240px; position:absolute; left:20px; top:120px; z-index:5; }
								.mainFlashContentSummaryText { color:#fff; font-size:16px; padding:20px; width:614px; height:210px; background:url(../images/bg/home-promo-bg.png) 0 0 repeat; }
									.mainFlashContentSummaryText p { padding:0; margin:0; }
										
				#mainFlash .sliderNavContainer { }
					#mainFlash .sliderNav { background:url(../images/bg/main-flash-nav.png) left top no-repeat; width:14px; 
						height:14px; margin:0 2px 0 0; }
					#mainFlash .sliderNav.active { background:url(../images/bg/main-flash-nav-active.png) left top no-repeat; }
							
.sliderContainer { position:relative; }
	.sliderContentContainer { overflow:hidden; position:relative; }
		.sliderContentWrapper { width:1350px; height:1000px; }
			.sliderContent { display:table; }
		
	.sliderNavContainer { position:absolute; z-index:100; top:500px !important; left:50%; }
		.sliderNav { float:left; cursor:pointer; }
		.sliderNav.active {  }

#myCustomScroll2 {
	z-index:50;
	width: 624px;
	height: 400px;
	overflow: auto;
	position: relative;
	padding:10px !important;
	float:right;
	margin:0px;
	bottom:0px;
	background:url(../images/bg/fixedWidth.png) 0 0 repeat;
}


.fixedWidth {
	height:auto;
	width:580px; 
	padding:15px !important;
	position: relative;
	font-size:12px; 
	font-family:Tahoma;
	line-height:15px;
}
.fixedWidth a { font-weight:bold; color:#EC9600; text-decoration:none; }
.fixedWidth a:hover { font-weight:bold; color:#fff; text-decoration:none; }
.fixedWidth p { margin:0 0 20px 0; padding:0; } 
.fixedWidth h1 { color:#fff; font-size:20px; margin:0 0 30px 0; }
.fixedWidth h2 { color:#EC9600; font-size:18px; }
.fixedWidth h3 { color:#ccc; font-size:15px; }
.fixedWidth ul,li { margin:0 0 10px 10px; padding:0; }
.fixedWidth .border { border:1px solid #ccc; padding:1px; }
.fixedWidth .border:hover { border:1px solid #EC9600; padding:1px; }
.fixedWidth .detailLeftImg { float:left; border:1px solid #ccc; padding:1px; margin:0 20px 10px 0;}




#newTopMenu { float:right; padding:5px 0 0 0; position:relative; }
	#newTopMenu ul { padding:0; margin:0; }
		#newTopMenu li { padding:0; margin:0; display:none; }
			#newTopMenu li a { text-decoration:none; display:block; }
			#newTopMenu li .sectionDetail { display:none; }
			
	#newTopMenu li.level0, #newTopMenu li.level1, #newTopMenu li.level2 { display:block; }
			
	#newTopMenu li.level0 { float:left; }
		#newTopMenu li.level0 a { color:#fff; font-size:12px; padding:10px 8px; }
		#newTopMenu li.level0 a.hover, #newTopMenu li.level0 a:hover { color:#EC9600; background:#FEFEFE; }
		#newTopMenu li.level0 a.selected { color:#EC9600; }
		
		*:first-child+html #newTopMenu li.level0 a { padding:10px 8px; }
		
	#newTopMenu li.subMenu { display:none; }
	#newTopMenu li.subMenu.level0 { float:none; background:#FEFEFE; width:551px; 
		position:absolute; top:37px; padding:20px; z-index:99; left:139px; }
		
	#newTopMenu li.subMenu.level0 ul { width:150px; }
	
	#newTopMenu li.level0 li.level1 { display:block; border-bottom:1px dashed #DBCEC4; }
		#newTopMenu li.level0 li.level1 a { color:#666666; font-family:Arial; font-size:11px; padding:5px 15px 5px 5px; }
		#newTopMenu li.level0 li.level1 a.hover, #newTopMenu li.level0 li.level1 a:hover { color:#F1B244; 
			background:url(../images/etc/header-menu-item.png) right 8px no-repeat; font-weight:bold; }
		
	#newTopMenu li.level0 li.level1.subMenu { border-left:1px solid #E7E3E1; display:none; left:189px; padding:0px 20px; 
		position:absolute; top:23px; border-bottom:none; }
		
	#newTopMenu li.subMenu.level0 li.subMenu.level1 ul { width:130px;  }
		
	#newTopMenu li.level0 li.level1 li.level2 { display:block; border-bottom:1px dashed #DBCEC4; }
		#newTopMenu li.level0 li.level1 li.level2 a { padding:4px 15px 4px 15px; color:#A99B91; background:url(../images/etc/header-menu-item2.png) left 7px no-repeat; }
		#newTopMenu li.level0 li.level1 li.level2 a.hover, #newTopMenu li.level0 li.level1 li.level2 a:hover { 
			background:url(../images/etc/header-menu-item2.png) left 7px no-repeat; font-weight:bold; }
	#newTopMenu li.level0 li.level1 li.level2.subMenu { display:none; }
		
	#sectionDetail { display:none; left:510px; padding:0px 0px; 
			position:absolute; top:63px; z-index:100; width:173px; }
		#sectionDetail.oneLevel { left:325px; }
		#sectionDetailTitle { color:#28466d; font-size:20px; display:none; }
		#sectionDetailImage { padding:0 0 5px 0; }
			#sectionDetailImage img { border:0; width:173px; height:130px; }
		#sectionDetailSummary { padding:0; width:173px; color:#A99B91; font-size:12px; font-weight:bold; text-align:center; }
			#sectionDetailSummary p { padding:0 0 5px 0;}
	

								
					
	#footerContainer {  width:100%; display:block; height:42px; padding:0px; bottom:0; position:absolute; z-index:500; background:url(../images/bg/fixedWidth.png) 0 0 repeat;  }
				
		#footer { padding:5px; width:970px; left:50%; margin:0 0 0 -490px; position:absolute  }
			#copyRight { font-size:11px; color:#999999; float:left; width:340px; padding:5px 0 0 0; }
			#copyRight a { color:#999999; text-decoration:none;}
			#karsanFooter { float:left; text-align:center; width:300px; padding:5px 0 0 0; }
			#karsanFooter img { margin:0 20px;}
			#luckyeye { float:left; text-align:right; width:330px; padding:12px 0 0 0; }
				
#detailContentArea { width:945px; }
	#detailBreadCrumb { color:#878787; font-size:13px; }
		#detailBreadCrumb a { color:#878787; text-decoration:none; }
		#detailBreadCrumb a:hover { text-decoration:underline; }
		
#detailContent { margin:7px 0 0 0; }
	#detailContentLeft { margin:0 7px 0 0; width:225px; float:left; }
		#detailContentLeftMenuArea {  }
			#detailContentLeftMenuArea .specialArea2Repeat { padding:7px 0 0 0; }
			#detailContentLeftMenuTitle { background:url(../images/bg/left-menu-title.jpg) left top repeat-y; color:#e2e2e2; 
				font-size:14px; padding:10px; }
			#detailContentLeftMenu { padding:7px 15px; }
				#detailContentLeftMenu a { text-decoration:none; display:block; padding:0 20px 0 0; }
				#detailContentLeftMenu .level1Item { padding:4px 0; margin:4px 0; border-bottom:1px solid #222; }
				#detailContentLeftMenu .level1Item a { color:#e2e2e2; font-size:14px; 
					background:url(../images/bg/left-menu-level-1-item.png) 182px 1px no-repeat; }
				#detailContentLeftMenu .level1Item.opened a { 
					background:url(../images/bg/left-menu-level-1-item-opened.png) 180px 3px no-repeat; }
				#detailContentLeftMenu .level2Container { padding:0 0 4px 0; border-bottom:1px solid #222; }
					#detailContentLeftMenu .level2Item { padding:4px 0 4px 10px; }
					#detailContentLeftMenu .level2Item a { color:#aca3a3; font-size:12px; }
					#detailContentLeftMenu .level3Container {  }
						#detailContentLeftMenu .level3Item { padding:4px 0 4px 20px; }
						#detailContentLeftMenu .level3Item a { color:#FFF; font-size:12px; }
						
						
	#detailContentRight { float:left; width:713px; }
		#detailContentTitle { color:#e2e2e2; font-size:16px; padding:10px 10px 15px 10px; }


				
#mainSliderContainer { width:100%; overflow:hidden; position:fixed; top:0; left:0; height:100%; }
	#mainSlider {  }
		#mainSliderWrapper {  }
			.mainSlider { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; }
			
		#mainSliderNav { position:absolute; bottom:60px; width:100px; left:50%; margin:0 0 0 -50px; z-index:1000; }
			.mainSliderNav { background:url(../images/bg/main-flash-nav.png) left top no-repeat; width:14px; height:14px; float:left; 
				cursor:pointer; margin:0 2px; }
			.mainSliderNav.active { background:url(../images/bg/main-flash-nav-active.png) left top no-repeat; margin:0 4px; }

#imagesSlogan { color:#666; font-size:16px; position:absolute; right:10px; text-align:center; top:100px; width:205px; }
#pressSlogan { color:#666; font-size:16px; position:absolute; right:10px; text-align:center; top:100px; width:205px; }
#contactSlogan { color:#666; font-size:16px; position:absolute; right:10px; text-align:center; top:100px; width:205px; }