@charset "utf-8";
/* CSS Document */





/******************************
/ Included Contact Area
******************************/
@import url(/css/contact.css);





/******************************
/ General Classes
******************************/
.contentPadding{
	padding:45px 15px 20px 45px;
}





/******************************
/ Home Page
******************************/
#home{
	background:url(/images/shared/background-lined_large.jpg) right 0px repeat-y;
	min-height:581px;
	overflow:auto;
}

	#home .content{
		background:url(/images/home/background-content.png) 0px bottom no-repeat;
		padding:15px 15px 0 15px;
		width:647px;
	}

	#home .content p:first-child:first-letter{
		font-size:40px;
		font-family:"Times New Roman", Times, serif;
		font-weight:bold;
		float:left;
		line-height:30px;
		padding:0 3px 0 0;
	}
	
	#home .content #buttons{
		margin:45px auto 40px auto;
		width:550px;
	}
	
	#home .content #promise_btn{
		background:url(/images/home/promise_btn.png) 0px 0px no-repeat;
		height:323px;
		width:267px;
		margin:0 0 0 10px;
	}
	
	#home .content #promise_btn a{
		margin:245px 0 0 80px;
	}
	
	#home #property{
		min-height:551px;
		padding:30px 0 0 0;
		width:283px;
	}
	
		#home #property h1{
			font-size:18px;
			margin:0 0 5px 0;
		}
	
		#home #property h2{
			font-size:12px;
		}
		
		#home .home_mls{
			background:url(/images/home/background-mls.png) 0px 0px no-repeat;
			height:458px;
			padding:0 0 0 10px;
			width:531px;
		}
		
		/* root element for scrollable */
		.vertical {  
			
			/* required settings */
			position:relative;
			overflow:hidden;	
		
			/* vertical scrollers have typically larger height than width */	
		/*	height: 665px;*/
			height: 615px;	 
			width: 283px;
		/*	background-color:#666;*/
		/*	width: 700px;*/
		/*	border-top:1px solid #ddd;*/
		}
		
		/* root element for scrollable items */
		.items {	
			position:absolute;
			
			/* this time we have very large space for height */	
			height:20000em;	
		}
		
		/* single scrollable item */
		.items div {
		/*	border-bottom:1px solid #ddd;*/
		/*	margin:10px 0;*/
		/*	padding:15px;*/
			font-size:12px;
			height:200px;
			width:283px;
			margin:0 auto;
		/*	background-color:#999;*/
			text-align:center;
		/*	margin:10px 0;*/
			padding:5px 0 0 0;
		/*	border-bottom:solid black 1px;*/
		}
		
		/* elements inside single item */
		.items img{
			display:block;
			margin:0 auto 5px auto;
			-moz-box-shadow:#000 -3px 3px 5px;
			-webkit-box-shadow:#000 -3px 3px 5px;
		/*	float:left;
			margin-right:20px;
			height:150px;
			width:200px;*/
		}
		
		.items h3{
			font-size:16px;
		/*	color:#456;
			font-weight:normal;*/
		}
		
		/* the action buttons above the scrollable */
		.actions{
			width:283px;
/*			text-align:center;*/
			padding:5px 0;
		/*	background-color:#666;*/
		/*	width:700px;*/
		/*	margin:30px 0 10px 0;	*/
		}
		
		.actions a{
		/*	font-size:11px;	*/	
			cursor:pointer;
			font-size:14px;
		/*	color:#666;*/
		}
		
		.actions a:hover {
			text-decoration:underline;
			color:#000;
		}
		
		.disabled {
			visibility:hidden;		
		}
		
		a.prevPage{
			background:url(/images/home/arrows.png) 0px 0px no-repeat;
			display:block;
			height:20px;
			margin:0 auto;
			width:55px;
		}	
		
		a.prevPage:hover{
			background:url(/images/home/arrows.png) -55px 0px no-repeat;
			display:block;
			height:20px;
			margin:0 auto;
			width:55px;
		}
		
		a.nextPage{
			background:url(/images/home/arrows.png) 0px -20px no-repeat;
			display:block;
			height:20px;
			margin:0 auto;
			width:55px;
		}	
		
		a.nextPage:hover{
			background:url(/images/home/arrows.png) -55px -20px no-repeat;
			display:block;
			height:20px;
			margin:0 auto;
			width:55px;
		}

		#home table{
			margin:8px 0 0 0;
		}
		
			#home table td{
				color:#FFF;
				padding:0px 10px 0px 10px;
			}
			
				#home table td input, #home table td select{
					margin:0 0 3px 0;
				}
		
				#home table td input{
					width:220px;
				}
		
				#home table td button{
					margin:2px 0 0 0;
				}





/******************************
/ Community Gallery
******************************/
#communityGallery table{
	margin:30px 0 0 0;
}

