html, body {height: 100%;}
body {font: 11px Arial; margin: 0; background: url(../img/bg_tile.jpg); color: #ccc;}
a {color: #ccc; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}
form {margin: 0; padding: 0;}
img {border: 0;}
p {margin: 0 0 15px 0; padding: 0;}
h1 {margin: 0 0 10px 0; padding: 0; font: 18px Arial; color: #fff;}

#info {margin-bottom: 10px; padding: 10px; font: 14px Georgia; background-color: #555; color: #ffc; border: 1px solid #333;}
.clr {clear: both;}

#bg {height: 100%; background: url(../img/bg.jpg) repeat-x;}

#ust {margin: auto; width: 750px; margin-bottom: 5px;}

#ort {margin: auto; width: 750px;}
#ort .spot {float: left; width: 220px; height: 65px; overflow: hidden; padding: 35px 5px 0 25px;}
#ort .spot#paintball {background: url(../img/spot_paintball.jpg) no-repeat;}
#ort .spot#izmir {background: url(../img/spot_izmir.jpg) no-repeat;}
#ort .spot#iletisim {background: url(../img/spot_iletisim.jpg) no-repeat;}
#ort .spot#laserball {background: url(../img/spot_laserball.jpg) no-repeat;}

#ort .yanspot {float: left; width: 220px; height: 65px; overflow: hidden;}
#ort .yanspot#haber {background: url(../img/yanspot_haber.jpg) no-repeat; padding: 50px 10px 10px 20px;}
#ort #adatepe {float: left; width: 360px; height: 85px; overflow: hidden; background: url(../img/adatepe.png) no-repeat; padding: 40px 0 0 140px;}

#ort .altspot {float: left; width: 220px; height: 75px; overflow: hidden;padding: 40px 10px 10px 20px;}
#ort .altspot#saha {background: url(../img/altspot_saha.jpg) no-repeat;}
#ort .altspot#oyna {background: url(../img/altspot_oyna.jpg) no-repeat;}
#ort .altspot#extreme {background: url(../img/altspot_extreme.jpg) no-repeat;}
#ort .altspot#organizasyon {background: url(../img/altspot_organizasyon.jpg) no-repeat;}

#ort a.devam {background: url(../img/yildiz.png) left 2px no-repeat; padding-left: 13px;}
#ort .ciz {background: url(../img/ciz.png) repeat-x; height: 3px; overflow: hidden; margin-bottom: 10px;}

#ort .tit {height: 33px; overflow: hidden; background: url(../img/bg_tit.png) no-repeat;}
#ort .ic {background: url(../img/bg_ort.jpg); padding: 15px 15px 25px 15px; margin-bottom: 10px; line-height: 150%; font-size: 12px;}
#ort #sagmenu {float: right; width: 170px; margin: 0 0 10px 20px; font-size: 11px;}
#ort #sagmenu div {padding: 5px 0; border-bottom: 1px solid #555;}

#ort #iletisim-form tr {vertical-align: top;}
#ort #iletisim-form .label {font-weight: bold; width: 150px; padding-top: 10px;}
#ort #iletisim-form .input input {border: 1px solid #555; background-color: #333; padding: 5px; width: 200px; font: 12px Arial;}
#ort #iletisim-form .input textarea {border: 1px solid #555; background-color: #333; padding: 5px; width: 300px; height: 100px; font: 12px Arial;}

#ort #galeri td {text-align: center; padding: 0 0 20px 0;}
#ort #galeri td.imaj {width: 180px;}
#ort #galeri td.imaj img {width: 150px; height: 125px; border: 5px solid #333;}
#ort #galeri td.imaj a:hover img {border: 5px solid #222;}
#ort #galeri a:hover {text-decoration: none;}

#alt {margin: auto; width: 710px; padding: 10px 20px 30px 20px; background: url(../img/ciz_alt.png) left bottom repeat-x;}
#alt #icon {float: left; width: 210px;}
#alt #bar {float: left; width: 500px; padding-top: 10px; text-align: right;}