body {  
font : normal normal normal 13px/15px Geneva, Arial, Helvetica, verdana, san-serif;
color : #ffffff;
background-color : #000000; 
padding-top : 10px;
margin : 0;
}

div, span, img {
border : 0;
}

.preloadimages img {
width : 0;
height : 0;
}

.nest {
position : absolute;
width : 774px;
height : 590px;
left : 50%;
margin : 0 0 0 -387px;
padding : 0;
}


/* ###### LAYER ONE ###### */

.layer-one {
height : 80px;
width : 100%;
margin : 0;
padding : 0;
}

.toprightflower {
float : left;
width : 275px;
height : 80px;
background : url(./images/toprightflower.gif) no-repeat; 
}

.nav-display {
float : left;
width : 100px;
height : 80px;
margin-left : 15px;
overflow : hidden;
}

.nav-icon {
float : right;
}

.nav-icon a {
float : left;
margin : 0 5px 0 5px;
height : 80px;
overflow : hidden;
}


/* ###### LAYER TWO ###### */

.layer-two {
height : 50px;
width : 100%;
margin : 0;
background : url(./images/layer_two.gif) no-repeat; 
}


/* ###### LAYER THREE ###### */

.layer-three {
height : 220px;
width : 100%;
margin : 0;
}

.midrightflower {
width : 100px;
height : 100%;
float : left;
background : url(./images/midrightflower.gif) no-repeat; 
}

.painting {
float : left;
margin : 10px 30px auto 0;
}

.egg {
width : 644px;
float : right;
overflow : hidden;
}

.egg p {
margin : 15px 30px 0 30px;
text-align : justify;
}

.yolk {
width : 100%;
float : right;
background-color : #000000;
height : 225px;
z-index : 100;
overflow : hidden;
}

iframe {
overflow : hidden;
z-index : 100;
}

/* ###### LAYER FOUR ###### */

.layer-four {
height : 150px;
width : 100%;
padding-top : 30px; 
}

.eggs-left {
width : 60px;
height : 150px;
float : left;
display : inline;
}

.eggcarton {
width : 690px;
height : 150px;
float : right;
display : inline;
}

.eggs-right {
width : 1px;
height : 150px;
float : right;
display : inline;
}


/* ###### LAYER FIVE ###### */

.layer-five {
/* smaller width (-28 for margin) to have it centered */
width : 745px;
height : 40px;
float : left;
text-align : center;
margin-left : 28px;
overflow : hidden:
}

.layer-five img {
margin : 0 0 0 20px;
}

