/*
	Project Name
	==============================================================================================
	media: all
	browser: all

	Legend:
	----------------------------------------------------------------------------------------------

	1 General
		1.1 headings and paragraphs
		1.2 forms
		1.3 links
		1.4 others

	2 General elements
	3 Layout
		3.1 accessibility-menu
		3.2 header
	4 Layouts elements

*/

/*  General -1- ====================================================================================*/

	/* headings and paragraphs -1.1- -------------------------------------------------------------*/
	h1{
		font-weight: normal;
		}
	h2{
		font-weight: normal;}
	h3{
		font-weight: normal;}
	h4{
		}
	p{		
		}
	iframe{
		width: 716px;
		height: 600px;
		margin: 0 auto; }

	/* forms  -1.2- ------------------------------------------------------------------------------*/		
	input,textarea,select{
		color: #949b94;
		font: normal normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
		}
	
	/* links -1.3- -------------------------------------------------------------------------------*/		
	a{
		color: #231f20;
		font-style: italic;
		font-weight: bold;
		text-decoration: underline;}
	a:hover{
		text-decoration: none;}

	/* others -1.4- ------------------------------------------------------------------------------*/		
	hr{
		display: none;}
	strong{
		font-weight: bold;}
	em{
		font-style: italic;}

	
/*  General elements -2- ===========================================================================*/		
	
	.more{
		color: #8d8e91;
		font-style: normal;
		text-decoration: none;
		text-transform: uppercase;		
		}
		
		blockquote .quote{
			color: #aba8c6;
			font-style: italic;
			font-size: 2em;
			line-height: 1.5em;
			margin-bottom: 5px;
			}
		blockquote .author{
			margin-right: 20px;
			color: #919396;
			font-weight: bold;
			text-align: right;
			}

	/* panel -2.1- -------------------------------------------------------------------------------*/
	.panel {
		margin: 15px 0;
		}
	.panel h3 {
		background: #6f7072 url(/images/panel_h3.gif) no-repeat right top;
		color: #FFF;
		display: block;		
		cursor: pointer; 
		font-size: 1.36em;
		line-height: 1em;
		font-weight: bold;
		padding: 5px 0 5px 12px;
		}
	.panel .content {
		color: #8d8e91;
		font-size: 0.9em;
		line-height: 1.4em;
		padding: 10px 0 0 5px;
		display: none;
		}
	.panel .content em {
		color: #231f20;
		font-weight: bold;
		font-style: normal;
		}
		
	.panel.expanded h3 {
		background: #d4d5d6 url(/images/panel_h3_exp.gif) no-repeat right top;
		color: #717375;
		}
	.panel.expanded .content {
		display: block;
		}		
		

