body {
	font-family:Arial, Helvetica, sans-serif; background-color: #EBEBEB;
}

.wrapper{ width:960px; margin:auto; overflow:hidden;}

.header {
	background:url(../images/ui/header_bg.png);
	background-repeat: no-repeat;
	height: 166px; width: 960px;
	overflow: hidden; position: relative;
}
.header h1{
	font-family: 'Berkshire Swash', cursive;
	font-size: 26px; position: absolute; top: 61px; left: 450px; color: #333;
}
.header .nav{
	font-size: 15px; font-weight: bold;  width: 600px; display: block; margin: 118px 0 0 20px; overflow: hidden; position: absolute; top:0px;
}
.header .nav li{ float: left; }
.header .nav a{ display: block;  padding-right: 10px; padding-left: 10px; border-right: 1px #ccc solid; height: 30px; padding-top: 10px; text-decoration: none; color: #333333; }

.header .nav a:hover{ 
background:url(../images/ui/nav_hover_bg.png);
background-repeat: no-repeat;
 }

.header .phone {
	position: absolute; left: 643px; top: 129px; font-size: 20px; font-weight: bold;
}

.wrapper_main {
	border-right: 1px #D3D3D3 solid;
	border-left: 1px #D3D3D3 solid;
	border-bottom: 1px #D3D3D3 solid;
	width: 958px; background-color: #FBFBFB; overflow: hidden;
}

.left_side {
	margin-left: 10px; margin-top: 10px; float: left; width: 230px; overflow:hidden;
}
.right_side {
	margin-left: 10px; margin-top: 10px; float: left; width: 700px; overflow: hidden;
}
.left_side .nav_left{
	background:url(../images/ui/left_menu_bg.png);
	background-repeat: repeat-y; width: 260px; padding: 15px; padding-top: 1px;
	font-family: 'Open Sans', arial,serif;
}

.left_side .top_p{
	background:url(../images/ui/left_menu_top.png);
	background-repeat: no-repeat; width: 230px; height: 11px;
}

.left_side .bottom_p{
	background:url(../images/ui/left_menu_bottom.png);
	background-repeat: no-repeat; width: 230px; height: 11px;
}

.left_side .nav_left li a{
	background:url(../images/ui/left_menu_li_bg.png); background-position: bottom;
	background-repeat: no-repeat; width: 190px; height: 24px; padding-top: 3px; padding-left: 5px; margin-top: 5px; font-size: 16px; color: #58740C;
	display: block; text-decoration: none; 
}

.left_side .nav_left li a:hover{
	background-color: #CCC9BA;
}

.right_side .slogan_img {
	margin-top: 30px; margin-bottom: 20px; 
}
.right_side .hak_yazi {
	font-size: 0.96em; line-height: 18px; color: #666666; text-align: justify; width: 680px;
	font-family: 'Open Sans', arial,serif; overflow: hidden;
}

.middle_ext {
	width: 958px; overflow: hidden; padding: 10px; margin-top:20px; position: relative
}

.middle_ext .kategori{
	width: 214px; overflow: hidden; float: left; margin-right: 27px; ; position: relative; height: 420px; margin-bottom: 20px;
}
.middle_ext .kategori.last{
	margin-right: 0px;
}
.middle_ext .kategori .resim{
	width: 214px; height: 242px; overflow: hidden; margin-bottom: 20px;
}
.middle_ext .kategori .resim_cerceve{
	position: absolute;  overflow: hidden; top: 30px;
}
.middle_ext .kategori .baslik {
		background:url(../images/ui/kat_title_bg.png); background-repeat: no-repeat; color:#fff; text-align: center; font-size: 15px; padding-top: 8px; width: 214px; height: 27px; overflow: hidden;
		font-family: 'Duru Sans', arial,serif;
}
.middle_ext .kategori .kisa_bilgi{
	font-family: 'Duru Sans', arial,serif; font-size: 11px; line-height: 16px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; height: 78px; overflow: hidden;
}
.middle_ext .buton {
	text-align: center; margin-bottom: 10px;
}
.footer a{ text-decoration: none; color: #333; }
.footer {
	margin: 10px; margin-top: 110px; padding: 10px; border: 1px #D7D7D9 solid; background:url(../images/ui/footer_deg.png); background-repeat: repeat-x; position: relative; clear: both;
}
.footer .col-1{ font-weight: bold; line-height: 22px; font-size: 15px;}
.footer .col-2{ line-height: 22px; font-size: 12px;}
.footer .col-3{ line-height: 18px; font-size: 12px; padding-right: 20px; width: 290px; text-align: justify; }
.footer .col-4{ line-height: 20px; font-size: 12px; text-align: right; font-weight: bold;  }

.footer .absoult_logo {
	 position: absolute; right: 10px; top: -110px;
}

/* KATEGORİLER */

.right_side .kategori{
	width: 214px; overflow: hidden; float: left; margin-right: 27px; ; position: relative; height: 420px; margin-bottom: 20px;
}
.right_side .kategori.last{
	margin-right: 0px;
}
.right_side .kategori .resim{
	width: 214px; height: 242px; overflow: hidden; margin-bottom: 20px;
}
.right_side .kategori .resim_cerceve{
	position: absolute;  overflow: hidden; top: 30px;
}
.right_side .kategori .baslik {
		background:url(../images/ui/kat_title_bg.png); background-repeat: no-repeat; color:#fff; text-align: center; font-size: 15px; padding-top: 8px; width: 214px; height: 27px; overflow: hidden;
		font-family: 'Duru Sans', arial,serif;
}
.right_side .kategori .kisa_bilgi{
	font-family: 'Duru Sans', arial,serif; font-size: 11px; line-height: 16px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; height: 78px; overflow: hidden;
}
.right_side .buton {
	text-align: center; margin-bottom: 10px;
}


/* ÜRÜNLER */

.right_side .urunler{
	width: 214px; overflow: hidden; float: left; margin-right: 27px; ; position: relative; height: 420px; margin-bottom: 20px;
}
.right_side .urunler.last{
	margin-right: 0px;
}
.right_side .urunler .resim{
	width: 214px; height: 242px; overflow: hidden; margin-bottom: 20px;
}
.right_side .urunler .resim_cerceve{
	position: absolute;  overflow: hidden; top: 0px;
}
.right_side .urunler .baslik {
		background:url(../images/ui/kat_title_bg.png); background-repeat: no-repeat; color:#fff; text-align: center; font-size: 14px; padding-top: 1px; width: 214px; height: 34px; overflow: hidden;
		font-family: 'Duru Sans', arial,serif;
}
.right_side .urunler .kisa_bilgi{
	font-family: 'Duru Sans', arial,serif; font-size: 11px; line-height: 16px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; height: 78px; overflow: hidden;
}
.right_side .buton {
	text-align: center; margin-bottom: 10px;
}
.right_side .page_title {
	font-size: 48px; color: #768613; font-family: "Times New Roman", Times, serif;
}

.right_side .urunyazi {
	font-size: 0.96em; line-height: 20px; color: #333; text-align: justify; 
	font-family: 'Open Sans', arial,serif; width: 500px;
}
.referanslar li {
	border-bottom: 1px #ccc solid; height: 25px; padding-top: 5px;
}


/* Iletisim */
.right_side .iletisim_title {
	font-size: 18px; color: #768613; font-family: "Times New Roman", Times, serif;
	border-bottom: 1px #C7C7C7 solid; height: 30px; padding-top: 5px; margin-bottom: 20px;
}
.right_side .col-2 .address {
	font-size: 13px; color: #333; font-family: 'Duru Sans', arial,serif; line-height: 20px;
	
}
.right_side .col-1 #contact_form {
	font-size: 13px; color: #333; font-family: 'Duru Sans', arial,serif; line-height: 20px; 
	
}
.right_side .col-1 strong {
display: block; margin-bottom: 5px;
	
}
.right_side .col-1 .input {
width: 375px; height: 22px; padding-top: 3px; font-family: arial,serif; font-size: 13px; color: #333; border: 1px #ccc solid; padding-left: 5px;
	
}
.right_side .col-1 textarea {
width: 375px; height: 200px; padding-top: 3px; font-family: arial,serif; font-size: 13px; color: #333; border: 1px #ccc solid; padding-left: 5px;
	
}

.right_side .col-1 .submit_button {
	width: 123px; height: 34px; padding-top: 3px; font-family: arial,serif; font-size: 16px; color: #fff; border: 1px #ccc solid; background-color: #9BB11B; text-align: center;
	margin-top: 10px; margin-right: 30px; float: right;
	
}

.hata_goster { position:absolute; background-color:#930; color:#fff; margin-top:2px; margin-left:300px; padding:3px 10px 3px 10px; letter-spacing:0; }
.yildiz { color:#F00;}