AMSD Layout

HTML

<script src="http://jquery.bassistance.de/treeview/lib/jquery.cookie.js"></script>
<script src="http://jquery.bassistance.de/treeview/jquery.treeview.js"></script>
<link rel="stylesheet" href="http://jquery.bassistance.de/treeview/jquery.treeview.css">
 <div id="wrap">

            <div id="header">

                <div id="boxRight">

                    <div id="boxLeft">

                        <img id="arquitetura" src="Images/Arquitetura.png" alt="Logo da AMSD" />

                    </div>

                </div>

                <div id="waycontact">

                    <div class="contactPaula">

                        <p>paula<span class="bold">MACHADO dfjnsd sflskfsdjfksdjflskdjfklsdjfkljsdlkfjsdlkfjalkjfjads</span></p>

                        <p>crea 97877/D-MG</p>

                    </div>

                    <div class="contactBeatriz">

                        <p>beatriz<span class="bold">DAMAS</span></p>

                        <p>crea 94660/D-MG</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>

                <a href="./">

                    <img id="logo" src="Images/AMSDLogo.png" alt="Logo da AMSD" />

                </a>

            </div>

            <div id="leftcontent">

                <div id="content">

                                <h1>AMSD Arquitetura</h1>

                        <img class="left space content-image" 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 href="./"...

CSS

body
{
    font-size: 12px;
    font-family: Calibri, Arial, Georgia, Verdana, Tahoma, Microsoft Sans Serif;
    margin: 0;
    padding: 0;
    color: #666666;
}
a
{
    text-decoration:none;
}
a:link, a:visited, ul.treeview a:visited, ul.treeview li span:visited
{
    color:#5B194F;
}
a:hover, ul.treeview a:hover, ul.treeview li span:hover
{
    color: #666666;
}
a:active, ul.treeview a:active, ul.treeview li span:active
{
    color: #444444;
}
a img
{
    border:0px;
}
h1
{
    color:#5B194F;
    margin-top:0px;
}
h2
{
    margin:5px auto;
}
p
{
    margin:2px;
}
#bindsolution-link
{
    color: #666666;
}
a#bindsolution-link:active
{
    color:rgb(91,25,79);
}
a#bindsolution-link:hover
{
    color:rgb(124,71,111);
}
/* Main
--------------------------------------------*/
div#wrap
{
    width:1024px;
    height:768px;
    margin:5px auto;
    border:2px solid #ccc;
    overflow:auto;
    position:relative;
}
div#boxRight
{
    height:99px;
    background-color: rgb(91,25,79);
}
div#boxLeft
{
    height:100%;
    width:810px;
    border-right:6px solid rgb(169, 171, 174);
    background-color: rgb(124,71,111);
}
div#footer
{
    margin:10px;
    bottom:0px; 
    text-align:center;
    font-size: 1.27em;
}
div#waycontact
{
    margin:36px 40px;
}
div#content
{
    padding-left:40px;
    height:430px;
    overflow:auto;
}
div#leftcontent
{
    width:810px;
    border-right:6px solid rgb(169, 171, 174);
}
div.contactPaula p, div.contactBeatriz p
{
    padding:0px;
    margin:0px;
}
div.contactBeatriz
{
    float:right;
    text-align:right;
}
div.contactPaula
{
    float:left;
    text-align:left;
    margin-bottom:20px;
}
div.address
{
    text-align:center;
}
img#logo
{
    position: absolute;
    top:110px;
    left:593px;

    margin:36px auto;
    width:269px;
    height:74px;
}
img#arquitetura
{
    height:85px;
    margin-left:800px;
    margin-top:8px;
}
div#powered
{
    font-size:10px;
    margin:5px auto;
    text-align:right;
   ...