body {
	font-family: arial, verdana, serif;
	margin-top: 20px;
	background-color: #6387A1; 
	/*background-color: #ededce;*/
	background-image: url('images/body-bg.jpg');
	background-repeat: repeat-x;
}

img {border: 0px;}
blockquote{background-color: #EDEDCE; padding: 8px;}

#header
{
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;
	height: 120px;
}
#global-nav
{
    font-size:12px;
	padding-top: 8px;
	height: 35px;
	background-color: #6387A1;
	background-image: url('images/global-nav-bg.jpg');
	
}



#home a {
	display: block;
	float: left;
	margin-left: 14px;
	width: 61px;
	height: 35px;
	background: url("images/home.png") 0 0 no-repeat;
	text-decoration: none;
}

#home a:hover { 
	background-position: 0 -35px;
}
#listings a {
	display: block;
	float: left;
	width: 68px;
	height: 35px;
	background: url("images/listings.png") 0 0 no-repeat;
	text-decoration: none;
}

#listings a:hover { 
	background-position: 0 -35px;
}


#sellers-buyers a {
	display: block;
	float: left;
	width: 120px;
	height: 35px;
	background: url("images/sellers-buyers.png") 0 0 no-repeat;
	text-decoration: none;
}

#sellers-buyers a:hover
{ 
	background-position: 0 -35px;
}

#community a {
	display: block;
	float: left;
	width: 100px;
	height: 35px;
	background: url("images/community.png") 0 0 no-repeat;
	text-decoration: none;
}

#community a:hover { 
	background-position: 0 -35px;
}
#about-me a {
	display: block;
	float: left;
	width: 88px;
	height: 35px;
	background: url("images/about-me.png") 0 0 no-repeat;
	text-decoration: none;
}

#about-me a:hover { 
	background-position: 0 -35px;
}
#contact a {
	display: block;
	float: left;
	width: 88px;
	height: 35px;
	background: url("images/contact.png") 0 0 no-repeat;
	text-decoration: none;
}

#contact a:hover { 
	background-position: 0 -35px;
}

#global-nav ul {display: inline; list-style: none;}
#global-nav ul li {display: inline; margin-left: 8px; margin-right: 8px;}
#global-nav a {color: #FFF; font-weight: bold; text-decoration: none;}
#global-nav a:hover {color: #222; font-weight: bold; text-decoration: underline;}

#content-container
{
	min-height: 500px;
	width: 780px;
	margin: 0 auto;
	border: 1px solid #000;
	background-color: #EDEDCE;
	border: 8px solid #6c93af;
	/*border: 8px solid #bebe97;*/
	border-bottom: none;
}
#main-content
{
	width: 595px;
	
	min-height: 500px;
	float: left;
	background-color: #FFF;
	
}	
#sidebar
{
	margin-top: 10px;
	width: 180px;
	float: right;
	background-color: #EDEDCE;
}

#footer
{
	color: #6387A1;
	font-size: 12px;
	border: 8px solid #6c93af;
	/*border: 8px solid #bebe97;*/
	border-top: none;
	background-color: #EDEDCE;
	padding-top: 20px;
	height: 30px;
	width: 780px;
	margin: 0 auto;
}
.clear {clear:both}



/* Begin Images */
 p img {
   padding: 0;
   max-width: 100%;
   }
 
 /*  Using 'class="alignright"' on an image will (who would've
   thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

 img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
   }

img.alignright {
 padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }

 img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

.alignright {
  float: right;
  }

.alignleft {
float: left;
 }
 /* End Images */