@charset "utf-8";
/* CSS STYLE SHEET FOR THE SPRINGS APARTMENT HOMES */

/* SITE -------------------- */
body {
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003100; /* Dark Green */
	}
	
#wrapper {
	width:1014px;
	margin:0 auto;
	}
	
.overflow {
	overflow:auto;
	}
	
a {
	color:#619818;
	text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
		}

/* TOP -------------------- */
#top  {
	width:1014px;
	height:80px;
	background:url(../img/shadow_home_top.png) no-repeat bottom;
	}
	
	#top .logo {
		height:48px;
		width:205px;
		margin:15px 0px 0px 8px;
		float:left;
		}
	
	#top .navbox {
		height:50px;
		width:500px;
		margin:30px 6px 0px 0px;
		float:right;
		}
		
/* PHOTO BANNERS -------------------- */
#mainPhoto {
	position:relative;
	}
		#appRent {
			position:absolute;
			top:0px;
			right:6px;
			z-index:2;
			}
			#appRent a {
				height:125px;
				width:125px;
				display:block;
				background:url(../img/corner_app.png) no-repeat;
				}
	#mainPhoto .lftShdwHome {
		background:url(../img/shadow_home_left.png) no-repeat;
		width:8px;
		height:500px;
		float:left;
		}
	#mainPhoto .rgtShdwHome {
		background:url(../img/shadow_home_right.png) no-repeat;
		width:6px;
		height:500px;
		float:left;
		}
	#mainPhoto .lftShdw {
		background:url(../img/shadow_left.png) no-repeat;
		width:8px;
		height:300px;
		float:left;
		}
	#mainPhoto .rgtShdw {
		background:url(../img/shadow_right.png) no-repeat;
		width:6px;
		height:300px;
		float:left;
		}

	#mainPhoto .btmShdw {
		background:url(../img/shadow_home_bottom.png) no-repeat;
		width:1014px;
		height:7px;
		}
	#mainPhoto .home {
		width:1000px;
		height:500px;
		float:left;
		}
	#mainPhoto .cont {
		width:1000px;
		height:300px;
		float:left;
		}
	#mainPhoto .navBar {
		width:766px;
		height:25px;
		position:absolute;
		bottom:6px;
		left:8px;
		z-index:1;
		background:#619818;
			}
/* CONTENT -------------------- */

#content {
	width:1000px;
	margin:0 auto;
	position:relative;
	}

h1 {
	font-family:caslon_reg;
	color:#619818;
	font-size:20pt;
	}

/* POPUP BOX -------------------- */

#popHead {
	width:370px;
	height:17px;
	background:#619818;
	padding:15px 15px 10px 15px
	}
	#popHead h1 {
		font-size:21px;
		color:#f0f6b3;
		text-transform:capitalize;
		}
#popCont {
	width:380px;
	height:410px;
	overflow:auto;
	padding:10px;
	}
	#popCont ul li {
		list-style:square;
		margin:10px 0px 10px 25px;
		font-size:12px;
		}
	#popCont p {
		font-size:12px;
		color:#003100;
		}
	#popCont p .em {
		color:#619818;
		}
			
/* HOMEPAGE -------------------- */

.homeContent {
	width:1000px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	height:145px;
	background:url(../img/bg_home_center.gif) center no-repeat;
	}
	
.homeLeft {
	width:327px;
	height:140px;
	float:left;
	margin-right:10px;
	padding-left:162px;
	background:url(../img/calendar.jpg) no-repeat left bottom;
	}
	
.homeRight {
	width:489px;
	height:140px;
	float:right;
	margin-left:10px;
	background:url(../img/chair.jpg) no-repeat right bottom;
	}
.txtLeft, .txtRight {
	width:325px;
	height:110px;
	margin-top:10px;
	}
	.txtLeft a, .txtRight a {
		color:#619818;
		size:10px;
		text-decoration:none;
		text-transform:capitalize;
		float:right;
		margin-top:5px;
		}
		.txtLeft a:hover, .txtRight a:hover {
			color:#003100;
			}
			
/* PAGES CONTENT -------------------- */

