Untitled

<!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=utf-8" />
    <title>Бесплатная лотерея</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="images/icon.png" />

</head>
<body>
    <div id="container">
        <div id="header">
            <a href="index.html"><img src="images/logo.png" style="float:left; " alt="" title="" border="0" /></a>
            <div id="adv">
                <img src="images/b468x60.png" alt="" title="" border="0" />
            </div>
        </div>

        <?php include 'inc/_menu.php'; ?>

        <div id="wrapper">
            <div id="content">
                <fieldset>
                    <legend>Главная</legend>
                    <center>
                        <h1>Free Medaz Loto – Бесплатная лотерея</h1>
                    </center>
                    <p><img src="images/img1.png" style="float:right; margin-left:10px;" alt="" title="" border="0" /></p>

                    <p>Название сайта и главной страницы : «Free Medaz Loto – Бесплатная лотерея» Надпись  «Free Medaz Loto» большими красивыми буквами красуется и сверху по середине сайта(кажется это называется шапкой)</p>
                    <p>Далее на голубоватом или зеленоватом (успокаивающем – приятном для глаз) фоне располагается довольно яркая(качественная) картинка – «Дядя Скрудж с довольной физиономией и со своей счастливой монеткой в руках, желательно в полный рост и в присутствии в кадре других денег) Кстати, специально с целью получения такой картинки, я скачал весь мультсериал «Утиные истории», т.к. НИ ОДНА КАРТИНКА из тех что я видел в сети мне не понравилась!!! Так что решил вырезать из мультика (и возможно отредактировать)</p>
                    <p>Напротив картинки не самым мелким, но и не крупным шрифтом текст приветствия и собственно предложение сыграть в лотерею…</p>

                </fieldset>
            </div>
        </div>

        <div id="left">
            <fieldset>
                <legend>Реклама</legend>
            </fieldset>
            <fieldset>
                <legend>100х100</legend>
                <img src="images/b100x100.png" alt="" title="" border="0" />
            </fieldset>
        </div>

        <div id="right">
            <fieldset>
                <legend>Реклама</legend>
            </fieldset>
            <fieldset>
                <legend>88х31</legend>
                <img src="images/b88x31.png" alt="" title="" border="0" />
            </fieldset>
        </div>

        <div id="foot-adv">
            <fieldset>
                <legend>Реклама</legend>
                <center>
                    <img src="images/b468x60.png" alt="" title="" border="0" />
                </center>
            </fieldset>
        </div>

        <div id="footer">
            <div id="f-text">
                Copyright &copy; <a href="http://ycnexwm.ru" target="_blank"></a> 2012 All Rights Reserved.<br />Все права защищены. Копирование материалов запрещено.
            </div>
            <div id="knopka">
                <img src="images/b88x31.png" alt="" title="" border="0" />
            </div>
            <div id="knopka">
                <img src="images/b88x31.png" alt="" title="" border="0" />
            </div>
            <div id="knopka">
                <img src="images/b88x31.png" alt="" title="" border="0" />
            </div>
        </div>
    </div>
</body>
</html>

/* CSS Document */

html,body{margin:0;padding:0}
body{background:url(../images/background-top.jpg) top fixed repeat-x #67B2C7; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; font:17px Palatino Linotype, sans-serif;   font-style:italic;}
h1 {font-size:20px; margin:0; padding:0; display:inline; color:white;}
p {text-indent:25px; margin-bottom:0; margin-top:0;}

div#header {height:90px; position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
div#logo  {background:url(../images/logo.png); height:80px; width:400px; margin:5px 0px 5px 0px;}
 #adv {float:right; margin:15px 0px 0px 0px; width: 468px; height: 60px;}

div#menu {position:relative; margin:0px 0px 0px 0px; padding:1px 0px 1px 0px;}

div#left{margin: 0}
div#right{margin: 0}

fieldset {padding:5px 5px 5px 5px; border:1px solid #ccc;}

legend {font-size:13px; color:white; text-align:left;}

div#wrapper{float:left; width:100%}
div#content{ margin: 0 175px; padding:0px 10px 0px 10px; text-align:justify; font:17px Constantia, sans-serif;   font-style:italic;}
div#left{float:left; width:175px; margin-left:-100%; text-align:center;}
div#right{float:left; width:175px; margin-left:-175px; text-align:center;}
div#footer{padding:5px 0px 5px 0px; clear:left;}
div#foot-adv{clear:left; position:relative;}
div#f-text {float:left; text-align:justify; font-size:11px; color:white; margin:0px 0px 5px 0px;}
div#knopka {margin:0px 0px 5px 5px; float:right;}


#NavigationBar1 ul.navbar
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#NavigationBar1 ul.navbar li
{
   height: 23px;
   width: 196px;
   float: left;
   margin: 0px 5px 0px 0px;
}
#NavigationBar1 ul.navbar li a
{
   display: block;
   position: relative;
}
#NavigationBar1 ul.navbar li a img
{
   position: absolute;
   z-index: 1;
   border-width: 0px;
}
#NavigationBar1 ul.navbar li span
{
   display: block;
   height: 23px;
   width: 196px;
   position: absolute;
   z-index: 2;
}