/*  Layout -3- =====================================================================================*/

	/* accessibility-menu -3.1- ------------------------------------------------------------------*/
	#accessibility-menu{
		position: absolute;
		left: -1000em;}
	
	/* header -3.2- ------------------------------------------------------------------------------*/
	#header{
		position: relative;
		}
	
		/* logo */	
		#header h1 a{
			border: 3px solid #e7e7e7;
			display: block;
			height: 69px;
			overflow: hidden;
			position: relative;
			width: 224px;
			}
		#header h1 a span{
			background: transparent url(/images/windermere_logo.gif) no-repeat left top;
			display: block;
			left: 0px;
			height: 100%;
			position: absolute;
			top: 0px;
			width: 100%;
			}
		
		/* header subheading*/
		#header p{
			height: 36px;
			left: 248px;
			overflow: hidden;
			position: absolute;
			top: 26px;
			width: 277px;
			}
		#header p span{
			background: transparent url(/images/walla-walla-valey.gif) no-repeat left top;
			display: block;
			left: 0px;
			height: 100%;
			position: absolute;
			width: 100%;
			}
			
		/* navigation */
		#header ul{
			position: absolute;
			right: 0px;
			overflow: hidden;
			top: 2px;
			}
		#header ul li{
			border-left: 1px solid #c6c7c9; 
			display: inline;
			float: left;
			line-height: 1em;
			margin-left: -1px;
			padding: 0 5px;		
			}
		#header ul li a{
			color: #c6c7c9;
			font-style: normal;
			font-weight: normal;
			text-decoration: none;
			}
		#header li a:hover, #header ul li.active a{
			color: #737577;
			}
			
	/* content -3.3- -----------------------------------------------------------------------------*/
	#content{
		border: 4px solid #cdced0;
		float: right;
		padding: 10px 5px 40px 15px;
		width: 724px;
		w\idth: 696px;
		min-height: 430px;
		}
		
		/* layouts 			
			col[layout-number][column-number]
		*/
		#content .col11{
			float: left;
			width: 350px;
			}
		#content .col12{
			float: right;
			width: 300px;
			}
			
		
		#content h1{
			color: #919396;
			font-size: 3.09em;
			line-height: 1.2em;
			margin-bottom: 25px;
			text-transform: uppercase;
			}
		#content h2{
			color: #746f9c;
			font-size: 1.36em;
			font-weight: bold;
			margin: 25px 0 5px;
			}
		#content h3{
			color: #231f20;
			font-size: 1.09em;
			font-weight: bold;
			margin-top: 25px;
			}
		#content li{
			list-style: disc inside;
			}
		
		
	/* sidebar -3.4- -----------------------------------------------------------------------------*/
	#sidebar{
		float: left;
		width: 230px;
		}
		
		#navigation{
			font-size: 1.27em;
			line-height: 1em;
			padding: 20px 15px;
			text-align: right;
			}
		#navigation li{
			display: block;
			}
		#navigation li a{
			background: #FFF;
			color: #746f9c;
			display: block;
			font-weight: normal;
			font-style: normal;
			height: 28px;			
			overflow: hidden;
			position: relative;
			text-decoration: none;
			text-transform: uppercase;
			width: 100%;			
			}
		#navigation li a span{
			background: transparent url(/images/navigation/main.gif) no-repeat right top;
			display: block;
			left: 0px;
			height: 100%;
			position: absolute;
			top: 0px;
			width: 100%;
			}
			
			/* submenu */
			#navigation li ul{
				background: #ebeaf2;				
				font-size: 0.71em;
				line-height: 1em;
				position: absolute;
				left: -1000em;
				}
			#navigation li ul a{
				background-color: #ebeaf2;
				background-image: none;
				height: 19px;}
		
		/* active navigation item */
		#navigation li.active a{
			font-weight: bold;
			}
		#navigation li.active ul{
			position: relative;
			left: 0px;
			}
		#navigation li.active ul a{
			font-weight: normal;
			}
			
			#navigation li.properties span{
				background-position: left 0;}
			#navigation li.properties.active span{
				background-position: right 0;}

			#navigation li.our-agents span{
				background-position: left -28px;}
			#navigation li.our-agents.active span{
				background-position: right -28px;}

			#navigation li.life-in-the-valley span{
				background-position: left -56px;}
			#navigation li.life-in-the-valley.active span{
				background-position: right -56px;}

			#navigation li.services span{
				background-position: left -84px;}
			#navigation li.services.active span{
				background-position: right -84px;}

			#navigation li.my-windermere span{
				background-position: left -112px;}
			#navigation li.my-windermere.active span{
				background-position: right -112px;}
				
				
			/* properties submenu */
			#navigation li.properties li a span{
				background-image: url(/images/navigation/properties.gif);
				}
			#navigation li.properties li a.search-properties span{
				background-position: right 0px;
				}
			#navigation li.properties li a.area-map span{
				background-position: right -19px;
				}
			#navigation li.properties li a.saved-search span{
				background-position: right -38px;
				}
			#navigation li.properties li a.my-favorites span{
				background-position: right -57px;
				}
				
			/* our-agents submenu */
			#navigation li.our-agents li a span{
				background-image: url(/images/navigation/our-agents.gif);
				}
			#navigation li.our-agents li a.agent-list span{
				background-position: right 0px;
				}
			#navigation li.our-agents li a.our-philosophy span{
				background-position: right -19px;
				}
			#navigation li.our-agents li a.associations span{
				background-position: right -38px;
				}
			
			/* life in the valley submenu*/	
			#navigation li.life-in-the-valley li a span{
				background-image: url(/images/navigation/life-in-the-valley.gif);
				}
			#navigation li.life-in-the-valley li a.living-in-walla-walla span{
				background-position: right 0px;
				}
			#navigation li.life-in-the-valley li a.relocations-packet span{
				background-position: right -19px;
				}
			#navigation li.life-in-the-valley li a.facts-and-statistics span{
				background-position: right -38px;
				}
			#navigation li.life-in-the-valley li a.resources-links span{
				background-position: right -57px;
				}
				
			/* services */
			#navigation li.services li a span{
				background-image: url(/images/navigation/services.gif);
				}
			#navigation li.services li a.property-management span{
				background-position: right 0px;
				}
			#navigation li.services li a.tips-for-buyers span{
				background-position: right -19px;
				}
			#navigation li.services li a.tips-for-sellers span{
				background-position: right -38px;
				}
			#navigation li.services li a.financing span{
				background-position: right -57px;
				}
				
			/* my windermere submenu */
			#navigation li.my-windermere li a span{
				background-image: url(/images/navigation/mywindermere.gif);
				}
			#navigation li.my-windermere li a.saved-search span{
				background-position: right 0px;
				}
			#navigation li.my-windermere li a.my-favorites span{
				background-position: right -19px;
				}
			#navigation li.my-windermere li a.my-account span{
				background-position: right -38px;
				}				
		
		
/*  Layout elements  -4-  ====================================================================================*/

	.core #content{
		border: 1px solid #999a9c;
		padding: 5px;
		width: 422px;
		w\idth: 410px;
		}
		
	.core #rightbar{
		border-left: 1px solid #d4d5d6;
		float: right;
		margin-left: 22px;
		width: 280px;
		w\idth: 279px;
		}
	
	.core #rightbar .panel{
		margin : 0 0 15px 0;
		}
	.core #rightbar .panel .content{
		padding-left: 20px;		
		}
	.core #rightbar .panel .content img{
		margin: 0 0 10px;
		}
		
	#login{
		padding: 0 15px;
		text-align: right;
		}
	
	.iframe-container { margin: -10px -5px -40px -15px; text-align: center; }