#pageContent {
	width:1000px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	}
	
	.pgTxt {
		border-top:solid 1px #c0d6a3;
		padding-top:10px;
		margin-top:10px;
		}
		
		h2 {
			font-family:caslon_reg;
			color:#619818;
			font-size:24px;
			text-transform:capitalize;
			}
			
		h3 {
			font-family:caslon_reg;
			color:#619818;
			font-size:17px;
			text-transform:capitalize;
			}
		p {
			margin:0px 0px 8px 0px;
			line-height:15px;
			text-align:justify;
			font-size:12px;
			}
			
			p a {
				color:#619818;
				text-decoration:none;
				}
				p a:hover {
					text-decoration:underline;
					}
#sidebar {
	z-index:2;
	min-height:434px;
	width:238px;
	position:absolute;
	top:-94px;
	right:9px;
	margin-bottom:10px;
	}
	#sidebar .quote {
		height:121px;
		width:194px;
		padding:25px 22px 19px 22px;
		background:url(../img/bg_quote.png) no-repeat top;
		}
		#sidebar .quote p {
			text-indent:22px;
			color:#f0f6b3;
			font-size:11px;
			line-height:13px;
		}
		#sidebar .txt {
			border-top:solid 1px #c0d6a3;
			padding: 5px 0px 0px 0px;
			margin:5px 5px 5px 7px;
			}
			#sidebar .txt p {
				margin-top:8px;
				font-size:11px;
				line-height:13px;
				}
			#sidebar .qCredit {
				color:#f0f6b3;
				float:right;
				}
	
	/* LOCATION STYLES -------------------- */	
	
	.txtLocation {
		width:362px;
		height:370px;
		margin-left:5px;
		float:left;
		}
		
		.mapLocation {
			width:370px;
			height:340px;
			margin-left:10px;
			float:left;
			}
			
	/* LIFESTYLE STYLES -------------------- */
	
	.txtLifestyle {
		width:745px;
		min-height:200px;
		margin-left:5px;
		}
	.navLifestyle {
		}
		.navLifestyle ul li a {
			border:solid 1px #c0d6a3;
			height:172px;
			width:235px;
			display:block;
			}
			.navLifestyle ul li a:hover {
				border-color:#619818;
				}
			.navLifestyle ul li a.home{
				background-image:url(../img/spot_home.jpg);
				margin-right:12px;
				float:left;
				}
			.navLifestyle ul li a.comm {
				background-image:url(../img/spot_community.jpg);
				margin-right:12px;
				float:left;
				}
			.navLifestyle ul li a.pet {
				background-image:url(../img/spot_pet.jpg);
				float:left;
				}
				
	#walkscore  {
		width:226px;
		height:300px;
		overflow:hidden;
		margin-left:5px;
		}
		
/* TOUR STYLES -------------------- */

.navBar a {
	background:url(../img/subnav.png) repeat-x;
	background-position:0px 0px;
	height:15px;
	display:block;
	padding:5px 15px 5px 15px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	text-transform:capitalize;
	color:#f0f6b3;
	float:left;
	text-decoration:none;
	}
	.navBar a:hover, .navBar a.active {
		background-position:0px -25px;
		}
		
#sideTour {
	margin-top:10px;
	}
	#sideTour img {
		margin-bottom:10px;
		margin-left:10px;
		}

/* GALLERY */

.txtGallery {
	width:745px;
	margin-left:5px;
	}

#gallery a {
	width:174px;
	height:84px;
	display:block;
	border:solid 2px #727853;
	float:left;
	margin:4px; 
	}
	#gallery a:hover {
		border-color:#619818;
		}
		
/* FLOORPLANS */

.txtFloorplans {
	width:745px;
	min-height:160px;
	margin-left:5px;
	}
	.floorplans a {
		margin:0px 6px;
		}
/* AVAILABILITY */

.txtAvailable {
	width:745px;
	min-height:400px;
	margin-left:5px;
	}
/* Residents -------------------- */

/* NEWS */
.newsArt {
	margin:5px 0px;
	padding-bottom:5px;
	border-bottom:solid 1px #c0d6a3;
	}
	.newsTitle {
		float:left;
		color:#619818;
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		}
	.newsDate {
		float:right;
		margin-right:20px;
		}
	.newsTxt {
		margin:8px 0px 0px 0px;
		}
		
/* EVENTS */

