/* 

This CSS stylesheet deals purely with the physical layout and element placement on the sub pages.

For individual styling of content block elements (headers, paragraphs, links, lists, etc),
see sp_style.css 

*/

* {
padding:0;
margin:0;
}

body {
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family:Georgia, serif;
font-size:95%;
background-image:url(http://www.hernameismichael.com/images/bkgrnd_site_beige.gif);
background-repeat:repeat;
}

#container { 
margin:0 auto;
width:924px;
background-color:#ffffff;
}

#row_1 {
width:924px;
height:284px;
}

#slideshow {
float:left;
width:420px;
height:284px;
background-color:#000000;
}

#buttons {
float:right;
width:496px;
height:276px;
background-color:#dfac73;
border-top:8px solid #000000;
border-right:8px solid #000000;
}

#row_2 {
width:924px;
height:263px;
background-color:#ffffff;
}

#info_area {
float:left;
width:561px;
height:263px;
background-color:#8aadc0;
border-left:8px solid #000000;
}

#logo {
float:right;
width:346px;
height:263px;
background-color:#ffffff;
border-right:8px solid #000000;
}

#logo img { /* eliminates space between images in left nav */
display: block; 
}

#spacer {
margin:0 auto;
clear:both;
height:10px;
width:924px;
}

#footer { 
clear:both;
width:908px;
background:#ffffff;
border-left:8px solid #000000;
border-right:8px solid #000000;
border-bottom:8px solid #000000;
}