body {padding:0px; margin:0px; background:url(../images/arkaplan.jpg) top repeat-x #eaeaea}
#cerceve {position:relative; background:url(../images/ustbg.jpg) top no-repeat; margin:5px auto auto auto; width:1000px; height:auto; overflow:hidden}
#ust {position:relative; background:url(../images/banner_1.jpg) top no-repeat; width:100%; height:280px}
#ust ul {padding:0px; margin:0px}
#ust ul#logo {position:absolute; left:380px; top:100px; background:url(../images/logo.png) top; width:200px; height:52px;}
#ust ul#logo a {width:200px; height:52px; border:0px}
#ust ul#logo img {width:200px; height:52px; border:0px}
#ust ul#menuler {position:absolute; bottom:0px; padding-left:113px; list-style:none; background:url(../images/menubg.png) no-repeat; width:887px; height:60px}
#ust ul#menuler li {margin:0px; padding:0px; float:left; margin-top:15px}
#ust ul#menuler li a {border:#333 solid 1px}
#ust ul#menuler li#ayrac {float:left; margin-left:15px; margin-right:15px; width:1px; height:20px; background-color:#CCC}
#ust ul#menuler li#anasayfa {width:73px; height:20px; background:url(../images/anasayfa.png)}
#ust ul#menuler li#anasayfa a {width:73px; height:20px; border:0px}
#ust ul#menuler li#anasayfa img {width:73px; height:20px; border:0px}
#ust ul#menuler li#anasayfa:hover {background:url(../images/r_anasayfa.png)}
#ust ul#menuler li#idealdizayn {width:93px; height:21px; background:url(../images/idealdizayn.png)}
#ust ul#menuler li#idealdizayn a {width:93px; height:21px; border:0px}
#ust ul#menuler li#idealdizayn img {width:93px; height:21px; border:0px}
#ust ul#menuler li#idealdizayn:hover {background:url(../images/r_idealdizayn.png)}
#ust ul#menuler li#hizmetlerimiz {width:109px; height:16px; background:url(../images/hizmetlerimiz.png)}
#ust ul#menuler li#hizmetlerimiz a {width:109px; height:16px; border:0px}
#ust ul#menuler li#hizmetlerimiz img {width:109px; height:16px; border:0px}
#ust ul#menuler li#hizmetlerimiz:hover {background:url(../images/r_hizmetlerimiz.png)}
#ust ul#menuler li#projelerimiz {width:97px; height:20px; background:url(../images/projelerimiz.png)}
#ust ul#menuler li#projelerimiz a {width:97px; height:20px; border:0px}
#ust ul#menuler li#projelerimiz img {width:97px; height:20px; border:0px}
#ust ul#menuler li#projelerimiz:hover {background:url(../images/r_projelerimiz.png)}
#ust ul#menuler li#urunlerimiz {width:92px; height:15px; background:url(../images/urunlerimiz.png)}
#ust ul#menuler li#urunlerimiz a {width:92px; height:15px; border:0px}
#ust ul#menuler li#urunlerimiz img {width:92px; height:15px; border:0px}
#ust ul#menuler li#urunlerimiz:hover {background:url(../images/r_urunlerimiz.png)}
#ust ul#menuler li#portfolyo {width:72px; height:20px; background:url(../images/portfolyo.png)}
#ust ul#menuler li#portfolyo a {width:72px; height:20px; border:0px}
#ust ul#menuler li#portfolyo img {width:72px; height:20px; border:0px}
#ust ul#menuler li#portfolyo:hover {width:72px; height:20px; background:url(../images/r_portfolyo.png)}
#ust ul#menuler li#ulasim {width:52px; height:16px; background:url(../images/ulasim.png)}
#ust ul#menuler li#ulasim a {width:52px; height:16px; border:0px}
#ust ul#menuler li#ulasim img {width:52px; height:16px; border:0px}
#ust ul#menuler li#ulasim:hover {background:url(../images/r_ulasim.png)}

#orta {float:left; width:100%; height:auto; overflow:hidden}
#orta ul {padding:0px; margin:15px 0 0 0}
#orta ul#sol {width:640px; height:auto; float:left; list-style:none; padding-left:30px}
#banner{float:left; width:555px; height:190px; margin-bottom:20px; background:url(../images/bannerbg.png) no-repeat; padding-top:10px; padding-left:50px}
#orta ul#sol li#blok {width:290px; height:100px; float:left; margin-right:30px; margin-bottom:40px}
#orta ul#sol li#blok:hover {background:url(../images/blok-hover.jpg) center no-repeat}
#orta ul#sol li#blok p#baslik {margin:0px; padding:0px; background:url(../images/ok.png) left no-repeat; margin-bottom:10px; padding-left:15px; width:300px; height:20px}
#orta ul#sol li#blok p#baslik a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#69a321; text-decoration:none}
#orta ul#sol li#blok p#baslik a:hover {text-decoration:underline}
#orta ul#sol li#blok p#resim {margin:0px; padding:0px; float:left}
#orta ul#sol li#blok p#resim img {float:left; margin-right:5px}
#orta ul#sol li#blok p#kisa {margin:0px; padding:0px; margin-left:5px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#767785; text-align:left}
#orta ul#sol li#blok p#devami {margin:0px; padding:0px; margin-top:3px; float:right}
#orta ul#sol li#blok p#devami a {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#C00; text-decoration:none}
#orta ul#sol li#blok p#devami a:hover {text-decoration:underline}
#orta ul#sol li#blok p#cizgi {border-bottom:#CCC dashed 1px; margin:30px 0 0 70px}
#orta ul#sol li#clear {clear:both; float:left;}
#orta ul#ayrac {float:left; margin-right:10px; width:1px; height:100px; background-color:#CCC}
#orta ul#sag {width:284px; height:auto; float:left}

#portfoy {width:284px; height:860px; overflow:hidden; position:relative; background:url(../images/portfoybg.jpg) no-repeat; float:left; margin-left:13px; padding-top:50px}
#ref {float:left; margin:0px; padding:0px; width:247px; height:155px; background:url(../images/refbg.jpg); margin-left:20px; margin-bottom:17px; list-style:none}
#ref p#resim {float:left; z-index:0; width:207px; height:123px; margin-left:18px; margin-top:15px}
#ref span#link {margin:0px; padding:3px; position:absolute; width:201px; bottom:15px; left:40px; background-color:#000; z-index:100; filter:alpha(opacity=80); opacity:0.8}
#ref span#link a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; font-size:13px}

#icerik {float:left; width:660px; height:auto; overflow:hidden; margin:15px 0 0 0}
#icerik ul {float:left; list-style:none; padding:0px; margin:0px}
#icerik ul#ic-sol {width:200px; margin:0 10px 0 20px}
#icerik ul#ic-sol li#sol-menu {clear:both; float:left; background:url(../images/sol-menu-bg.png) repeat-y; padding:3px 0 3px 0; width:190px}
#icerik ul#ic-sol li#sol-menu a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#7d7e8b; text-decoration:none}
#icerik ul#ic-sol li#sol-menu a:hover {color:#E87400}
#icerik ul#ic-sol li#sol-menu img {float:left; margin:7px 5px 0 0}
#icerik ul#ic-sol li#sol-menu-ayrac {clear:both; float:left; width:177px; height:13px; background:url(../images/menu-ayrac.png); overflow:hidden}
#icerik ul#ic-orta {width:430px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#444}
#icerik ul#ic-orta p#sayfabas {padding:0px; margin:0 0 7px 0; font-family:"Times New Roman", Times, serif; font-size:22px; color:#3474B4; border-bottom:#CCC dashed 1px}
#icerik ul#sagicerik {width:284px; height:auto; float:left}

#newsticker-demo {float:left; width:284px; height:auto; padding:0px; font-family:Verdana,Arial,Sans-Serif; font-size:12px; margin:0px; overflow:hidden}
.newsticker-jcarousellite {float:left; height:auto; width:284px; margin:0px; padding:0px; overflow:hidden}
.newsticker-jcarousellite ul li{float:left; position:relative; height:155px; list-style:none; margin:0px; padding:0px; margin-bottom:12px}
.newsticker-jcarousellite ul li img{border:#FFF solid 2px}
.clear {clear: both}

#iletisim-mail {float:left; margin:15px 0 0 50px}
#iletisim-mail ul {clear:both; float:left; border-bottom:#CCC dashed 1px; margin-bottom:14px; padding-bottom:5px}
#iletisim-mail ul li#m-bas {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#3474B4}
#iletisim-mail ul li#m-ic {margin-left:10px}
#iletisim-mail ul li#m-ic a {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#C00; text-decoration:none}
#iletisim-mail ul li#m-ic a:hover {text-decoration:underline}

#copy {clear:both; float:left; margin:20px 0 20px 0; padding:0 0 0 30px; background:url(../images/copybg.png) no-repeat; width:1000px; height:180px; overflow:hidden}
#copy ul{margin:0px; padding:0px}
#copy ul#top {width:1000px; height:117px; list-style:none}
#copy ul#top li#hak {float:left; margin-top:30px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666; width:330px}
#copy ul#top li#hak a {color:#C00; text-decoration:underline}
#copy ul#top li#hak span.hak {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#757575}
#copy ul#top li#menu {float:left; margin-left:50px; margin-top:18px}
#copy ul#top li#menu p {margin:0px; padding:0px; margin-bottom:5px}
#copy ul#top li#menu a {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666; text-decoration:none}
#copy ul#top li#menu a:hover {text-decoration:underline}
#copy ul#bottom {margin-top:5px; width:1000px; height:35px}
#copy ul#bottom img {float:left; margin-left:35px; margin-top:5px}