body { margin:0px; padding:0px; background:url(../images/bg/bodybg.jpg) left top repeat-x; font-family:Arial, Helvetica, sans-serif; }
img { border:0px; }
* { outline:0px; }



#maincontainer { width:980px; margin:0 auto; }
	#header { padding:5px 0px 0px 0px; }
		#bilsaglogo { display:block; background:url(../images/logo/bilsag.jpg) left top no-repeat; width:108px; height:45px; float:left; }
		#search { float:right; width:212px; height:36px; padding:9px 0px 0px 0px; }
			#search #searchinputcontainer { 
				background:url(../images/top/inputbg.png) left top no-repeat; width:175px; height:28px; float:left; }
				#search #searchinput { border:0px; width:161px; height:14px; line-height:14px; 
					color:#444; font-size:11px; padding:7px 10px 7px 10px; background:transparent; }
			#search #searchbutton { background:url(../images/top/searchbutton.png) left top no-repeat; 
				width:37px; height:28px; float:left; display:block; }

	#board {  }
		#boardtop { height:10px; background:url(../images/top/topmenutop.jpg) left top no-repeat; }
		#topmenutop { height:5px; }
			#topmenuleft { width:4px; height:5px; float:left; background:url(../images/menu/topmenuleft.png) left top no-repeat; }
			#topmenucenter { width:972px; height:5px; float:left; background:#525252; }
			#topmenuright { width:4px; height:5px; float:left; background:url(../images/menu/topmenuright.png) left top no-repeat; }
		
		#boardleftarea { float:left; width:680px; }
			#topmenu { background:#525252; height:35px; }
				#topmenu a { display:block; font-size:14px; font-weight:bold; color:#FFF; float:left; text-decoration:none; 
					line-height:30px; margin:0px 0px 0px 30px; height:35px; }
				#topmenu a.selected, #topmenu a:hover { color:#979797; 
					background:url(../images/menu/topmenuselected.png) center bottom no-repeat; }
			#topmenubottom { height:5px; background:#e0a000; }
			#flasharea { width:680px; height:330px; }
			
			
		#boardrightarea { float:left; width:300px; height:370px; }
		
	#content { border-top:5px solid #d2d2d2; margin:1px 0px 0px 0px; padding:20px 0px 0px 0px; }
		#boxes {  }
			#box1 { width:238px; margin:0px 10px 0px 0px; float:left; }
				#box1image { display:block; width:238px; height:130px; background:url(../images/index/box1.jpg) left top no-repeat; }
				
			#box2 { width:238px; margin:0px 9px 0px 0px; float:left; }
				#box2image { display:block; width:238px; height:130px; background:url(../images/index/box2.jpg) left top no-repeat; }
				
			#box3 { width:238px; margin:0px 9px 0px 0px; float:left; }
				#box3image { display:block; width:238px; height:130px; background:url(../images/index/box3.jpg) left top no-repeat; }
				
			#box4 { width:238px; float:left; }
				#box4image { display:block; width:238px; height:130px; background:url(../images/index/box4.jpg) left top no-repeat; }
				
			#boxes .boxheader { margin:10px 0px 5px 12px; display:block; 
				background:url(../images/icon/mainbullet.png) left top no-repeat; font-size:11px; color:#4b6679; font-weight:bold; 
				padding:0px 0px 0px 19px; height:16px; line-height:16px; }
			
			#boxes .boxcontent { margin:0px 0px 0px 12px; font-size:11px; color:#4b6679; display:block; }
			
			#boxes .boxmore { display:block; margin:10px 12px 0px 12px; font-size:11px; padding:3px 0px 0px 22px; width:48px; 
				height:17px; text-decoration:none; background:url(../images/icon/more.png) left top no-repeat; color:#FFF; }
			
			#boxes .boxmore:hover { background:url(../images/icon/moreactive.png) left top no-repeat; color:#8ab9d4; }


	#footercontainer { background:#f5f7f8; height:52px; margin:20px 0px 0px 0px; }
		#footer { width:980px; margin:0 auto; }
			#copyrightcontainer { float:left; }
				#copyright { float:left; font-size:11px; color:#96a4ad; line-height:52px; margin:0px 15px 0px 0px; }
				
			#footermenucontainer { float:right; }
				#langbutton { font-size:11px; color:#F00; text-decoration:none; line-height:52px; margin:0px 0px 0px 5px; }
				#langbutton:hover { text-decoration:underline; }
			
				#footer .footerlinks { color:#385163; font-size:11px; text-decoration:none; display:block; float:left; 
					background:url(../images/icon/footermenu.jpg) left 21px no-repeat; line-height:52px; padding:0px 7px 0px 7px; }
					
				#footer .footerlinks:hover { text-decoration:underline; }
				
				
	#content .pagetitle { font-size:24px; color:#4b6679; margin:0px 0px 10px 0px; font-weight:bold; }
	#content .summary { font-size:14px; color:#525252; font-weight:bold; margin:0px 0px 10px 0px; }
	#content .content { font-size:14px; color:#525252; margin:0px 0px 10px 0px; }
		
	#applications { padding:20px 5px; }
		#applications a { font-size:14px; color:#FFF; font-weight:bold; display:block; float:left; width:186px; 
			background:url(../images/mobile/mobile.png) left top no-repeat; margin:0px 0px 0px 10px; text-align:center; 
			text-decoration:none; padding:17px 0px 0px 0px; height:77px; }
		#applications a:hover { background:url(../images/mobile/mobileactive.png) left top no-repeat; }
		#applications a:first-child { margin:0px !important; }
		
		#applications a.doublerow { padding:10px 0px 0px 0px; height:84px; }
		
	#appdetailleft { float:left; width:195px; }
	#appdetailright { float:left; width:775px; padding:5px 0px 0px 0px; }
	
		#content .appdetaildemo { font-size:14px; font-weight:bold; text-decoration:none; color:#4b6679; background:url(../images/icon/appdetailbullet.png) left 3px no-repeat; padding:0px 0px 0px 10px; margin:20px 0px 5px 0px; display:block; }
		#content .appdetaildemo:hover { text-decoration:underline; }
		
		#content .appdetailother { display:block; background:url(../images/appdetail/other.png) left top no-repeat; 
			width:236px; height:101px; margin:40px 0px 0px 0px; }
			
		#referencescontainer { margin:10px 0px 10px 0px; }
			#content .references { width:236px; height:84px; display:block; 
				background:url(../images/references/referencesbg.png) left top no-repeat; float:left; margin:7px 0px 7px 11px; }
			#content .references.first { margin:7px 0px 7px 0px; }
		
		
		#partnerscontainer { margin:10px 0px 10px 0px; }
			#content .partners { width:236px; height:84px; display:block; 
				background:url(../images/partners/partnersbg.png) left top no-repeat; float:left; margin:7px 0px 7px 11px; }
			#content .partners.first { margin:7px 0px 7px 0px; }
			
		#aboutus {  }
			#aboutus .mobapp { display:block; width:186px; height:117px; float:left; margin:33px 0px 0px 0px; 
				background:url(../images/aboutus/mobiluygulamalar.jpg) left top no-repeat; }
			#aboutus .part { display:block; width:171px; height:117px; float:left; margin:33px 0px 0px 10px; 
				background:url(../images/aboutus/isortaklarimiz.jpg) left top no-repeat; }
			#aboutus .ref { display:block; width:171px; height:117px; float:left; margin:33px 0px 0px 10px; 
				background:url(../images/aboutus/referanslarimiz.jpg) left top no-repeat; }
			#aboutus .contact { display:block; width:392px; height:170px; float:right; margin:-20px 0px 0px 10px; 
				background:url(../images/aboutus/contact.png) left top no-repeat; }
				
		
		
		#contactleft { float:left; }
			.content .contactgooglemap { display:block; background:url(../images/icon/googlemap.jpg) left top no-repeat; height:50px;
				padding:0px 0px 0px 58px; text-decoration:none; line-height:36px; color:#4b6679; font-size:14px; 
				margin:15px 0px 5px 0px; }
			.content .contactgooglemap:hover { text-decoration:underline; }
		
		#contactright { float:right; margin:0px 0px 0px 50px; }
			#contactform { font-size:14px; color:#525252; line-height:26px; }
				#contactform table { background:#ededed; }
				#contactform .inputtext { width:229px; height:20px; border:1px solid #d5d5d5; padding:3px; }
				#contactform .textarea { width:329px; height:100px; border:1px solid #d5d5d5; padding:3px; }


.saver { clear:both; height:0px !important; line-height:0px !important; }
.hiddentext { font-size:0px !important; /* text-indent:-99999px; */ }