BODY {
	MARGIN: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", sans-serif;   
	
	text-align: justify;
	/* BACKGROUND: url(../main/bg.jpg) #FFFFFF; 
	background-repeat: repeat-y ;    */
	
	
	  BACKGROUND: #444444 url(../main/bg.png) repeat-x scroll 0 0       
	 
}

td {
    font-family: "Trebuchet MS", sans-serif;      
	font-size: 14px;
	line-height: 200%;
	color: #2a2a2a;
	text-align: justify;
}

hadis {
	font-family: "Trebuchet MS", sans-serif;    
	font-size: 15px;
	line-height: 20px;
	color: #000000;
	text-align: justify;
}
#container {
	MARGIN: 0px 0px 0px -500px;  WIDTH: 1000px; POSITION: relative
}

A {
	COLOR: #050587; TEXT-DECORATION: none; outline: none
}
A:hover {
	COLOR: #999999;
}

.footer {
  color : #999999;
  font-family : verdana,arial,geneva,helvetica,sans-serif;
  font-size : 7px;
  text-decoration : none;
}

.footer a {
  color : #999999;
  font-family : verdana,arial,geneva,helvetica,sans-serif;
  font-size : 7px;
  text-decoration : none;
}


.footer a:hover {
  color : #999999;
  font-family : verdana,arial,geneva,helvetica,sans-serif;
  font-size : 7px;
  text-decoration : none;
}


P.baslik {
	COLOR: #a50;
	LETTER-SPACING: 1px;
	text-align: center;
	font-weight: bold;
}
P.baslik A:hover {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

P.tarih {
	 TEXT-TRANSFORM: uppercase; 
	 color: #2a2a2a;
	 LETTER-SPACING: 0.5px
	 font-size: 17px;
	 font-weight: bold;
	 
}

.solkontur {
	BACKGROUND: url(main/r2_c1.gif) no-repeat 0px 0px;
}

.sagkontur {
	BACKGROUND: url(main/r2_c3.gif) no-repeat 0px 0px;
}
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#e6e6e2; border:1px solid #336; 
  width:450px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}

.ktesti {
	color: #050587;
	font-size: 17px;
	font-weight: bold;
}

.ktesti a {
  color : #050587;
  text-decoration : none;
}


.ktesti a:hover {
  color : #999999;
  text-decoration : none;
}


.style3 {color: #050587
}
.style5 {color: #050587; font-weight: bold; 
}
.style6 {color: #0000FF
}
.style7 {color: #0000FF; font-weight: bold; 
}
.style8 {color: #6600FF; font-weight: bold; 
}

.yazarindexbaslik {color: #050587; font-weight: bold; 
}

.tomurcuk { 
	font-family: Comic Sans MS,Arial; 
	font-size: 15px; 
	color:#4c4c4c; 
	line-height: 200%;
	text-align: justify; 
}

.tomurcukbaslik { 
	font-family: Comic Sans MS,Arial; 
	font-size: 16px; 
	color:#a50; 
	line-height: 200%;
	text-align: justify; 
}
.tdindex {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: left;
}


    td.name {
      background: url('../menu/menuopen.gif') no-repeat 5px 50%;
      padding-left: 22px;
    
      cursor: pointer;
    }
	

    div.infodiv {
      
      width: 175px;
    }

  #apDiv2 {
	position:absolute;
	left:-182px;
	top:140px;
	width:175px;
	height:311px;
	z-index:2;
}

/* ::::::::::::  SLIDE DOWN CSS LERI ::::::::::::::: */

    td.namedown {
      background: url('../main/twistyplus.gif') no-repeat 5px 50%;
      padding-left: 22px;
	  color:#000099;
      cursor: pointer;
    }
    
    td.namemenu {
      cursor: pointer;
    }
	
    tr.inforow td {
      padding: 0;
    }
    
    div.infodivdown {
      border: 1px solid #7e85be;
        height: 70px; 
      /*height: 100%;*/
	  background-color: #f4f3f8;
    }

    div.infodivdownko {
      border: 1px solid #7e85be;
        height: 260px; 
      /*height: 100%;*/
	  background-color: #f4f3f8;
    }
	
    div.infodivdownbmtl {
      border: 1px solid #7e85be;
      height: 73px;
	  background-color: #f4f3f8;
    }
    
    div.summary {
      font-family: Verdana, Arial, Helvetica, sans-serif;
	  line-height: 12px;
	  font-size: 12px;
	  float: left;
	  width: 654;
      /* background-color: #f4f3f8;*/
      /*height: 100%;*/
	  padding:4px;
    }
    
    div.barsivdown {
      width: 654;
      height: 100%;
    }
	
    a.see_prj {
      color: #f00;
      text-decoration: none;
    }
    a.see_prj:hover {
      color: #f00;
      text-decoration: underline;
    }
	
	

/*===============================================================

	N A V I G A T I O N 
	
=================================================== =NAVIGATION */

#main_nav { list-style: none; margin: 0; padding: 0; }

#main_nav:hover li a#webdesign { background-position: -280px; }
#main_nav:hover li a#home { background-position: -206px; }
#main_nav:hover li a#graphicdesign { background-position: -340px; }
#main_nav:hover li a#contact { background-position: -232px; }
#main_nav:hover li a#about { background-position: -242px; }
#main_nav:hover li a#seo { background-position: -540px; }


/* ACCESSIBLE ROLL OVERS */
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 72px; } 

#home { background: url(home.gif); width: 103px; }
#home:hover { background: url(home.gif) 0 0 !important; }
#home.active { background: urlhome.gif) -103px 0; }

#about { background: url(about.gif); width: 121px; }
#about:hover { background: url(about.gif) 0 0 !important; }
#about.active { background: url(about.gif) -121px 0; } 

#webdesign { background: url(webdesign.gif); width: 140px; }
#webdesign:hover { background: url(webdesign.gif) 0 0 !important; }

#graphicdesign { background: url(graphicdesign.gif); width: 170px; }
#graphicdesign:hover { background: url(graphicdesign.gif) 0 0 !important; }
#graphicdesign.active { background: url(graphicdesign.gif) -170px 0; } 

#seo { background: url(seo.gif); width: 281px; }
#seo:hover { background: url(seo.gif) 0 0 !important; }
#seo.active { background: url(seo.gif) -260px 0; } 

#contact { background: url(contact.gif); width: 116px; }
#contact:hover { background: url(contact.gif) 0 0 !important; }
#contact.active { background: url(contact.gif) -116px 0; }