#communityGallery td{
	text-align:center;
	padding:5px 0;
}

	#communityGallery td a img{
		border:solid #021530 1px;
		-moz-box-shadow:#000 -3px 3px 5px;
		-webkit-box-shadow:#000 -3px 3px 5px;
	}

	#communityGallery td a:hover img{
		border:solid #E1C78F 1px;
	}

	#communityGallery td a{
		color:#021530;
		font-weight:bold;
		text-decoration:none;
	}
	
	#communityGallery td a:hover{
		color:#fff;
	}





/******************************
/ Community Gallery - iframe
******************************/
#galleryContainer{
	background:#ddcead url(/images/shared/background-content.jpg) 0px 0px no-repeat;
	height:580px;
	padding:10px;
	width:580px;
}

	#galleryContainer img{
		border:solid #000 1px;
		display:block;
		margin:0 auto;
		-moz-box-shadow:#000 -3px 3px 5px;
		-webkit-box-shadow:#000 -3px 3px 5px;
	}

	#galleryContainer h1{
		font-size:24px;
	}





/******************************
/ Our Team
******************************/
#lined_large{
	background:url(/images/shared/background-lined_large.jpg) right 0px repeat-y;
	min-height:581px;
	overflow:auto;
	position:relative;
}

.team{
	padding:45px 0 20px 45px;
	position:relative;
}

	.team p{
		margin:0 0 30px 30px;
		width:330px;
	}
	
	.team table{
		margin:0 0 0 30px;
	}
	
		.team table td{
			padding:17px 0;
		}
	
			.team table td img{
				display:block;
				margin:0 auto;
			}
			
			.team table td a.info{
				background:#aeaeae;
				height:17px;
				width:98px;
				display:block;
				border-style:solid;
				border-width:1px;
				border-color:#cac9c8 #7a7a7a #7a7a7a #cac9c8;
				margin:0 auto;
				text-align:center;
				color:#FFF;
				text-decoration:none;
				padding:3px 0;
			}
			
			.team table td a.info:hover{
				background:#999;
				border-color:#7a7a7a;
			}
			
	.team #moreInfo{
		float:left;
		padding:0 10px;
		width:263px;
	}
			
		.team #moreInfo p{
			margin:5px 0;
			width:inherit;
		}
		
		.team #moreInfo h3{
			color:#994604;
			font-size:28px;
			text-shadow:#000 -3px 3px 5px;
		}






/******************************
/ Buying, Selling, Chain O'Lakes
******************************/
#lined_small{
	background:url(/images/shared/background-lined_small.jpg) right 0px repeat-y;
	min-height:581px;
	overflow:hidden;
	position:relative;
}

	#lined_small .content{
		min-height:581px;
		padding:45px 15px 20px 45px;
		width:695px;
	}

		#lined_small .content h1{
			font-size:36px;
		}

		#lined_small .content h2{
			font-size:20px;
		}

		#lined_small .content h3{
			color:#021530;
			font-size:16px;
			margin:20px 0 0 0;
		}
		
		#lined_small .content p{
			margin:0 0 10px 0;
		}

		#lined_small .content .indent{
			margin:5px 0 0 120px;
		}
		
		#lined_small .content ul{
			margin:0 0 0 25px;
		}
	
			#lined_small .content li span{
				color:#000;
			}
				
				

	/******************************
	/ Buying Specific
	******************************/
	#lined_small #buying{
		background:url(/images/buying/house-key.png) 10px 55px no-repeat;
	}
				
				

	/******************************
	/ Selling Specific
	******************************/
	#lined_small #selling #prepare{
		background:url(/images/selling/icon-house.png) 17px 0px no-repeat;
		padding:5px 0 0 120px;
	}
	
	#lined_small #selling #marketing{
		background:url(/images/selling/icon-sale.png) 0px 0px no-repeat;
		padding:5px 0 0 120px;
	}
	
	#lined_small #selling #closing{
		background:url(/images/selling/icon-sold.png) 0px 0px no-repeat;
		padding:5px 0 0 120px;
	}
	
	#lined_small #selling #puzzle{
		position:absolute;
		top:260px;
		right:0px;
	}
				
				

	/******************************
	/ Chain O'Lakes Specific
	******************************/
	#lined_small #chain{
		width:900px;
	}

	#lined_small #chain #copy{
		margin:21px 0 0 0;
		width:377px;
	}

		#lined_small #chain #copy p:first-child:first-letter{
			font-family:"Times New Roman", Times, serif;
			font-size:40px;
			font-weight:bold;
			float:left;
			line-height:30px;
			padding:0 3px 0 0;
		}

	#lined_small #chain #slideContainer{
		background:#cd9d77 url(/images/chain-o-lakes/background-slide.jpg) 0px 0px no-repeat;
		height:355px;
		margin:26px 11px 0 0;
		width:474px;
