<!DOCTYPE html>
<html>
<head>
    <title>AltaVista Image Search</title>
    <style>
        body { font-family: Arial, sans-serif; text-align: center; margin-top: 50px; }
        .logo-container { margin-bottom: 20px; }
        .image-search-tag { color: #004a99; font-style: italic; font-weight: bold; display: block; margin-top: -10px; }
        /* Removed background and border from the search area */
        .search-container { margin: 0 auto; width: 750px; padding: 10px; }
        .tabs { margin-bottom: -1px; }
        .tab { display: inline-block; padding: 5px 15px; background: #d3d3d3; border: 1px solid #ccc; text-decoration: none; color: #004a99; font-weight: bold; }
        .tab.active { background: #86a8d3; color: #002e62; border-bottom: 1px solid #86a8d3; }
        .search-input { width: 400px; padding: 5px; font-size: 16px; border: 1px solid #7f9db9; }
        .find-btn { background: #990000; color: white; border: 2px solid black; font-weight: bold; padding: 4px 15px; cursor: pointer; }
        .filter-row { font-size: 12px; margin-top: 10px; }
        .footer-links { margin-top: 20px; font-size: 12px; color: #004a99; }
        .footer-links a { text-decoration: underline; color: #004a99; margin: 0 5px; }
        .copyright { margin-top: 15px; font-size: 11px; color: #666; }
    </style>
</head>
<body>

    <div class="logo-container">
        <img src="logo.gif" alt="AltaVista">
        <span class="image-search-tag">Image Search</span>
    </div>

    <div class="tabs">
        <a href="index.html" class="tab">Web</a>
        <a href="indeximages.html" class="tab active">Images</a>
        <a href="indexmp3.html" class="tab">MP3/Audio</a>
        <a href="indexvideos.html" class="tab">Video</a>
        <a href="News.html" class="tab">News</a>
    </div>

    <div class="search-container">
        <form>
            <input type="text" class="search-input">
            <button type="submit" class="find-btn">FIND</button>
            
            <div class="filter-row">
                <b>Find:</b> 
                <input type="checkbox" checked> Photos 
                <input type="checkbox" checked> Graphics 
                <input type="checkbox"> Buttons/Banners
                &nbsp;&nbsp;&nbsp;&nbsp;
                <span style="font-size: 11px; color: #333;">Family Filter: <b>on</b> | <a href="#" style="color: #004a99;">Help</a></span>
            </div>

            <div class="filter-row">
                <b>Color:</b>
                <select><option>All Colors</option></select>
                <b>Sources:</b>
                <select><option>All Sources</option></select>
                <b>Sizes:</b>
                <select><option>All Sizes</option></select>
            </div>
        </form>
    </div>

    <div class="footer-links">
        <a href="#">Babel Fish Translation</a> <img src="fish-right.gif" style="vertical-align: middle;">
        <a href="#">Toolbar</a>
        <a href="#">Answers</a>
        <a href="#">Directory</a>
        <a href="#">More >></a>
    </div>

    <div class="footer-links" style="margin-top: 30px;">
        <a href="#">Business Services</a>
        <a href="#">Submit a Site</a>
        <a href="#">About AltaVista</a>
        <a href="#">Privacy Policy</a>
        <a href="#">Help</a>
    </div>

    <div class="copyright">
        © 2007 Overture Services, Inc.
    </div>

</body>
</html>