/*   

HOME.CSS
Contains:    Basic Layout for Homepage
For:         Lapchick & Co.
By:          Joe @ iBec Creative
             joe@ibeccreative.com
Created:     10-22-09 Joe

*/

@import 'reset.css';

/* -----  HTML & Body  ----- */
html {font-size:100.01%; height: 101%;}
body { 
    height:100%;
    font-family:'Trebuchet MS',Futura,'Lucida Sans','Lucida Grande',Helvetica,Verdana,Geneva,sans-serif;
    font-size:12px;
    background:#fff;
    color:#2b2915; }
    
/* -----  Wrap  ----- */
#wrap {
    position:relative;
    width:899px;
    height:759px;
    margin:50px auto 50px auto;
    background:#fff url('../images/bg-wrap-home.png') no-repeat 0 0; }
    
/* -----  Things  ----- */
img#logo {
    position:absolute;
    top:59px;
    left:62px; }
    
h1 {
    position:absolute;
    top:195px;
    left:195px; }
    
a { position:absolute; }
    a img { border:0; }
    a.dot1 { display:none; }
    a.dot2,
    a.dot3,
    a.dot4,
    a.dot5,
    a.dot6 { display:block; height:125px; width:125px; }
    a.dot1 { background:transparent url('../images/bg-dot1.png') no-repeat 0 0; }
    a.dot2 { background:transparent url('../images/bg-dot2.png') no-repeat 0 0; }
    a.dot3 { background:transparent url('../images/bg-dot3.png') no-repeat 0 0; }
    a.dot4 { background:transparent url('../images/bg-dot4.png') no-repeat 0 0; }
    a.dot5 { background:transparent url('../images/bg-dot5.png') no-repeat 0 0; }
    a.dot6 { background:transparent url('../images/bg-dot6.png') no-repeat 0 0; }
    a.dot2:hover,
    a.dot3:hover,
    a.dot4:hover,
    a.dot5:hover,
    a.dot6:hover { background-position: 0 -125px; }
    
/* Row 1 */
a.dot1,
a.dot2,
a.nav-home-about-us,
a.nav-home-thumbnails { top:61px; }

/* Row 2 */
a.nav-home-cause-branding,
a.nav-home-nonprofit-benefits,
a.nav-home-corporate-benefits,
a.nav-home-building-alliances,
a.nav-home-how-we-work { top:234px; }

/* Row 3 */
a.nav-home-blog,
a.nav-home-contact,
a.dot3 { top:398px; }

/* Row 4 */
a.dot4,
a.dot5,
a.dot6 { top:571px; }

/* Column 1 */
a.nav-home-cause-branding,
a.nav-home-blog,
a.dot4{ left: 68px; }

/* Column 2 */
a.dot1,
a.nav-home-nonprofit-benefits,
a.nav-home-contact,
a.dot5{ left: 232px; }

/* Column 3 */
a.dot2,
a.nav-home-corporate-benefits,
a.dot3,
a.dot6{ left:396px; }

/* Column 4 */
a.nav-home-about-us,
a.nav-home-building-alliances { left:560px; }

/* Column 5 */
a.nav-home-thumbnails,
a.nav-home-how-we-work { left:723px; }

/* -----  Description  ----- */
#description {
    position:absolute;
    display:block;
    top:393px;
    left:586px;
    width:250px; }
    #description p {
        line-height:18px;
        margin:18px 0;}