/********************
Tasarim/Uygulama : Recep SIMSEK
recep_simsek@hotmail.com
********************/
*{margin:0;padding:0;border:none;outline:none}
html,body{
	background:#111111;
	text-align:center;
	color:#FFF;
}
body{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:16px;
}

body#hizmetler ul#nav li.hiz{
background-position:0px -31px;
}
body#referanslar ul#nav li.ref{
background-position:-125px -31px; width:116px;	
}
body#hakkimizda ul#nav li.hak{
background-position:-250px -31px; width:116px;	
}
body#iletisim ul#nav li.ilet{
background-position:-125px -31px; width:116px;	
}
body#teklif ul#nav li.tek{
background-position:-485px -31px; width:285px;
}



h1{font-size:10px;}
h2{font-size:12px;}
h3{font-size:14px;}
h4{font-size:16px;}
h5{font-size:12px;}
a{color:#FFF; text-decoration:none;}
a:hover{color:#FFF;}
a img{border:none;}
p{text-indent:0px;clear:both; line-height:18px;}
/*Sayfa Genel*/
#top-bar{background:#1a1a1a; color:#FFF; padding:5px; position:relative}
#wrapper{width:1000px; display:inline-block; text-align:left; position:relative;}
/*Header , logo , menü */
#header{background:url(../images/header_bg.png) -5px no-repeat; width:1000px; height:99px; padding-left:-5px; position:relative;}
.logo{ text-indent:-9999px; background:url(../images/star-logo.png) no-repeat; height:59px; width:200px; display:block; float:left; margin-top:25px;}
.logo a{height:59px; width:200px; display:block;}

ul#nav{ float:right; font-size:16px; margin-top:38px; margin-left:10px; display:inline-block;}
ul#nav li{float:left; background:url(../images/nav-bg.png) no-repeat; height:30px; float:left; list-style:none; width:125px; text-align:center;}
ul#nav li.ref{ background-position:-125px 0px; width:116px;}
ul#nav li.hak{ background-position:-250px 0px; width:116px;}
ul#nav li.ilet{ background-position:-250px 0px; width:116px;}
ul#nav li.tek{ background-position:-485px 0px; width:285px;}
ul#nav li:hover{background-position:0px -31px;}

ul#nav li a{ width:125px;vertical-align:middle;display:table-cell; height:31px;}ul#nav li.ref a,ul#nav li.hak a, ul#nav li.ilet a{ width:116px;vertical-align:middle;display:table-cell; height:31px;}ul#nav li.tek a{ width:285px;vertical-align:middle;display:table-cell; height:31px;}


ul#nav li.ref:hover{ background-position:-125px -31px; width:116px;}
ul#nav li.hak:hover{ background-position:-250px -31px; width:116px;}
ul#nav li.ilet:hover{ background-position:-125px -31px; width:116px;}
ul#nav li.tek:hover{ background-position:-485px -31px; width:285px;}



.teklif a{border-bottom:3px solid #09C; padding:3px 15px; color:#FFF; position:absolute; right:0; top:0; font-size:16px;}
.teklif a:hover{ border-bottom:3px solid #09C; background:none}
#banner{background:url(../images/banner.jpg) no-repeat; width:1000px; height:392px; display:block;}

/*footer*/
#footer{ height:120px;display:inline-block; margin-top:30px; color:#FFF; padding:0px; font-size:11px; width:100%;}
#footer-text{margin-left:0px; color:#999; border-top:1px dotted #666; padding-top:20px;}
#footer-text a{ text-decoration:none; color:#096;}
#footer-text a:hover{color:#09C;}
#london{ background:url(../images/london.png); float:right; margin-top:10px; margin-right:5px; width:40px; height:40px; display:block;}
#london a{ left top no-repeat; text-indent:-9999px;width:40px; height:40px; display:block;}
#london:hover{background-position:right top;}

#govde{ background:url(../images/hak-bg.png) no-repeat; width:1000px; height:390px; display:block; position:relative; font-size:15px; margin-top:10px;}
#govde p{position:absolute; width:650px; top:110px; left:30px; line-height:20px;}

#ref{ background:url(../images/ref-bg.png) no-repeat; width:1000px; height:390px; display:block; position:relative; font-size:15px; margin-top:10px;}
#ref p{position:absolute; width:650px; top:125px; left:30px; line-height:20px;}

#hiz{ background:url(../images/hiz-bg.png) no-repeat; width:1000px; height:390px; display:block; position:relative; font-size:15px; margin-top:10px; padding:10px; padding-bottom:0px;}

ul.list-sari{ background:url(../images/list-sari.png) no-repeat; height:338px; width:241px; display:block; float:left; margin-right:5px;}
ul.list-sari li{float:left; padding:5px; margin-right:150px; list-style:none; display:block}
ul.list-sari  h2{padding:15px; margin-left:50px; color:#000; font-size:16px;}
ul.list-sari p{padding:20px; font-size:14px; padding-bottom:10px;}

ul.list-kirmizi{ background:url(../images/list-kirmizi.png) no-repeat; height:338px; width:241px; display:block; float:left; margin-right:5px;}
ul.list-kirmizi li{float:left; padding:5px; margin-right:150px; list-style:none; display:block}
ul.list-kirmizi  h2{padding:15px; margin-left:45px; color:#000; font-size:16px;}
ul.list-kirmizi p{padding:20px; font-size:14px;}

ul.list-yesil{ background:url(../images/list-yesil.png) no-repeat; height:338px; width:241px; display:block; float:left; margin-right:5px;}
ul.list-yesil li{float:left; padding:5px; margin-right:150px; list-style:none; display:block}
ul.list-yesil  h2{padding:15px; margin-left:55px; color:#000; font-size:16px;}
ul.list-yesil p{padding:20px; font-size:14px; padding-bottom:10px;}


ul.list-mavi{ background:url(../images/list-mavi.png) no-repeat; height:338px; width:241px; display:block; float:left; margin-right:5px;}
ul.list-mavi li{float:left; padding:5px; margin-right:150px; list-style:none; display:block}
ul.list-mavi  h2{padding:15px; margin-left:60px; color:#000; font-size:16px;}
ul.list-mavi p{padding:20px; font-size:14px; padding-bottom:10px;}

#ilet{ background:url(../images/ilet-bg.png) no-repeat; height:390px; width:1000px; display:block; position:relative; font-size:15px; z-index:1; margin-top:10px;}

ul.iletisim{ position:absolute; left:50px; top:45px; }
ul.iletisim li{list-style:none; margin-bottom:10px;}
input {background:url(../images/input-bg.png) no-repeat; padding:10px; width:260px;}
.buton{ background:none; padding:0; width:106px; height:50px;}
textarea{background:url(../images/textarea-bg.png) no-repeat; padding:10px; font-family:Arial, Helvetica, sans-serif; height:90px; width:255px;}
ul.info{ position:absolute; left:500px; top:70px; width:400px; }
ul.info li{list-style:none; margin-bottom:5px;}
ul.info h2{font-size:18px; margin-bottom:10px;}

#slide-icerik{width:1000px; height:390px; display:none;background:url(../images/ilet-bg.png) left -390px no-repeat; position:absolute; z-index:2; padding:15px; margin-top:10px;}
.kapat{position:absolute; left:450px;}

.tag{ border-top:1px dotted  #09C; padding:10px 20px; font-weight:normal}

#overlay{ background:url(../images/overlay.png) repeat; height:700px; width:100%; position:absolute; z-index:3; top:0px; left:0px;text-align:center; display:table-cell; overflow:hidden;}
#form{margin-top:10%; width:100%; text-align:center}

#teklif-box{ background:url(../images/teklif-bg.png) no-repeat; height:390px; width:1000px; display:block; position:relative; font-size:15px; z-index:1; margin-top:10px;}

ul#mycarousel li img{cursor:pointer;-moz-border-radius:3px;border-radius:3px;}