/*		border:solid #000 2px;
		border-color:#fff #fff #000 #000;*/
		border-color:#434343 #434343 #333 #333;
		border-style:solid;
		border-width:2px;
		padding:5px 0 0 0;
		-moz-box-shadow:#000 0px 0px 25px;
		-webkit-box-shadow:#000 0px 0px 25px;
/*		-moz-box-shadow:#333 -3px 3px 5px;
		-webkit-box-shadow:#333 -3px 3px 5px;*/
	}

		#lined_small #chain #slideContainer img{
			display:block;
			margin:0 auto;
		}

		#lined_small #chain #slideContainer #controller{
			width:400px;
			height:18px;
			margin:8px auto 0 auto;
		}

			#lined_small #chain #slideContainer a:focus{
				outline:none;
			}

			#lined_small #chain #slideContainer #controller a span{
				margin:0 0 0 -9000px;
			}

			#lined_small #chain #slideContainer #controller a#previous{
				background:url(/images/chain-o-lakes/arrows.png) 0px 0px no-repeat;
				display:inline-block;
				float:left;
				height:18px;
				width:16px;
			}

			#lined_small #chain #slideContainer #controller a#previous:hover{
				background:url(/images/chain-o-lakes/arrows.png) 0px -19px no-repeat;
			}

			#lined_small #chain #slideContainer #controller a#next{
				background:url(/images/chain-o-lakes/arrows.png) -16px 0px no-repeat;
				display:inline-block;
				float:left;
				height:18px;
				width:16px;
			}

			#lined_small #chain #slideContainer #controller a#next:hover{
				background:url(/images/chain-o-lakes/arrows.png) -16px -19px no-repeat;
			}

			#lined_small #chain #slideContainer #controller #title{
				background:url(/images/chain-o-lakes/background-title.png) 0px 0px no-repeat;
				float:left;
				height:18px;
				width:358px;
				margin:0 5px;
				text-align:center;
				font-weight:bold;
				font-family:"Times New Roman", Times, serif;
				letter-spacing:.05em;
				font-size:14px;
				line-height:18px;
			}





/******************************
/ Contact
******************************/
#contact{
	background:url(/images/shared/background-lined_small.jpg) right 0px repeat-y;
	padding:45px 15px 20px 45px;
	min-height:581px;
	overflow:auto;
}

	#contact p{
		margin:0 0 30px 30px;
		width:230px;
	}

	#contact #contactForm{
		float:left;
		margin:0 10px 0 0;
		width:350px;
/*		width:490px;*/
	}
	
		#contact #contactForm div{
			height:65px;
		}
	
		#contact #contactForm div#message{
			height:195px;
		}

		#contactForm input{
			margin:0 0 5px 0;
			width:200px;
		}
		
		#contactForm textarea{
			height:150px;
			width:300px;
		}		

		#contactForm button{
			background-color:#eeebeb;
			border-color:#c5c3c3 #b7b5b5 #b7b5b5 #c5c3c3;
			border-style:solid;
			border-width:1px;
			color:#333333;
			cursor:pointer;
			display:block;
			font-size:100%;
			font-weight:bold;
			line-height:130%;
			margin:5px 0 0 0;
			padding:5px 10px 6px 7px;
			text-decoration:none;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		#contactForm button:hover{
			background-color:#e2e0e0;
			border:solid #b7b5b5 1px;
			color:#333333;
		}
		
	#contact label.error{
		color:#C00;
		font-size:12px;
		padding:0 0 0 5px;
		vertical-align:top;
		display:block;
	}
	
	#contact #map{
		float:left;
		width:515px;
/*		width:375px;*/
	}
	
		#contact #map iframe{
			border:solid #000 1px;
			-moz-box-shadow:#333 5px 5px 5px;
			-webkit-box-shadow:#333 3px 3px 5px;
		}
	




/******************************
/ Community
******************************/
#communityContent{
	background:url(/images/community/background-content.png) left bottom no-repeat;
	color:#021530;
	min-height:565px;
	overflow:auto;
	padding:45px 15px 20px 45px;
}

	#communityContent h3{
		font-size:16px;
		margin:15px 0 5px 0;
	}

	#communityContent ul{
		list-style-type:none;
	}

		#communityContent ul li a{
			color:#021530;
		}

		#communityContent ul li a:hover{
			color:#EEE3DA;
		}
		
		#communityContent ul ul{
			margin:0 0 0 10px;
		}
		
		#communityContent td{
			vertical-align:top;
			width:33%;
		}
		
		
		
		
/**********************************************************
/	Schedule Showing
**********************************************************/
.showing_wrapper{
	height:410px;
	margin:20px auto 0 auto !important;
	width:400px;
}