/*
* File Name     : structure.css
* Dependencies  : core.css
* Description   : defines the layout of the site
* Version       : 1.0.2
* Date Modified : 11/12/2007
* Usage         : Copyright 2007 Craig Phares. All rights reserved.
*/

/* window properties */

/* keep the scrollbar at all times - good for centered layouts */
html { min-height:100%; margin-bottom:1px; }

/* body alignment */
body { background:url(../images/global/header.gif) repeat-x #ffffff; text-align:center; }

/* useful structural elements */
.hr { background:#e3dede; }

/* global page stucture elements */
#wrapper { position:relative; margin:auto; text-align:left; width:750px; }
#header { height:155px; }
#main { padding-left:20px; }
#community { padding-left:20px; }
#footer { font-size: 13px; padding:20px; }

/* header elements */
#logo { position:absolute; width:195px; height:145px; }
#masthead { position:absolute; left:195px; width:555px; height:85px; }
#topnav { position:absolute; left:195px; top:85px; }

/* topnav elements */
#topnav .navitem { float:left; }

/* main elements */
#main #col_left { float:left; width:500px; }
#main #col_right { float:right; padding-left:20px; padding-top:5px; width:210px; }
#main #col_right .house { margin-bottom:1em; border:1px solid #cccccc; padding:4px; }

/* community elements */
#community #col_left { float:left; width:500px; padding-top:15px;}
#community #col_right { float:right; padding-left:20px; padding-top:10px; width:210px; }

/* builder elements */
#builder #col_left { float:left; width:420px; padding-top:15px;}
#builder #col_right { float:right; padding-left:20px; padding-top:10px; width:290px; }

/* contact elements */
#contact #col_left { float:left; width:400px; padding-top:15px;}
#contact #col_right { float:right; padding-left:20px; padding-top:15px; width:310px; }


/* footer elements */
#footer_left { float:left; }
#footer_right { float:left; margin-left:10px; border-left:1px solid #cccccc; padding-left:10px; }



/* homes page elements */
#content .house { margin-bottom:1em; border:1px solid #cccccc; padding:4px; }
#content .house_photo { float:left; width:310px; }
#content .house_info { float:left; width:400px; }



/* individual house pages elements */
#home #home_photo { float:left; margin-bottom:5px; border:1px solid #cccccc; padding:4px; }
#home #home_details { float:left; margin-left:0px; width:390px; }
#home #col_left { float:left; width:310px; }

#home #col_right { float:right; width:390px; }


#home #home_info { margin-right:20px; padding:20px; width:270px; background:#f5f0e1; }
#home #home_features { float:left; margin-left:0px; padding:20px; width:360px; background:#f5f0e1; }
#home #home_info .hr { background:#d1c8b0; }
#home #home_features .hr { background:#d1c8b0; }
#home #home_photos {}
#home #home_photos img { border:1px solid #cccccc; padding:2px; margin-right:4px; margin-top:5px; margin-bottom: 5px }