* {
        margin: 0;
        padding: 0;
}

img {
        border: 0;
}

body {
        font: 12px/1.5 'helvetica neue';
        color: #222;
        background: #fff;
}

#page {
        margin: 20px;
}

#header h1,
#header h2 {
        /* text-transform: uppercase;  */
        font-weight: normal;
}

#header h1 {
        font-size: 14px;
        color: #000;

       /* background-color: blue; */
}

#header h2 {
        font-size: 12px;
        color: #999;
        margin-bottom: 20px;

        background-color: red;
}

#navigation {
        list-style: none;
        /* text-transform: uppercase;    */
       position:absolute;
       top: 79px;
       left:10px;
       margin-left:10px;

       /*  float: left;  */
        width: 80px;

        font-size: 12px;

       /* background-color: green; */
}

#navigation li {
        text-align: left;
       /* width: auto; */

}

#navigation a {
        color: #000;

        margin: 0.5em 1em 0.5em 0;

        text-decoration: none;
        letter-spacing: 2px;
}

#navigation a:hover {
        color: #999;
}

#photos {
        height: 475px;

        width:600px;
        position:absolute;
        top:79px;
        left:150px;

       /* background-color: gray;  */
}

#no-idea {
        /* should not be wider than 30 * font-size (in px) for best readability */
        width: 390px;
}