/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
  - Body
  - Wrapper
  - Header
  - Sidebar
  - Content
  - Footer
  ( Navigation is defined in nav.css )
  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/
@import url(http://users.lucidcrew.com/jscripts/thickbox.css);
@import url(global/base.css);
@import url(global/style.css);
@import url(nav_horiz.css);
@import url(pages/realestate.css);
@import url(pages/articles.css);
@import url(pages/ajax_articles.css);
@import url(pages/contact.css);
@import url(lightbox.css);

/* BODY 
----------------------------------------------------------------*/

body {
	margin: 0 auto;
	text-align: center;
	font: 76%/1.3em Arial, Helvetica, sans-serif; /* resets 1em to 10px */
	background: url(../images/back_body.gif) repeat 0 0;
	color: #666;
}
/* WRAPPER
----------------------------------------------------------------*/
#wrapper {
	/* background: url(../images/back_content1.png) repeat-y center 57px; */
	background-color: #fff;
	width: 768px;
	margin: 0 auto;
	text-align: center;
	clear: both;
}
/* HEADER
----------------------------------------------------------------*/
#header {
	background: url(../images/back_header.jpg) no-repeat center top;
	width: 100%; 
	height: 247px;
	text-align: center;
}

#branding {
	background: transparent url(../images/back_branding.gif) no-repeat 33px 40px;
	width: 100%; height: 242px;
	text-indent: -9000px;
	clear: both;
}

/* CONTENT
----------------------------------------------------------------*/
#content {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	padding-bottom: 2em;
}

/* MAIN
----------------------------------------------------------------*/
#main {
  float: right; /* Creates a left sidebar */
  width: 420px;
  margin: 0 auto 20px auto;
  text-align: left;
  background: #dad7a2 url(../images/back_main2.gif) no-repeat center bottom;
}
#main h2{
  background: #dad7a2 url(../images/back_main.gif) no-repeat center top;
  color: #85361b;
  text-indent: -9000em;
  padding: .75em;
  margin: 0 0;
}

#main p{
  margin: 0 2.5em 2em 2.5em;
  line-height: 1.4em;
  color: #85361b;
  text-align: justify;
}
#main a{
  color: #000;
}



/* SECONDARY CONTENT
----------------------------------------------------------------*/
#secondary {
  float: left; /* Creates a left sidebar */
  width: 321px;
  margin: 0 5px 0 0;
  overflow: hidden;
}


/* FOOTER
----------------------------------------------------------------*/
#footer {
	/*background: url(../images/back_footer1.png) no-repeat center top; */
	width: 100%; height: 40px;
	text-align: center;
}
#copy, #copy a {
	color: #fff;
	line-height: 3em;
}