/*  Crema Iletisim Hizmetleri ve Tasarim Tic. LTD. STI // http://www.crema.com.tr  */
body{ background:#69a9b9 url(/images/design/bg.png) repeat-x}
.wrapper{ background:url(/images/design/clouds.png) no-repeat 50% 0; width:1024px; height:768px; margin:0 auto; padding-top:0px; position:relative }
.banner{ position:relative;margin-top:-64px;}
.logo{ margin-left:70px; padding-top:20px; width:300px }

/* menu -------------------------------------------------------------------------------------------------*/
.menu{background: url(/images/design/menu-bg.png) no-repeat 50% 0; width: 1024px; padding-top:33px; padding-bottom:33px; position:relative; top:-20px; z-index:5}
	.menu ul { position: relative; width: 900px; margin:0 auto; overflow: hidden; margin-left:72px }
	.menu ul li { float: left; list-style: none; display:inline }
	.menu ul li a { font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; outline: none; text-align: center; letter-spacing: 0; z-index: 10; display: block; float: left; display:inline; height: 45px; line-height:45px; position: relative;  overflow: hidden; margin: auto 10px; padding:0 25px  }
	.menu ul li.active a,.menu ul li a:hover { background: url("/images/design/arrow.png") no-repeat 50% 50%; height: 45px;  }
	.menu ul li a:hover, .menu ul li a:active, .menu ul li a:visited { border: none; }
	
	/* menu -------------------------------------------------------------------------------------------------*/
.menu2{background: url(/images/design/menu-bg.png) no-repeat 50% 0; width: 1024px; padding-top:33px; padding-bottom:33px; position:relative; top:-20px; z-index:5}
	/*.menu ul { position: relative; width: 900px; margin:0 auto; overflow: hidden; margin-left:72px }*/
	.menu2 ul { position: relative; width: 900px; margin:0 auto; overflow: hidden; margin-left:62px }
	.menu2 ul li { float: left; list-style: none; display:inline }
	/*.menu ul li a { font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; outline: none; text-align: center; letter-spacing: 0; z-index: 10; display: block; float: left; display:inline; height: 45px; line-height:45px; position: relative;  overflow: hidden; margin: auto 10px; padding:0 20px  }*/
	.menu2 ul li a { font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; outline: none; text-align: center; letter-spacing: 0; z-index: 10; display: block; float: left; display:inline; height: 45px; line-height:45px; position: relative;  overflow: hidden; margin: auto 9px; padding:0 7px  }
	.menu2 ul li.active a,.menu ul li a:hover { background: url("/images/design/arrow.png") no-repeat 50% 50%; height: 45px;  }
	.menu2 ul li a:hover, .menu ul li a:active, .menu ul li a:visited { border: none; }
	
	
/* content -------------------------------------------------------------------------------------------------*/
.content-top{ width:1024px; background:url(/images/design/content-top.png) 50% 0 no-repeat; padding-top:9px; position:relative; margin-top:-5px}
	.content-tile{ width:1024px; background:url(/images/design/content-tile.png) 50% 0 repeat-y; padding-top:10px; padding-bottom:10px;}
	.content-bottom{ width:1024px; padding-bottom:20px;}
	.content{ width:860px; margin:0 auto}
			#linechart{ width:220px; padding-left:10px  }
			.table{ font-size:11px; margin-left:10px }
			.news{ width:330px; padding-left:20px; font-size:11px }
			.news p{ padding-top:16px; }
			.news h2{ line-height:normal}
			.news img{ background:url(/images/design/news-bg.jpg); padding:3px; margin-right:5px}
			.news { background:url(/images/design/line.png) no-repeat 100% 50%; _width:270px; padding-right:10px; width:275px; }
			.news a{ color:#036C85 }
	.inner{ position:relative; top:-60px; margin-bottom:-110px; }
		.inner .content-tile{ background-image:url(/images/design/content-tile-inner.png); padding:30px 0 40px 0}
			.main-content{ float:left; display:inline ;width:560px; margin-left:20px; margin-right:50px;}
			.main-content h3{ background:url(/images/design/h3-bg.gif) no-repeat 0 50%; padding-left:20px; }
			.sidebar{ float:left; display:inline; width:220px}
				.sidebar ul{ margin-left:0}
				.sidebar li{ list-style-type:none; background:url(/images/design/h3-bg.gif) no-repeat 0 2px; padding-left:20px; }
				.sub-menu li{ margin-bottom:5px}				
				.sub-menu a{ font-size:13px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-style:italic}
				.sub-menu li.selected a{ text-decoration:underline }
				.news-summary li{ list-style-type:none; margin-bottom:8px}
				.news-summary a{ font-weight:normal}	
				.news-summary .all-news{ background:url(/images/design/all-news.gif) 100% 50% no-repeat; height:21px; line-height:21px }
				.news-summary .all-news a{ margin-left:118px; color:#006c8f; font-weight:bold }
			
/* icon menu -------------------------------------------------------------------------------------------------*/
.icon-menu{ position:absolute; right:50px; top:0px}
	.icon-menu ul{  height:40px; width:140px }
	.icon-menu ul li{ margin-right:20px; float:left; list-style-type:none; }
	.icon-menu ul li a{ text-indent:-9999px; display:block; width:24px; height:40px;background:url(/images/design/icon-menu.png) no-repeat 0 0;}
		li#home a { background-position:0 0 }
		li#site-map a { background-position:-50px 0;}
		li#contact a { background-position:-101px 0;}		
		li#home a:hover { background-position:0 -40px }
		li#site-map a:hover { background-position:-50px -40px;}
		li#contact a:hover { background-position:-101px -40px;}
		
/* footer -------------------------------------------------------------------------------------------------*/		
.footer{ background:url(/images/design/footer-bg.png) no-repeat 50% 0; height:90px; position:relative; top:-63px; *top:-68px; z-index:4; clear:both }
@media screen and (-webkit-min-device-pixel-ratio:0){ .footer{ top:-68px; } }

.footer-inner{ top:-63px; *top:0px;  }
@media screen and (-webkit-min-device-pixel-ratio:0){ .footer-inner{ top:0px; } }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
 { head~body .footer-inner { top:0px; } }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{ head~body .footer-inner .float-left{ position:relative; top:-32px } }


.footer p{ width:860px; color:#fff; margin:0 auto; padding-top:38px}
	.footer a{ color:#80c4d6; font-weight:normal; line-height:normal }	
.footer-inner .float-left{ width:400px}
.footer-inner .float-right{ width:200px; text-align:right}
	
/*list elements*/
.blue-arrow{ margin:10px 0; clear:both}	
.blue-arrow li{ list-style-type:none; background:url(/images/design/arrow-blue.gif) no-repeat 0 4px; padding-left:12px; line-height:normal; margin-bottom:10px}
.blue-arrow b{ color:#69a9b9 }

/*accordion structure*/
.basic {width: 100%; border: 1px solid #ddd; }
.basic div { padding: 10px; }
.basic a.section { cursor:pointer; display:block; font-style:italic; padding:5px; margin-top: 0; text-decoration: none; font-weight: bold;  background-color: #69A9B9; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999; color:#fff }
.basic a:hover.section { color:#1F6D7F }
.basic a.selected {color: #fff; background-color: #006C8F; }
.basic a:hover.selected{ color:#69A9B9}

@media print { .basic div{ display: block!important; height: auto!important } }

ul.contact{ margin-bottom:20px; border:1px dotted #ddd;padding:10px; background:url(/images/design/atainvest_logo.gif) no-repeat 100% 100%; margin-left:0 }
	ul.contact li{ list-style-type:none; margin-bottom:5px; }    
	ul.contact label{ width:120px; display:inline-block; font-weight:bold; vertical-align:top} 
	ul.contact li.lbl-def label{ font-weight:normal}
	ul.contact span{ width:380px; display:inline-block; vertical-align:top}
 
ul.sitemap{ margin-right:20px; margin-bottom:20px; border:1px dotted #ddd; float:left; padding:10px }
ul.sitemap li{ padding:5px 10px; list-style-type:none; background:url(/images/design/arrow-blue-single.gif) no-repeat 0 10px }
ul.sitemap li.sm-title{ padding:0; background:none}
ul.sitemap h4{color:#fff; background:none; font-size:16px; background:#69A9B9; padding:2px 5px} 
ul.sitemap li ul{ margin-top:5px}
ul.sitemap li ul li{ margin-bottom:5px; background:url(/images/design/arrow-blue.gif) no-repeat 0 50%}
ul.sitemap li ul{ margin-left:10px }
ul.sitemap li li{ padding:0 10px; list-style-type:none }


/*Buttons*/
.button-40,.button-60,.button-80,.button-100,.button-120,.button-150{ font-size:11px; font-weight:bold; text-align:center; background-repeat:no-repeat; border:0; color:#006c8f; height:21px; line-height:21px}
.button-40{ background-image:url(/images/buttons/button-40.gif); width:40px}
.button-60{ background-image:url(/images/buttons/button-60.gif); width:60px}
.button-80{ background-image:url(/images/buttons/button-80.gif); width:80px}
.button-100{ background-image:url(/images/buttons/button-100.gif); width:100px}
.button-120{ background-image:url(/images/buttons/button-120.gif); width:120px}
.button-150{ background-image:url(/images/buttons/button-150.gif); width:150px}

/*Pager*/
ul.pager{ width:340px; margin:0 auto; }
ul.pager li{ margin-right:5px}
ul.pager a{font-size:11px; text-decoration:none; padding:5px}
ul.pager a:hover{ color:#ff6600; border:1px solid #ddd;padding:4px }

/*logos*/

.logos li { background:url(/images/design/logo-bg.gif) no-repeat; width:110px; height:141px; float:left; display:inline; text-align:center; padding-top:12px; margin-right:20px;}
.logos p { margin:0 auto; }
.logos img { margin-bottom:5px; }
.logos ul div { height:64px; }
.logos small { line-height:11px; font-size:11px; }

.amp{ font-family:Arial, Helvetica, sans-serif}

/*Agenda*/

#agenda-container{ width:588px;}
#agenda-container h4, p{ font-family:Arial, Helvetica, sans-serif; color:#555; font-style:normal;}
#agenda-container h4 span{color:#006c8f; font-style:italic;}
#agenda-container span{color:#04a1bd; font-weight:bold;}
.agenda{ margin-bottom:25px;}
.agenda li{ width:24px; height:23px; margin-right:25px; text-align:center; line-height:23px; color:#99cccc; border-bottom:1px solid;}
.agenda li a{ display:block; height:23px; text-decoration:none; line-height:23px;color:#fff;}
li.display { background:url(/images/agenda/active.png) no-repeat;  border:none; }
li.select {background:url(/images/agenda/hover.png) no-repeat;  border:none; }