AMSD Layout

HTML

<div id="wrap">
        <div id="header">
            <div id="headerLeft"></div>
        </div>

        <div id="waycontact">
            <div class="contactPaula">
                <p>paulaMACHADO</p>
                <p>crea 97877/D-MG</p>
                <p>(31) 8725 5393</p>
            </div>
            <div class="contactBeatriz">

                <p>beatrizDAMAS</p>
                <p>crea 94660/D-MG</p>
                <p>(31) 9216 6968</p>
            </div>
            <div class="address">
                <p>av. álvares cabral, 381, sl. 604, centro - belo horizonte - mg</p>
                <p>cep: 30170-000 - telefax: (31) 3222 0345</p>

                <p>[email protected]</p>
            </div>
        </div>
        <img id="logo" src="Images/AMSDLogo.png" alt="Logo da AMSD" />
   
        <div id="content">
            
<img class="left space" alt="Arquitetura" src="http://cdn.archdaily.net/wp-content/uploads/2009/05/1265154380_107-silos-090511-west-view-a4-allard-architecture-528x304.jpg" />
<h2>Sobre a empresa</h2>
<p>A AMSD é focada em qualidade..</p>


        </div>
    
        <div id="footer">
            <a class="current" href="#">home</a>
            <span class="space">|</span>
            <a href="#">quem somos</a>
            <span class="space">|</span>

            <a href="#">blog</a>
            <span class="space">|</span>
            <a href="#">na mídia</a>
            <span class="space">|</span>
            <a href="#">contato</a>
        </div>

    </div>

CSS

body
{
    font-size: 12px;
    font-family: Calibri, Arial, Georgia, Verdana, Tahoma, Microsoft Sans Serif;
    margin: 0;
    padding: 0;
}

a
{
    text-decoration:none;
   
}
a:link, a:visited
{
    color:#5B194F;
}
a:hover
{
    color: #666666;
}
a:active
{
    color: #444444;
}

p
{
    margin:2px;
}

div#wrap
{
    width:1024px;
    margin:5px auto;
    border:2px solid #ccc;
}
div#header
{
    height:180px;
    background-color: rgb(91,25,79);
}
div#headerLeft
{
    height:100%;
    width:850px;
    border-right:10px solid rgb(169, 171, 174);
    background-color: rgb(124,71,111);
}
div#footer
{
    margin-top:10px;
    text-align:center;
    position:relative;
    font-size: 1.27em;
    
}
div#content
{
    margin:auto 40px;
    width:400;
    overflow: auto;
    float:left;
    clear:both;
}


/* Others
-----------------------------------------------------------*/
div.contactPaula p, div.contactBeatriz p
{
    padding:0px;
    margin:0px;
}
div.contact, div.contactPaula, div.contactBeatriz
{
    margin-bottom:5px;
    margin-top:0px;
}
div.contactBeatriz
{
    float:right;
    text-align:right;
}
div.contactPaula
{
    float:left;
    text-align:left;
}

div.address
{
    text-align:center;
    margin-bottom:30px;
}

div#waycontact
{
    width:300px;
    float:left;
    margin:20px 40px;
}
.left
{
    float:left;
}
.hide
{
    display:none;
}
.nolist
{
    list-style: none;
}
a.current
{
    font-weight:bold;
}
span.space
{
    margin:10px;
}
div#content img.space
{
    margin-right:10px;
}

img#logo
{
 
 clear:right;   
    
}
.clear, div.address, div#footer
{
    clear:both;
}
.redborder, img#logo
{
    border:2px solid red;
}
.blueborder, div#waycontact
{
    border:2px solid blue;
}
a.remove-linkcss, body
{
    color: #666666; /** Cinza **/
}