.eventArt {
	margin:5px 0px;
	padding:5px 0px;
	border-bottom:solid 1px #c0d6a3;
	}
	.eventTitle {
		color:#619818;
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		}
	.eventDate {
		margin:8px 0px 4px 0px;
		}
	.eventTxt {
		margin:8px 0px 0px 0px;
		}
		
	.dateBox {
		float:left;
		margin-right:5px;
		border-bottom:#e2e2e2 solid 1px;
		border-right:#e2e2e2 solid 1px;
		}
		.dateBox .mo {
			background-color:#619818;
			color:#F0F6B3;
			text-transform:uppercase;
			font-size:10px;
			text-align:center;
			padding:4px;
			}
		.dateBox .day {
			background-color:#F0F6B3;
			color:#619818;
			text-transform:uppercase;
			font-weight:bold;
			text-align:center;
			padding:3px;
			border:solid 1px #619818;
			}
			
/* UTILITIES */

.txtUtil {
	width:745px;
	height:400px;
	margin-left:5px;
	}			
	.pgTxt tr {
		margin-bottom:5px;
		border-bottom:solid 1px #c0d6a3;
		}
		.pgTxt td {
			vertical-align:middle;
			height:50px;
			padding-right:10px;
			}
/* CONTACT -------------------- */			

.txtContact {
	width:745px;
	height:350px;
	margin-left:5px;
	}
	
/* ADMIN -------------------- */
	
.txtAdmin {
	width:740px;
	min-height:350px;
	margin-left:5px;
	}
	
.edTitle {
	font-size:11px;
	margin:5px;
	}
	
	.pgTxtAdmin {
		border-top:solid 1px #c0d6a3;
		padding-top:10px;
		margin-top:10px;
		}
		
/* FOOTER -------------------- */
#footer {
	width:1000px;
	margin:0 auto;
	border-top:solid 1px #c7c9ba;
	padding-top:5px;
	margin-top:5px;
	font-size:10px;
	color:#727853;
	z-index:3;
	}
	#footer a {
		text-decoration:none;
		color:#727853;
		}
		#footer a:hover {
			color:#619818;
			}
	 	#footer .credit a {
			height:10px;
			width:10px;
			overflow:hidden;
			display:block;
			background:url(../img/octane-credit.gif) no-repeat;
			float:right;
			margin-top:1px;
			}
			#footer .credit a:hover {
				background-position:-10px 0px;
				}
				
/* FORMS -------------------- */

/* MAINT REQUEST */

form#maint input, form#maint textarea {
	border:solid 1px #619818;
	width:99%;
	margin:2px 0px 5px 0px;
	}
	form#maint textarea {
		height:140px;
		}
form#maint input#submit, form#maint input#reset {
	width:100px;
	border:solid 1px #619818;
	background-color:#FFF;
	color:#619818;
	}
	form#maint input#submit:hover, form#maint input#reset:hover {
		background:#619818;
		color:#FFF;
		cursor:pointer;
		}
		
/* CONTACT */

.left {
	float:left;
	margin-top:20px;
	}
.right {
	float:right;
	margin-right:10px;
	margin-top:20px;
	}
form#contact input, form#contact textarea {
	border:solid 1px #619818;
	width:200px;
	margin:2px 0px 5px 0px;
	}
	form#contact textarea {
		height:133px;
		width:500px;
		}
form#contact input#submit, form#contact input#reset {
	width:75px;
	border:solid 1px #619818;
	background-color:#FFF;
	color:#619818;
	float:right;
	margin-right:5px;
	}
	form#contact input#reset {
		margin-right:0px;
		}
	form#contact input#submit:hover, form#contact input#reset:hover {
		background:#619818;
		color:#FFF;
		cursor:pointer;
		}
		
/* ADMIN */

form select.time {
	border:solid 1px #619818;
	margin:2px 0px 5px 0px;	
	}

form input.admin, form textarea.admin, form select.admin {
	border:solid 1px #619818;
	width:200px;
	margin:2px 0px 5px 0px;
	}
	form textarea.admin {
		height:250px;
		width:500px;
		}
form input#submit, form input#reset, form input.login {
	width:75px;
	border:solid 1px #619818;
	background-color:#FFF;
	color:#619818;
	float:right;
	margin-right:5px;
	}
	form input#reset {
		margin-right:10px;
		}
	form input.login {
		float:none;
		text-transform:capitalize;
		}
	form input#submit:hover, form input#reset:hover, form input.login:hover {
		background:#619818;
		color:#FFF;
		cursor:pointer;
		}