/* CSS */


body {
background:#f9f9f9;
background:url(../img/backbg.gif) repeat-x;
background-repeat: repeat; 
padding:0;
margin:0;

}

#wrap {width:880px;margin:0 auto; padding:0px}



#menu {font:14px arial, verdana, sans-serif; border-radius: 10px 10px 0px 0px;} /* Burada menümüze bir miktar gölge veriyoruz */

#menu ul{background:#fff url(../img/menubg.gif) repeat-x;margin:0;padding:0;list-style:none;


border-top:1px solid #277ae7;
border-left:1px solid #277ae7; 
border-right:1px solid #277ae7; 
padding:10px 0px 10px 0px; 
border-radius: 10px 10px 0px 0px;}

#menu li{margin:0;display:inline;float:left;padding:0px;}

#menu ul li a {padding:10px;color:#fff;text-decoration:none;} /* Menü bağlantılarımızı burada tanımlıyoruz */

#menu ul li a:hover { /* Bağlantılarımızın hover durumundaki tanımlamalarını yapıyoruz */
padding:10px;
background:#6bbef0 url(../img/menu2.gif) repeat-x;
color:#fff;
text-decoration:none;

-moz-box-shadow:0px 2px 5px  2px #2e83ff;		/* Bu iki satırda gölge tanımlamaları yapılıyor. */
-webkit-box-shadow:  0px 2px 5px  2px #2e83ff;

-moz-border-radius: 0px 0px 4px 4px;			/* Bu iki satırda ise yuvarlak köşeler için tanımlamalar yapılıyor */
-webkit-border-radius: 0px 0px 4px 4px; border-radius: 10px 10px 0px 0px;
 
}

/* Buradan sonraki satırlar önizleme sayfamızda yaptığımız açıklama alanlarını tanımlıor */

.bilgi {margin:0 auto;width:855px;background:#eee;color:#333;border:2px solid #ddd;margin:-3px 0px 10px 0px;padding:10px;font:14px/24px arial, verdana, sans-serif;text-align:left;}
.bilgi h2 {font:bold 18px arial, verdana, sans-serif;color:#fff;}
.bilgi h2 a{font:bold 18px arial, verdana, sans-serif;color:#fff; text-decoration:none;}
.bilgi em {border-bottom:1px solid #999;}
#kutucuklarmavi { /* Bağlantılarımızın hover durumundaki tanımlamalarını yapıyoruz */
width:200px;

padding:10px;
background:#215fb1 url(../img/menubg.gif) repeat-x;

text-decoration:none;
color:#FFF;
-moz-box-shadow:0px 2px 5px  2px #2e7adf;		/* Bu iki satırda gölge tanımlamaları yapılıyor. */
-webkit-box-shadow:  0px 2px 5px  2px #2e7adf;

-moz-border-radius: 0px 0px 4px 4px;			/* Bu iki satırda ise yuvarlak köşeler için tanımlamalar yapılıyor */
-webkit-border-radius: 0px 0px 4px 4px;
 border-radius: 10px 10px 0px 0px;
 
}
.ttnetMenu { float:left; width:235px;  margin-top:30px; margin-left:3px;

border-right:dotted 1px #333;

 }
	.ttnetMenu ul { float:left; width:220px; border-top:1px dashed #FBB97A; }
	.ttnetMenu li { float:left; width:220px; border-bottom:1px dashed #FBB97A; display:inline; }
	.ttnetMenu  a { float:left; width:235px; display:block; font-weight:bold; color:#666; padding:3px 0 5px 7px; text-decoration:none; font-size:12px;}
	.ttnetMenu  a:hover { background:#09F; color:#FFF;  border-radius: 20px 0px 0px 20px;}
	.ttnetMenuBottom { float:left; width:235px; height:60px; }