/* CSS Document */

* { padding:0; margin:0;}
.clear { clear:both; height:0px;}
li {list-style:none; display: inline; }


body { background: #e7e7e7 url(../images/layout/bg.png) top repeat-x; }

#container { width:940px; margin:auto; font-family:Tahoma, Geneva, sans-serif; color: #7c7c7c; font-size: 11px;}

#navigation { width:880px; margin:auto; height:95px;}
#navigation .logo { width:256px; float:left;}

#navigation #nav ul li { margin: 0 1px; width:102px; height:18px; float:left; background:url(../images/layout/buton_over.png) bottom no-repeat; text-align:center; padding-top:79px}
#navigation #nav ul li:hover { background :url(../images/layout/buton_hover.png) bottom no-repeat;}

#navigation #nav ul li a { text-decoration:none; color: #707070; font-weight: bold;}
#navigation #nav ul li a:hover { color:#000;}

#sidenav { float:left; width:257px;}
#sidenav .tel {height:24px; margin:4px 0 8px 0; background: #d2d2d2 url(../images/layout/phone.png) left no-repeat; padding:15px 0; font-size:16px; text-indent:65px; color: #223667; font-weight:bold;}

#renk { float:left;}

#contain { background-color:#FFF; width:880px; padding: 15px 30px; overflow:hidden;}

#well { float:left; width:400px; padding:18px;}
#well h1 { font-size:18px; float:left; margin-bottom:6px;}
#well p { float:left; width:255px; height:75px; line-height:15px; margin-bottom:6px;}
#well .continue { float:left; width:120px; height:18px; background: #777 url(../images/arrow_white.png) left no-repeat; text-indent:15px; padding:0px; line-height: 16px;}
#well .continue a { font-size:13px; font-weight: bold; text-decoration:none; color:#FFF;}

#well img { padding:3px; border: solid 1px #7d7d7d; float:left; margin-right:13px; }
#banner .trade { float:left; width:185px; height:163px;}
#banner .trade img { padding: 20px 0;}
#banner img.ban_img { margin: 15px 0 15px 15px;}

#main { float:left; width:600px; height:100px; padding: 10px; border-top: dotted 1px #CCC;}
#main h1 { text-align:right; font-size:18px; line-height:18px; float:left; margin-right:15px ; padding-top:25px; width:85px;}
#main ul { margin:0; float:left;}
#main ul.birinci{ width:140px;}
#main ul.ikinci{ width:150px;}
#main ul.ucuncu{ width:210px;}
#main li { display: block;height:18px; margin:5px; background: url(../images/arrow_gray.png) left no-repeat; text-indent:12px; line-height:15px;}
#main li:hover { background-color: #d2d2d2;}
#main li a { color: #7c7c7c; font-size:11px; text-decoration:none; line-height:15px;}

#bilgi {float:left; width:600px; padding: 10px;}
#bilgi h1 { font-size:18px; font-weight:bold;}
#bilgi h2 { color: #a03f34; line-height:14px;}
#bilgi p { line-height:14px;}
#bilgi span {color: #a03f34;}

#products {float:left; width:600px; padding: 10px;}
#products h1 { font-size:18px; font-weight:bold;}
#products #gallery {float:left; width:270px; margin:0 5px;}
#products #gallery img { float:left; margin-right:30px; margin-bottom:20px;}

#products #yazilar {float:left; width:320px;}
#products #yazilar .baslik { color:#FFF; font-weight:bold; background-color: #6caa4b; height:15px; text-indent:5px; padding-top:2px;}
#products #yazilar p { line-height:16px; text-indent:5px;}


#contact {float:left; width:600px; padding: 10px;}
#contact h1 { font-size:18px; font-weight:bold;}
#contact #adres {float:left; width:295px; margin:0 10px 0 0;}
#contact #form {float:left; width:295px;}


#contact #form form { margin-top:10px;}
#contact #form form input { width: 180px; height:20px; margin-bottom:10px; }
#contact #form form textarea {width: 200px; height:80px; margin-bottom:10px; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; }
#contact #form form .btn {	width:80px; margin:5px;	height:23px; float:left;}

#contact .baslik { height:20px; background-color: #4889c6; color:#FFF; font-size:14px; text-indent:5px; margin-bottom:10px;}
#contact .satir { height:25px; width:90px; }

#contact #adres .belirli { background-color: #EEE; padding:5px; margin:5px;}
#contact #adres .belirli h3 { font-size:13px; color:#4889c6;}
#contact #adres .belirli a { text-decoration:underline; color:#4889c6;}
#contact #adres .belirli p { line-height:16px;}
#contact #adres .belirli span { font-weight:bold;}

#contact h5 { font-size:14px; color:#900; line-height:18px;}


#footer {background-color:#FFF; width:880px; padding: 0 30px; height:80px;}
#footer .gri { height:5px; background: #d2d2d2; float:left; width:880px; margin: auto;}
#footer .logo { float:left; margin: 10px 10px 0 0; }
#footer .linkler { float:left; margin-top: 15px; width:570px; height:15px;}
#footer .linkler2 { float:left; margin-top:5px; width:640px; font-size:11px; color: #9b8453;}
#footer .linkler a { color: #7c7c7c; font-size:11px; text-decoration:none;}
#footer .linkler a:hover { color:#000; text-decoration:underline;}
#footer .text { float:right; margin-top:16px; color:#000; font-size:9px;}