<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>SERTEM ORGANIK</title>

<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>

<script type="text/javascript" src="ddaccordion.js">

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>


<script type="text/javascript">


ddaccordion.init({
	headerclass: "submenuheader", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "<img src='star_on.gif' class='statusicon' />", "<img src='star_off.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})


</script>


<style type="text/css">

.glossymenu{
margin: 5px 0;
padding: 0;
width: 145px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossy1.gif) repeat-x bottom left;
font: italic bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossy2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid green;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #003300;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

</style>

<style type="text/css">

#marqueecontainer{
position: relative;
width: 135px; /*marquee width */
height: 230px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid green;
padding: 2px;
padding-left: 4px;
}

.style9 {font-family: Arial, Helvetica, sans-serif}
</style>

<script type="text/javascript">

/***********************************************
* Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var delayb4scroll=1500 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee


</script>

</head>

<body background="Logo7.jpg">
    <table id="Table_01" align="center" width="800" height="394" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td valign="bottom">
			<img src="images/taban_01.gif" width="800" height="28" alt=""></td>
	</tr>
	<tr>
		<td style="background-image: url(images/taban_02.gif); height:auto" valign="top">
    <table align="center">
  <tr>
    <td colspan="2" align="center"><table align="center">
        <tr>
            <td style="width: 100px">
                <img src="Logo.jpg" /></td>
            <td style="width: 100px" valign="top"><img src="cubuksari5.gif" border="0" usemap="#Map" />
              <map name="Map" id="Map">
                <area shape="rect" coords="332,4,389,21" href="egitimlerimiz.htm" />
              <area shape="rect" coords="398,4,457,21" href="ourtrainings.htm" /></map><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="464" height="88"><param name="movie" value="ust.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent">
     <embed src="ust.swf"
      quality="high"
      type="application/x-shockwave-flash"
      WMODE="transparent"
      width="464"
      height="88"
      pluginspage="http://www.macromedia.com/go/getflashplayer" /></object></td>
        </tr>
    </table>
        <img src="cubukincesari5.gif" /></td>
  </tr>
  <tr>
    <td valign="top"><table style="color: #006600">
        <tr>
                        <td style="width: 50px" valign="top">
                            <div class="glossymenu">
<a class="menuitem" href="index.htm">Ana Sayfa</a>
<a class="menuitem submenuheader" href="index.htm" >Hakkımızda</a>
<div class="submenu">
	<ul>
	<li><a href="firmamiz.htm">Firmamız</a></li>
	<li><a href="ilkelerimiz.htm">Ilkelerimiz</a></li>
	<li><a href="egitimlerimiz.htm">Eğitimlerimiz</a></li>
	<li><a href="referanslarimiz.htm">Referanslarımız</a></li>
	<li><a href="sertifikalarimiz.htm">Sertifikalarımız</a></li>
	<li><a href="basindabiz.htm">Basında Biz</a></li>
	</ul>
</div>
<a class="menuitem submenuheader" href="index.htm">Ürünler</a>
<div class="submenu">
	<ul>
	<li><a href="urunler.htm">Ürün Listesi</a></li>
	<li><a href="kurutulmus.htm">Kurutulmuş Ürünler</a></li>
	<li><a href="konserveler.htm">Konserveler</a></li>
	<li><a href="purevekonsantreler.htm">Püre ve Konsantreler</a></li>
	<li><a href="meyveezmeleri.htm">Meyve Ezmeleri</a></li>
	<li><a href="digerleri.htm">Diğerleri</a></li>
	</ul>
    <img alt="" src="dal.jpg" /></div>
<a class="menuitem" href="danismanlik.htm">Danışmanlık</a>
<a class="menuitem" href="projeresimleri1.htm">Proje Resimleri</a>		
</div>
                        </td>
        </tr>
        <tr>
                        <td style="width: 50px" valign="top">
                            <div id="marqueecontainer" onmouseout="copyspeed=marqueespeed" onmouseover="copyspeed=pausespeed">
                                <div id="vmarquee" style="left: 6px; width: 98%; position: absolute">
                                    <!--YOUR SCROLL CONTENT HERE-->
                                    <h4 align="center" style="color: #003300"; font-size: 15px;>
                                        DUYURULAR<br />
                                    </h4>
                                    <p align="left" style="color: #003300; font-size: 15px;">
                                        * Menuye "Proje Resimleri" kısmı eklendi! 19 Eylül 2008 , 18:00</p>
                                    <p align="left" style="color: #003300; font-size: 15px;">
                                        * TÜM TASARIM YENİLENDİ! 27 Ağustos 2008 , 9:00</p>
                                    <p align="left" style="color: #003300; font-size: 15px;">
                                        * Sayfalar&#305;n ingilizce versiyonu eklendi. 9 Temmuz 2008 , 15:00</p>
                                    <p align="left" style="color: #003300; font-size: 15px;">
                                        * "Hakk&#305;m&#305;zda" ve "Ürünler"e ait sayfalar yenilendi. 4 Temmuz 2008 , 15:00</p>
                                    <p align="left" style="color: #003300; font-size: 15px; font-size: 15px;">
                                        * Sitemiz yap&#305;m a&#351;amas&#305;nda...</p>
                                </div>
                            </div>
                        </td>
        </tr>
                </table>
    </td>
    <td align="center" valign="top" style="font-family: Arial; font-size: 15px;">

        <img alt="" src="egitimlerimiz.gif" /><br />
        <br />
        <a style="color: darkslategray; font-family: 'Segoe Print'">Eğitimlerimiz</a><br />
        <br />
        <table cellpadding="9" style="font-size: 13px; width: 400px; color: darkslategray; font-family: Arial;">
            <tr>
                <td align="left">
                    .: Üretici E&#287;itimleri</td>
            </tr>
            <tr>
                <td align="left">
                    .: Firma Yöneticileri E&#287;itimleri</td>
            </tr>
            <tr>
                <td align="left">
                    .: Üniversite Ö&#287;rencileri E&#287;itimleri</td>
            </tr>
        </table>
            
    </td>
  </tr>
</table>
		</td>
	</tr>
	<tr>
		<td valign="top">
			<img src="images/taban_03.gif" width="800" height="86" alt=""></td>
	</tr>
</table>
    
    <table align="center" style="width: 500px; font-size: 8pt; color: darkslategray; font-style: italic; font-family: 'Segoe Print';">
        <tr>
            <td align="center">
                <a href="mailto:nleloglu@hotmail.com" style="color: darkslategray">Webmaster ~&nbsp; Engin LELO&#286;LU</a><br />
                All rights reserved Sertem Organik
                    © 2008</td>
        </tr>
    </table>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-4963513-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>

</body>
</html>