body {
	font-size: 75%; /* Resets 1em to 10px */
	font-family: Tahoma;
	margin: 10px 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #222222;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

a:link,a:active,a:visited { text-decoration: underline; color: #000000; }
a:hover	        { text-decoration: underline; color: #FF0000; }

input, textarea, select { 
	
}

#cerceve {
	width: 922px;
	border: 1px solid #8e9295;
	padding: 10px;
}

#sol{
	width: 300px;
	float: left;
}

#sag{
	width: 612px;
	float: right;
	padding-left: 10px;
}

#ic_sol{
	width: 300px;
	float: left;
}

#ic_sag{
	width: 300px;
	float: right;
}

#sag_genis{
	width: 519px;
	float: left;
	
}

#sag_dar{
	width: 93px;
	float: right;
}

#sag_en_genis{
	width: 622px;
	height: 720px;
	background: #F7F3E8;
	float: right;
}

#sag_en_sol{
	width: 70px;
	height: 720px;
	float: left;
	background: url(img/ref_sol.jpg) no-repeat;
}

#sag_en_sag{
	width: 552px;
	float: right;
	height: 720px;
}

/* REFERANSLAR */

#ref_ust{
	width: 552px;
	height: 22px;
	background: url(img/ref_sag_ust.jpg) no-repeat;
	/* margin-top: 50px; */
}

#ref_orta{
	width: 552px;
	height: 618px;
	background: url(img/ref_sag_orta.jpg) repeat-y;
}

#ref_orta ul{
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	list-style-type: none;
	list-style-image: none;
}

#ref_orta ul li{
	display: block;
	float: left;
	width: 235px;
	height: 113px;
	margin: 0 0 30px 10px;
}

#ref_alt{
	width: 552px;
	height: 21px;
	background: url(img/ref_sag_alt.jpg) no-repeat;
}

#sayfalama{
	width: 490px;
	margin: 0 40px 0 0;
	text-align: left;
}

#sayfalama span{
	float: left;
	margin: 0 10px 0 0;
	font-weight: bold;
	padding: 4px 0 0 0;
}

#sayfalama a, #sayfalama a:link, #sayfalama a:visited, #sayfalama a:active{
	display: block;
	width: 16px;
	height: 18px;
	font-weight: bold;
	float: left;
	border: 1px solid #FE9B1C;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	text-align: center;
	text-decoration: none;
	background: #F7F3E8;
	color: #000;
}

#sayfalama a:hover{
	border: 1px solid #FF0000;
	color: #FF0000;
}

#sayfalama a.acik, #sayfalama a.acik:link, #sayfalama a.acik:visited, #sayfalama a.acik:active{
	border: 1px solid #FF0000;
	color: #FF0000;
}

#ref_ust_menu{
	width: 506px;
	margin: 10px 32px 0 0;
	text-align: left;
}

#ref_ust_menu a, #ref_ust_menu a:link, #ref_ust_menu a:visited, #ref_ust_menu a:active{
	display: block;
	float: left;
	width: 126px;
	height: 27px;
	background: url(img/ref_ust_menu_2.jpg) no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 0 0 0;
	margin: 0 2px 0 0;
}

#ref_ust_menu a:hover{
	color: #FFF;
}

#ref_ust_menu a.secili, #ref_ust_menu a.secili:link, #ref_ust_menu a.secili:visited, #ref_ust_menu a.secili:active{
	width: 146px;
	height: 27px;
	background: url(img/ref_ust_menu.jpg) no-repeat;
	padding: 10px 40px 0 0;
	margin: 0 2px 0 0;
	color: #FFF;
}
/* ANA MENÜ*/

#menu_kutu div{
	display: block;
	float: left;
	list-style-type: none;
	list-style-image: none;
	width: 88px;
	height: 21px;
	border: 1px solid #a09dbb;
	text-align: left;
	padding: 60px 0 0 10px;
}

#menu_kutu div.oklar{
	padding: 0;
	margin: 0;
	width: 98px;
	height: 81px;
}

#menu_kutu div ul{
	margin: 0;
	padding: 4px;
}

#menu_kutu div ul li{
	width: 30px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	border: 0;
	list-style-type: none;
	list-style-image: none;
}

#menu_kutu div ul li.kb{
	text-align: left;
	height: 25px;
}

#menu_kutu div ul li.k{
	text-align: center;
	height: 25px;
}

#menu_kutu div ul li.kd{
	text-align: right;
	height: 25px;
}

