/*
-----------------------------------------------
Client
Author:   		Burak ŞAHİN
Last update:   02/06/2009 01:12
----------------------------------------------- */

/* Reset Styles */
@import "reset.css";

/* =toolbox
----------------------------------------------- */
.left{float:left}
.right{float:right}
.break{clear:both}
.hide{display:none !important}
.fix{ height:1%; overflow: hidden }
.even, .odd, .alt{  }
.selected{  }
.first{  }
.last{  }
.text-hidden{text-indent:-9999px}
.border{ outline: #c00 solid thin }
img.left { margin-right: 10px }
img.right { margin-left: 10px }

/* =links
----------------------------------------------- */
a { color:#a6a6a6; text-decoration:none }
a:hover { color:#fff }
.selected a {color:#C71A12}

/* =headings
----------------------------------------------- */
h1, h2, h3, h4 { font-family:Helvetica, Arial, sans-serif; font-weight:bold; }
h1 { font-size:30px; color:#5f5147; letter-spacing:-2px }
h2 { font-size:18px }
h3 { font-size:14px }
h4 { font-size:12px; color:#777 }

/* =forms
----------------------------------------------- */
input, select { padding:3px 4px; height:16px; background-color:#efede0; font:13px Helvetica, Arial, sans-serif; border:1px solid #ccc;margin-bottom:1em }
select { height:27px }
textarea { padding:3px 4px; background-color:#efede0; font:13px Helvetica, Arial, sans-serif; border:1px solid #ccc;margin-bottom:1em }
button { padding:3px 4px; font:bold 12px Helvetica, Arial, sans-serif; background-color:#736357; color:#fff }

/* =layout
----------------------------------------------- */
body {font: 62.5% Arial, Helvetica, sans-serif;background:#222;line-height:1.4em}
p{line-height:1.3em;margin-bottom:1.5em}

#container{background:#1e1b1a url(img/bg.jpg) no-repeat; color: #a6a6a6; font-size: 1.2em; min-height:575px; height:auto !important; height:575px; line-height: 1.6em; margin:5% auto; position:relative; width:960px}
	#lang{position:absolute; right:2em; top:-2em}
	#header{padding:26px 40px 0 32px; position: relative;}
	#content{margin:17px 33px 0 60px}
	#footer{text-align:center}
	
.pagination{display:block; float:none !important; margin:40px 0 20px 0; width:100%}
	.pagination li{float:left;font-size:11px; margin-right:5px !important; width:auto !important}
		.pagination li a{	border:solid 1px #A6A6A6;margin-right:2px;font-weight:bolder}
	.pagination .previous-off,
	.pagination .next-off {border:solid 1px #dedede;color:#999;display:block;float:left;font-weight:bold;margin-right:2px;padding:3px 4px}
	.pagination .next a,
	.pagination .previous a {font-weight:bold}		
	.pagination .active{background:#A6A6A6;color:#fff;font-weight:bold;display:block;float:left;margin-right:3px;padding:4px 6px;text-shadow:0 1px 1px #000}
	.pagination a:link,
	.pagination a:visited {display:block;float:left;padding:3px 6px;text-decoration:none}
	.pagination a:hover{border:solid 1px #fff}

/* =header
----------------------------------------------- */
#logo{height:56p; width:270px }
#banner{background:transparent url(img/banner.jpg) no-repeat 0 0; color: #fff; font-size: 1.4em; height:47px; letter-spacing:5px; line-height: 47px; margin-top: 11px; margin-left: 28px; padding-left:14px}
/* =navigation
----------------------------------------------- */
#navigation { background: #000 url(img/nav-bg.jpg) repeat-x; display:inline; height:30px; line-height: 30px; margin-top:32px; margin-right:32px; position: absolute; right:7px; top: 0; }
	#navigation li { background: transparent url(img/nav-li-bg.jpg) no-repeat left bottom; float: left}
	#navigation li.first{background:none}
	#navigation li.active{ background: transparent url(img/nav-li-active.jpg) repeat-x 0 3px }
		#navigation li a {color: #a0a0a0; display: block; font-weight:bolder; padding: 0 12px}
		#navigation li.active a{ color:#000 }
		#navigation li a:hover { color: #fff; text-decoration: underline }



/* =footer
----------------------------------------------- */
#footer{  }

/* =front
----------------------------------------------- */
#front #yazi {float:left; text-align:justify; width:215px}
#makina{border:1px solid #cacaca; background: #fff url(img/mbg.jpg) repeat-x top; float:left; height:310px; margin: 0 10px; width:310px}
#front #kumaslar {border:1px solid #8b805b; display:inline; float:left; height:290px; padding:10px; width:290px}

/* =pages
----------------------------------------------- */
#page-7{ margin-left:300px }

#makinalar{margin-top:30px}
#makinalar h2{ font-size: 24px; line-height:1.2em; margin-bottom: 1em;margin-top:7px }
#makinalar h3{  }
#makinalar ul {line-height:1.4em}

/* =gallery
----------------------------------------------- */
#gallery{height:350px}
#gallery ul{float: left;margin-top:33px}
#gallery ul li {float:left;margin-right:16px; width:150px;}
#gallery ul li img {margin-bottom:8px}
#gallery ul.alt{float:right}

/* =contact
----------------------------------------------- */
#contact .textbox{width:250px  }
#contact #log { background: #fff; color: #444; font-weight:bolder; padding: 0.5em; margin-bottom:1em; text-align:center}
#map span {display:none}