* { margin: 0; padding: 0; }

body { margin: 0; padding: 0; font: normal 11px Verdana; color: #333; background: #FFF url(kiralik_oto_resimler/bg.gif) repeat-x; }
/* links */
a { color: #333; background-color: inherit; text-decoration: none; }
a:hover { color: #036; background-color: inherit; }
/* headers */
h1, h2, h3 { font-family: Arial, Trebuchet MS, Sans-Serif; font-weight: bold; color: #333; }
h1 { font-size: 120%; letter-spacing: .5px;}
h2 { font-size: 115%; text-transform: uppercase; }
h3 { font-size: 115%; color: #003366; }
/* images */
img { border: 2px solid #ccc; }
img.float-right { margin: 5px 0px 10px 10px; }
img.float-left { margin: 5px 10px 10px 0px; }

h1, h2, h3, p {	padding: 0;	margin: 10px; }
ul, ol { margin: 10px 20px;	padding: 0 20px; }
code { margin: 10px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em Lucida Console, courier new, monospace; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #f2f2f2; border-left: 4px solid #CC0000; }
acronym { cursor: help; border-bottom: 1px solid #777; }
blockquote { margin: 10px; padding: 0 0 0 32px; background: url(kiralik_oto_resimler/quote.gif) no-repeat 5px 10px !important;background-position: 8px 10px; border: 1px solid #f2f2f2; border-left: 4px solid #CC0000; font-weight: bold; }

/* form elements */
form { margin:10px; padding: 0 5px; border: 1px solid #f2f2f2; height: 300px; }
label { display:block; font-weight:bold; margin:5px 0; }
input { padding: 2px; border:1px solid #ccc; font: normal 1em Verdana, sans-serif; color:#777; }
textarea { width:400px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #ccc; height:100px; display:block; color:#777; }
input.button { margin: 0; font: bolder 12px Arial, Sans-serif; border: 1px solid #CCC; padding: 1px; background: #FFF; color: #CC0000; }

/**********************************
  LAYOUT 
***********************************/
#wrap { margin: 0 auto; width: 780px; }

/* header */
#header { position: relative; margin: 0; padding: 0; height: 60px; background-image:url(kiralik_oto_resimler/kiralik_oto_resim_hd_bg.jpg); background-position:left; background-repeat:no-repeat }
#header span#slogan { z-index: 3; position: absolute; left: 3px; bottom: 7px; font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif; color: #FFF; }
#header-logo { position: relative; clear: both; height: 50px; margin: 0; padding: 0; }
#header-logo #logo { position: absolute; top: 3px; left: 3px; font: bold 30px trebuchet MS, Arial, Tahoma, Sans-Serif; margin: 0; padding: 0; letter-spacing: -1px; color: #000; }
#header-logo #tel { position: absolute; top: 3px; right: 3px; font: bold 20px trebuchet MS, Arial, Tahoma, Sans-Serif; margin: 0; padding: 0; letter-spacing: -1px; color: #000; }

/* navigation tabs */
#header ul { position: absolute; margin:0; list-style:none; right:-18px ; bottom: 1px; font: bold 13px Trebuchet MS, Arial, Sans-serif; }
#header li { display:inline; margin:0; padding:0; }
#header a { float:left; background: url(kiralik_oto_resimler/tableft.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#header a span { float:left; display:block; background: url(kiralik_oto_resimler/tabright.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span { color:#FFF; }
#header a:hover { background-position:0% -42px; }
#header a:hover span { background-position:100% -42px; }
#header #current a { background-position:0% -42px; }
#header #current a span { background-position:100% -42px; }

/* main column */
#main { float: right; margin: 0; padding: 0; width: 545px; background-image:url(kiralik_oto_resimler/kiralik_oto_main_bg.jpg); background-position:right; background-repeat:no-repeat; background-position:top }
#main h1 { margin: 10px 0; padding: 4px 0 4px 8px; font-size: 105%; color: #FFF; text-transform: uppercase; background-color: #CC0000; letter-spacing: .5px; }
#main h2 { margin: 10px 0; padding: 4px 0 4px 8px; font-size: 105%; color: #333; text-transform: uppercase; background-color: #f4f4f4; letter-spacing: .5px; }
#main h3 { margin:0; padding:0; font-size: 105%; color: #036; letter-spacing: .5px; }
#main a.h3:hover {color:#fff}

/* sidebar */
#sidebar { float: left; width: 220px; margin: 0; padding: 0; background-color: #FFFFFF; 	 }
#sidebar h1 { margin: 10px 0 0 0; padding: 4px 0 4px 8px; font: bold 105% Arial, Sans-Serif; color: #FFF; text-transform: uppercase; background: #333; letter-spacing: 1px;	 }
#sidebar .left-box { border: 1px solid #EBEBEB; margin: 0 0 5px 0; background: #FFF; }
#sidebar ul.sidemenu { list-style: none; text-align: left; margin: 3px 0px 8px 0; padding: 0; text-decoration: none;		 }
#sidebar ul.sidemenu li { border-bottom: 1px solid #f2f2f2; background: url(kiralik_oto_resimler/bullet.gif) no-repeat 3px 2px; padding: 3px 5px 3px 25px; margin: 0;	 }
#sidebar ul.sidemenu a { font-weight: bolder; padding: 3px 0px; background: none; }

/* footer */
.footer { clear: both; border-top: 1px solid #f2f2f2; background: #FFF url(kiralik_oto_resimler/footerbg.gif) repeat-x; padding: 2px 0 10px 0; text-align: center;  line-height: 1.5em; font-size: 95%; }
.footer a { text-decoration: none; font-weight: bold;		 }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear {clear: both; }
.red   { color: #C00; }
.white { color: #fff; }
.blue   { color: #36f; }
.green { color: #393; }
.grey   { color: #666; }
.black { color: #000; }
.darkBlue   { color: #036; }
.lightGrey { color: #999; }
.orange   { color: #f60; }
.darkGreen { color: #060;}
.comments { margin: 20px 10px 5px 10px; padding: 3px 0; border-bottom: 1px dashed #EFF0F1; border-top: 1px dashed #EFF0F1; }