#menu_kutu div ul li.b{
	text-align: left;
	height: 19px;
	padding-top: 6px;
}

#menu_kutu div ul li.d{
	text-align: right;
	height: 19px;
	padding-top: 6px;
}

#menu_kutu div ul li.gb{
	text-align: left;
	height: 13px;
	padding-top: 12px;
}

#menu_kutu div ul li.g{
	text-align: center;
	height: 13px;
	padding-top: 12px;
}

#menu_kutu div ul li.gd{
	text-align: right;
	height: 13px;
	padding-top: 12px;
}

#menu_kutu a, #menu_kutu a:link, #menu_kutu a:active, #menu_kutu a:visited{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	
	display: block;
	float: left;
	width: 88px;
	height: 21px;
	border: 1px solid #a09dbb;
	text-align: left;
	padding: 60px 0 0 10px;
}

#menu_kutu a:hover{
	color: #000000;
	background: #f7f6fe;
}

/* KUTULAR */

#menu_kutu{
	width: 300px;
	height: 250px;
	background: #8884aa;
}

#webler_kutu{
	width: 300px;
	height: 200px;
	background: #778b9f;
	margin-top: 10px;
	vertical-align: top;
}

#sol_alt_kutu{
	width: 280px;
	height: 220px;
	background: #5b88b7;
	margin-top: 10px;
	padding: 30px 0 0 20px;
	text-align: left;
	font-size: 18px;
	color: #FFFFFF;
}

#kiraz_kutu{
	width: 300px;
	height: 250px;
	background: #f2eee3;
	margin-bottom: 10px;
}

#logo_kutu{
	width: 300px;
	height: 200px;
	background: #ff8c05;
	margin-bottom: 10px;
}

#copyright_kutu{
	width: 300px;
	height: 250px;
	background: #a98938;
	padding-top: 0px;
	font-size: 12px;
	color: #FFFFFF;
}

#rox_kutu{
	width: 280px;
	height: 210px;
	background: #191738;
	text-align: center;
	padding: 40px 10px 0 10px;
	font-size: 22px;
	color: #FFFFFF;
}

#rox_kutu div{
	width: 100%;
	text-align: right;
}

#isler_kutu{
	width: 300px;
	height: 200px;
	background: #0058b7;
	margin-top: 10px;
}

#isler_kutu img{
	padding: 0;
	margin: 0;
}

#iletisim_kutu{
	width: 300px;
	height: 250px;
	background: url(img/ilet_arka.gif) no-repeat #ffb600;
	margin-top: 10px;
	color: #FFFFFF;
	font-size: 12px;
}

#sol_alt_ne_kutu{
	width: 290px;
	height: 240px;
	background: #5b88b7;
	margin-top: 10px;
	padding: 10px 0 0 10px;
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
}

#sol_alt_ne_kutu a, #sol_alt_ne_kutu a:link, #sol_alt_ne_kutu a:visited, #sol_alt_ne_kutu a:active{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#sol_alt_ne_kutu a:hover{
	color: #000000;
}

#sol_alt_biz_kutu{
	width: 300px;
	height: 250px;
	background: #5b88b7;
	margin-top: 10px;
}

/* BİZ */

#biz_sol{
	width: 235px;
	float: left;
	margin-left: 15px;
}

#biz_sag{
	width: 235px;
	float: right;
}

#biz_ic_sol{
	width: 68px;
	float: left;
	text-align: right;
	padding: 50px 10px 0 0;
}

#biz_ic_sag{
	width: 147px;
	float: right;
	padding: 80px 0 0 10px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
}

#biz_ic_sol_1{
	width: 147px;
	float: left;
	padding: 80px 10px 0 0;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
}

#biz_ic_sag_1{
	width: 68px;
	float: right;
	text-align: left;
	padding: 50px 0 0 10px;
}

#biz_kutu{
	width: 235px;
	height: 157px;
}

div.biz_1{
	margin-top: 1px;
	background: url(img/biz/c_arka.gif) no-repeat #0fb9bf;
}

div.biz_2{
	margin-top: 30px;
	background: url(img/biz/bu_arka.gif) no-repeat #a69408;
}

div.biz_3{
	margin-top: 30px;
	background: url(img/biz/l_arka.gif) no-repeat #f846f2;
}

div.biz_4{
	margin-top: 30px;
	background: url(img/biz/k_arka.gif) no-repeat #4b9fd1;
}

