@charset "utf-8";
html,body { margin: 0px auto; padding: 0px; width: 100%; height: 100%; background-color: #fff; color: #1a1a1a; font-family: "Trebuchet MS"; font-size: 12px; background-image: url(resim/arka.jpg); background-position: 50% 30%; background-repeat: no-repeat; background-attachment: fixed;}
div { margin: 0px auto; padding: 0px;}

a:hover { color: #FF3300; font-weight: normal; text-decoration: none;}
a,a:visited,a:active { color: #FF3300; font-weight: normal; text-decoration: none;}
a:hover { font-weight: normal; text-decoration: underline;}

.temizle { clear: both;}
form { margin: 0px auto; padding: 0px;}
input, textarea, select { margin: 0px auto; padding: 0px; background-color: #fff;}

.sol { float: left;}
.sag { float: right;}

div#genel { width: 100%; text-align: center;}
div#orta { width: 800px; text-align: center;}

#portfolyo-ust ul { margin: 0px auto; padding: 0px; clear: both; width: 100%; height: 180px;}
#portfolyo-ust ul li { margin: 0px auto; padding: 10px; float: left; list-style: none; width: 240px; height: 180px; background-image: url(resim/portfolyo-arka-b.png); background-position: 50% 0%; background-repeat: no-repeat;}

#portfolyo-alt ul { margin: 0px auto; padding: 0px; clear: both; width: 100%; height: 100px; background-image: url(resim/portfolyo-arka-k.png); background-position: 50% 0%; background-repeat: no-repeat;}
#portfolyo-alt ul li { margin: 0px auto; padding: 10px; float: left; list-style: none; width: 112px;}