/**********************************************************************************************

	Title: Graffiti CMS
	Theme: ELAD Group Canada
	Author: PBNJ
	Date: January 2009

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility links
			3.2 Masthead
			3.3 Navigation
			3.4 Search
			3.5 Header
			3.6 Content
			3.7 Sidebar
			3.8 Footer
					
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
	background:#808387 url('images/bg-main-1.gif') no-repeat bottom left;
	color: #42474a;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 {
	color: #d2033b;
}
h2 {
	color: #d2033b;
}
h3 {
	color: #d2033b;
}
p {text-align:justify;}
/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
.form_field input {
	width:350px;
}

input.field, textarea {
	width:350px;	
}

/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a {
	color: #a63a1d;
}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

#PageContainer {
	background-color:#bec1c6;
	margin:20px auto 5px auto;
	width:975px;
	text-align:left;
}
div.shadowTop {
	background:#abaeb3 url('images/bg-shadow-top.gif') no-repeat top left;
	width:975px;
	height:10px;
}
div.shadowMid {
	background:#abaeb3 url('images/bg-shadow-mid.gif') repeat-y top left;
	width:975px;
}
div.shadowBot {
	background:#abaeb3 url('images/bg-shadow-bot.gif') no-repeat top left;
	width:975px;
	height:10px;
}
#ContentOuter {
	background-color:#bec1c6;
	border:solid 1px #c8cbd0;
	width:955px;
	min-height:400px;
	text-align:left;
	margin:0px 10px 0 10px;
}
#ContentInner {
	margin:15px;
	padding:15px;
	background:#f2f3f5 url('images/bg-content-2.gif') no-repeat bottom left;
	min-height:520px;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
#header {
	/*background: #74c1ce url(images/bg_header.jpg) no-repeat;*/
}
.main-container {
	/*background-color: #fff;*/
	border-bottom: 0px solid #ebe8df;
}

.main-container .container {
	/*background: url(images/faux_column_sidebar.png) repeat-y;*/
	background-image: none;
}

.footer-container {
	border-top: 0px solid #999;
	/*background-color: #f3f1e6;*/
}

#sidebar {
	background-color: #eeebc8;
}

/* Homepage layout */

.home #header {
	/*background-image: url(images/bg-header-home-1.jpg);*/
	height:180px;
}

.home #content {
	width: 895px;
}
.home .main-container .container {
	background-image: none;
}


/* 3.1	Accessibility links
-----------------------------------------------------------------------------------------------*/	



/* 3.2	Masthead
-----------------------------------------------------------------------------------------------*/	

#masthead h1 span,
#masthead a span {
	background-image:	url(images/elad-logo-2.gif);
}

#masthead a {
	color: #fff;
}

/* 3.3	Navigation
-----------------------------------------------------------------------------------------------*/

#navigation ol {
	/*background-image: url(images/bg_navigation.png);*/
}


/* 3.4	Search
-----------------------------------------------------------------------------------------------*/	

.search input.field {
	border-color: #2a2822;
}


/* 3.5	Header
-----------------------------------------------------------------------------------------------*/	

#header p {
	color: #fff;
}

.home #header p {
	right: 470px;
}
		
.home #header .upcoming-events {
	width: 430px;
	height:180px;
	padding: 0 20px 0 20px;
	background: #91ad3a url('images/bg-home-right-1.gif') repeat-y top left;
}	

.home #header .upcoming-events, 
.home #header .upcoming-events h2 {
	color: #f6f5f1;
}

.home #header .upcoming-events p {
	font-size: 1.1em;
	line-height:1.4em;
	font-weight:bold;
	font-family:Verdana;
}
.home #header .upcoming-events .vevent {
	width: 280px;
}

/* 3.6	Content
-----------------------------------------------------------------------------------------------*/	

#content table {
	color: #4a4942;
}

#content th {
	background: #f2f2eb url(images/bg_tablehead.png) repeat-x;
}

#content tr.odd td {
	background-color: #f9f8f3;
}

.inner-content-container {
	width: 895px;
	float: left;
}

.inner-content-left {
	width: 375px;
}
.inner-content-left h3 
{
	text-transform:uppercase;
	font-size:14px;
	margin:0;
}
.inner-content-right {
	width: 450px;
}


/* 3.7	Sidebar
-----------------------------------------------------------------------------------------------*/

.secondary-navigation a {
	color: #444034;
}

.secondary-navigation li {
	background-color: #faf9e9;
	border-bottom: 1px solid #eeebc8;
}

.secondary-navigation li.current {
	background-color: #e5d69a;
	border-bottom-color: #c0b06f;
}

#sidebar .newsletter input.field {
	width: 157px;
}


/* 3.8	Footer
-----------------------------------------------------------------------------------------------*/	

.sub-navigation a {
	color: #7f753c;
}


/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.vevent a {
	color: #b58928;
}
.vevent a:Link, .vevent a:Visited {color:#a63a1d;}
.vevent a:Hover, .vevent a:Active {text-decoration:underline;}

.upcoming-events {
	clear: both;
	background-color: #eeebc8;
	border-top: 5px solid #dddaba;
}

.upcoming-events a {
	color: #7f753c;
}

.upcoming-events ul {
	width: 895px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}

.upcoming-events li {
	float: left;
	width: 290px;
	color: #7f753c;
	padding: 0 0 20px 0;
}

.upcoming-events li.second-event {
	padding: 0 40px;
}

.upcoming-events li .description {
	color: #2d2d2b;
}

.upcoming-events img {
	border-color: #c0b991
}

.newsletter p {
	color: #ca4b1f;
}

.newsletter input.field {
	width: 197px;
}

.rss-feed {
	background: url(images/bg_rss_feed.png) no-repeat;
}

.rss-feed a {
	color: #b58928;
}

.news-and-updates
{
	font-size:0.85em;
}
.inner-content-right h2
{
	font-size:1.4em;
}

.news-and-updates a {
	color: #b58928;
}

.news-and-updates p a {
	color: #2d2d2b;
}

.testimonial {
	width: 288px;
	float: right;
}

.address h4 {
	font-weight: bold;
}

.team p {
	margin:0 0 8px 0;
}
/* Property/Development Listing Styles
----------------------------------------------------------- */
.property-container {
	clear:both;
}
.property-photo-main {
	float:left;
	width:211px;
	margin:0 15px 0 0;
	background:transparent url(images/prop-topbar-1.gif) top left no-repeat;
}
.property-photo-main img {
	float: left; 
	margin:11px 0 5px 0;
	display:block;
}
.property-photo-alt {
	width:58px;
	height:52px;
	margin:0 18px 5px 0;
	float: left; 
	background:transparent url(images/prop-altback-1.gif) top left no-repeat;
}
#lastAlt.property-photo-alt {
	margin:0 0 5px 0;
}

.property-photo-alt img {
	display:block;
	margin:2px;	
}

.property-address {
	margin:0px 0 0 0;
	min-height:135px;
}
.property-address p, .property-address h3 {
	margin:0;
}
.property-address h3 {
	margin-bottom:5px;	
}
.property-text {
	margin:0 100px 0 225px;
}
.property-text p {
	margin:0 0 10px 0;
}