div.biz_5{
	margin-top: 1px;
	background: url(img/biz/h_arka.gif) no-repeat #6facd1;
}

div.biz_6{
	margin-top: 30px;
	background: url(img/biz/e_arka.gif) no-repeat #2c5d7a;
}

div.biz_7{
	margin-top: 30px;
	background: url(img/biz/b_arka.gif) no-repeat #bfb13d;
}

div.biz_8{
	margin-top: 30px;
	background: url(img/biz/n_arka.gif) no-repeat #ffb152;
}

/* ÜRÜNLER */

#urunler_ana{
	width: 509px;
	height: 720px;
	background: url(img/urun_arka.jpg) repeat-x;
}

#urunler_sol{
	width: 473px;
	padding: 18px;
	text-align: left;
}

#urunler_sag{
	width: 473px;
	padding: 18px;
	text-align: right;
}

/* İLETİSİM.PHP */

#iletisim_ana{
	width: 509px;
	height: 620px;
	background: #e0dccd;
	text-align: right;
	font-size: 56px;
	color: #f6f5f1;
	padding-top: 100px;
}

/* NEDEN_BİZ.PHP */

#neden_biz_ana{
	width: 489px;
	height: 680px;
	color: #5b5b5b;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	padding: 40px 0 0 20px;
	background: url(img/kiraz_1.jpg) center right no-repeat;
}

/* İK.PHP */

#sol_alt_ik_kutu{
	width: 260px;
	height: 190px;
	background: #5b88b7;
	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 30px 20px;
	text-align: left;
	line-height: 20px;
}

#ik_ana{
	width: 509px;
	height: 710px;
	padding-top: 10px;
	background: #cfcde0;
}

td.ik_sol{
	font-weight: bold;
	text-align: left;
	width: 120px;
	vertical-align: top;
}

td.ik_sag{
	text-align: left;
	vertical-align: top;
}

input.ik_text{
	border: 0px solid #797699;
	border-bottom-width: 1px;
	background: #f1efff;
	width: 250px;
	color: #797699;
	padding: 1px;
	margin-bottom: 2px;
}

select.ik_select{
	border: 0px solid #797699;
	background: #f1efff;
	color: #797699;
	padding: 2px;
}

textarea.ik_texta{
	border: 0px solid #797699;
	background: #f1efff;
	width: 250px;
	color: #797699;
	padding: 2px;
	height: 50px;
}

input.ik_buton{
	padding: 3px;
	border: 1px solid #797699;
	background: #F1EFFF;
	font-weight: bold;
}

/* PORTFOLYO.PHP */

#sol_ust{
	width: 300px;
	height: 250px;
	background: url(img/portfolyo/mor_arka.gif) no-repeat #8884aa ;
}

#sol_ust ul{
	padding: 0;
	margin: 0;
}

#sol_ust ul li{
	float: left;
	width: 100px;
	height: 71px;
	list-style-type: none;
	list-style-image: none;
	text-align: center;
	padding: 6px 0;
}

#sol_orta{
	width: 292px;
	height: 184px;
	margin-top: 10px;
	vertical-align: top;
	padding: 8px 4px;
	background: #778b9f url(img/portfolyo/sol_2_cizgi.gif) no-repeat 98px 0;
}

#sol_alt{
	width: 300px;
	height: 230px;
	background: #5b88b7;
	text-align: center;
	margin-top: 10px;
	padding: 10px 0;
}

#orta_alt{
	width: 300px;
	height: 230px;
	background: #A98938;
	padding: 10px 0;
	text-align: center;
}

#sag_ust{
	width: 300px;
	height: 230px;
	background: #191738;
	padding: 10px 0;
	text-align: center;
}

#sag_orta{
	width: 300px;
	height: 186px;
	background: #0058B7 url(img/portfolyo/sag_2_cizgi.gif) repeat-y 100px 0;
	padding: 7px 0;
	text-align: center;
	margin-top: 10px;
}

#sag_alt{
	width: 300px;
	height: 230px;
	padding: 10px 0;
	background: #FFB600;
	text-align: center;
	margin-top: 10px;
}

#orta_orta{
	width: 300px;
	height: 30px;
	background: #ff8c05 url(img/turuncu_logo.jpg) no-repeat;
	margin-bottom: 10px;
	padding-top: 170px;
}

#orta_orta a, #orta_orta a:link,  #orta_orta a:visited,  #orta_orta a:active{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#orta_orta a:hover{
	color: #FFFFFF;
}