MyWebPage

by salitrapraveen

HTML

<div id="content">    
    <div id="header">  
        <div id="menu">
            <ul>
                <li>HOME</li>
                <li>BIO</li>
                <li>RESUME</li>
                <li>COURSE WORK</li>
                <li>PROJECTS</li>
                <li>CONTACT</li>
                <li>creARTivity</li>
            </ul>   
        </div>        
    </div>
    <div id="">
    </div>
    <div id="footer">
        The site was last updated on August 6, 2011
        <br/><br/>
        | © 2011 - PRAVEEN SALITRA |
    </div>
</div>

CSS

body {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: Lucida Sans Unicode, Ubuntu, Serif;
    background-color: #F8F7F7; 
}

#content {
    width: 980px;
    background-color: #fff;
    margin: 0px auto;
}

#header {
    height: 130px;   
    overflow: hidden;
}

#menu {
    height: 30px;
    margin: 10px;
    top: 80px;
    position: relative;
    background-color: #212121;
    border-radius: 5px;   
    box-shadow: 2px 2px 4px #6E9BA6;
}

#menu ul {
    padding: 0px 5px 0px 5px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;    
}

#menu li {
    float: left;
    min-width: 60px;
    padding: 6px 10px 6px 10px;
    text-align: center;
    list-style: none;
    display: inline-block;    
}

#menu li:hover {
    background-color: #00627E;    
    cursor: pointer;
}

#footer {
    height: 60px;
    bottom: 0px;
    padding-top: 10px;
    background-color: #212121;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    clear: both;
}