@charset "utf-8";
/* CSS Document */
/*Author : Gökhan CAN*/

body			{ margin:0px auto; background:url(../media/main_bg.jpg) repeat-x; 	font-family: Arial; font-size: 10px; color: #333333;}
a 				{ font-size: 11px; color: #333; }
a:link 			{ text-decoration: none; }
a:visited 		{ text-decoration: none; color: #333; }
a:hover 		{ text-decoration: underline; color: #333; }
a:active 		{ text-decoration: none; color: #333; }
#shortcut_link	{ color:#FFF; }
#about_font		{ font-family:Arial; color:#333; font-size:12px; margin-left:20px; margin-top:50px; text-align:justify;}

#container		{ width:auto; height:auto; margin:0px auto; overflow:hidden;  background:url(../media/bg.png) no-repeat top center; }
#main			{ width:auto; height:auto; margin:0px auto;}
#header			{ width:970px; height:auto; margin:0px auto; }
#logo			{ float:left; height:auto; width:109px; }
#header_right	{ width:550px; height:auto; float:right;}
#shortcut_menu	{ float:right; width:161px; height:15px; margin-right:15px; margin-top:12px; text-align:center; color:#FFF; font-weight:bold; }
#bottommenu		{ float:right; width:400px; height:50px; margin-top:80px; }
#banner			{ float:left; width:894px; height:auto; margin-left:50px; }
#about			{ float:left; width:894px; height:auto; margin-left:50px; margin-top:10px; overflow:hidden; }
#about_left		{ float:left; width:400px; height:auto; font:Arial; font-size:12px; color:#333; background:url(../media/about_bg.png) no-repeat;
				  margin-left:60px;	}
#about_right	{ float:right; width:400px; height:auto; font:Arial; font-size:12px; color:#333; background:url(../media/bayilikler.png) top right 	                  no-repeat;}
#footer			{ float:left; width:894px; height:auto; margin-left:50px; margin-top:10px; }
#footer_left	{ float:left; width:200px; height:auto;}
#footer_right	{ float:right; width:200px; height:auto;}

#middle			{ float:left; width:894px; height:auto; margin-left:10px; margin-top:10px; overflow:hidden; }
#bayilik		{ float:left; width:810px; height:auto; margin-left:50px; background:url(../media/bayilikler_2.png) no-repeat; }
#urunler		{ float:left; width:810px; height:auto; margin-left:50px; background:url(../media/urunler.png) no-repeat; }
#ikaynak		{ float:left; width:810px; height:auto; margin-left:50px; background:url(../media/ikaynaklari.png) no-repeat; }
#hakkimizda		{ float:left; width:810px; height:auto; margin-left:50px; background:url(../media/hakkimizda.png) no-repeat; }
#iletisim		{ float:left; width:810px; height:auto; margin-left:50px; background:url(../media/iletisim.png) no-repeat; }
#showroom		{ float:left; width:810px; height:auto; margin-left:50px; background:url(../media/show_bg.png) no-repeat; }
#product		{ float:left; width:810px; height:auto; margin-left:50px;  }


#container #main #header #banner #middle #iletisim table tr td {
	text-align: left;
}
#container #main #header #banner #middle #iletisim table {
	font-weight: bold;
}
#tabs 			{ float:right; margin-left:20px;  width:124%; 	margin-top:17px; font-size:98%; line-height:normal; overflow:hidden; }
#tabs ul 		{ margin:0; padding:10px 10px 0 0px; list-style:none; 	}
#tabs li 		{ display:inline; margin:0; padding:0; }
#tabs a 		{ float:left; background:url("../media/left.png") no-repeat left top; margin:0; padding:0 0 0 6px; text-decoration:none; }
#tabs a span 	{ float:left; display:block; background:url(../media/right.png) no-repeat right top; padding:6px 15px 4px 6px; margin-right:2px;
				  color:#fff; font-weight:bold; }
#tabs a span {float:none;}
#tabs a:hover span {	}
#tabs a:hover { background-position:0% -42px; }
#tabs a:hover span {background-position:100% -42px; }