div:hover { outline: 0px solid red; }

.list_inline { position: relative; margin: 0; padding: 0; list-style: none none; display: inline; }
.list_inline li { position: relative; margin: 0; padding: 0; list-style: none none; display: inline; float: left; }

.list_none { position: relative; list-style: none none; margin: 0; padding: 0; }
.list_none li { position: relative; list-style: none none; margin: 0; padding: 0; }

.list_inside  { position: relative; list-style: inside; padding: 0; }

body { background-color: #00516c; margin: 0; padding: 0; }
body * { font-family: arial; position: relative; margin: 0; padding: 0;  }

	h1 { padding: 17px 0 0 0; color: #e66b47; letter-spacing: 0px; word-spacing: -0.2px; font-size: 25px; line-height: 28px; font-weight: lighter; }
	
	img { outline: 0; }
	a { outline: 0; }


.ast { }

.btn { display: block; overflow: hidden; }
*.btn { display: inline-block; }

#btn-resident_login.btn { height: 19px; width: 111px; }

#wrap { width: 100%; margin: auto; background: url('../img/bg.jpg') no-repeat top center; }

	#wrap-toolbar { width: 100%; height: 50px; background-color: #00afcb; }
		#toolbar { width: 960px; height: 100%; margin: auto; }
		

		#toolbar h2 { display: inline; letter-spacing: 0.12em; font-size: 12px; font-weight: normal; color: #b3e7f0; text-transform: uppercase; }
			
			#toolbar .vertical_rule { margin: 0 12px; }
			
			#toolbox-content { position: absolute; right: 0;; }
			#toolbox-content div { float: left; }
			
			#box-stay_connected { padding: 9px 0 0 0; margin: 0 1px 0 0; }
			#box-stay_connected h2 { margin: 0 5px 0 0; }
			#box-stay_connected .btn-social { margin: 0 1px; display: inline-block; height: 33px; width: 33px; vertical-align: middle; }
			
			#box-updates { width: 481px; padding-top: 18px; }
			#box-updates h2 { margin: 0; }
			#box-updates form input {  }
				#form-updates { position: absolute; right: 0px; top: 14px; width: 340px; }
				/*border 0 solid is intentional - Dont Remove*/
				#form-updates span { position: relative; border: 0px solid; }
				#form-updates label { position: absolute; width: 90px; left: 7px; top: 4px; display: none; color: #343434; font-size: 11px; }
				#form-updates .field { margin: 0 0 0 0; padding: 3px 5px 1px 5px; width: 122px; background: #f4f4f4; border: 1px solid #fff; color: #343434; font-size: 11px; }
				#form-updates .submit { margin: 0 1px 0 7px; width: 54px; height: 19px; overflow: hidden; text-indent: -9000px; text-transform: capitalize; background: transparent url('/assets/img/btn-submit.gif'); color: transparent; border: 0; cursor: pointer; }
			
			#login { width: 130px; padding: 4px 0 0 0; height: 100%; }
				#login h2 { display: block; padding: 0px 0 2px 0; width: 100%; text-align: right; letter-spacing: 0.05em; font-size: 15px; }
				#login .btn { margin-left: 22px; height: 19px; }

	#wrap-center { width: 960px; margin: 0 auto; }
		#box-live_chat { position:absolute; right: -2px; top: 81px; }
		#wrap-bg-light { position: absolute; }

		#wrap-head { width: 100%; height: 106px; }
			#logo { position: absolute; top: 0; left: 0; width: 232px; height: 105px; }
			#logo strong { font-weight: normal; }
			#menu { position: absolute; top: 31px; right: 0; height: 34px; }
				#menu ul { height: 34px; }
				#menu li { height: 34px; }
				#menu .btn { height: 34px; }
				#menu .btn .active { margin-top: -39px; }

		#wrap-body { width: 100%; overflow: hidden; }

			#body-left { width: 232px; float: left; margin-bottom: -30000px; padding-bottom: 30000px; background-color: #00afcb; }
				#body-left-content { width: 188px; margin: 22px auto; overflow: hidden; }
					#menu-secondary {}
						#menu-secondary ul {}
						#menu-secondary ul li { height: 32px; padding: 0 0 2px 0; }
						#menu-secondary .btn { height: 32px; }
						#menu-secondary .btn .active { margin-top: -32px; }
						
					#sidebar-cms { width: 188px; height: 143px; background-color: #b3e7f0; color: #01212b; font-size: 11px; }
						#sidebar-cms h2 { margin: 0 0 4px 0; font-size: 16px; color: #01212b; text-transform: uppercase; font-weight: normal; }
						#sidebar-cms-content { margin: 0 10px; padding: 10px 0; }
					    
					#sidebar-info { padding: 22px 0; font-size: 13px; line-height: 17px; color: #01212b; }
					#sidebar-info strong { color: #01212b; font-weight: bold; }
					
					#sidebar-phone { }
					#sidebar-phone h3 { padding: 0 0 4px 0; }
					#sidebar-phone .phone_number { font-size: 30px; letter-spacing: 0.0em; color: #f4c600 }
					
					#sidebar-cta { padding: 26px 0 12px 0; width: 188px; }
						#sidebar-cta li { width: 188px; height: 32px; margin: 6px 0 0 0; }
						#sidebar-cta .btn { height: 32px; }
						#sidebar-cta .btn .active { margin-top: -32px; }
						
					#box-contact_info { font-size: 12px; color: #000; }
					#box-contact_info h2 { padding: 0 0 3px 0; margin: 21px 0 14px 0; line-height: 17px; font-size: 12px; letter-spacing: 0.005em; color: #f27240; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #a1ab7f; }

			#body-right { width: 723px; float: right; margin-bottom: -30000px; padding-bottom: 30000px; background-color: #fff; }
				#body-right-content { width: 100%; }
					#stage .wrap-img { padding: 22px 0 0 0; margin: 0 22px; }
					#content { margin: 0 22px; padding: 0 0 22px 0; }
					#content h2 { margin: 0; padding: 0; color: #e66b47; font-size: 15px; font-weight: bold; letter-spacing: 0.01em; }
					#content p { padding: 7px 0 13px 0; color: #434036; line-height: 14px; font-size: 12px; }
					#content ul { margin: 0; padding: 1px 0 12px 0; width: 310px; list-style: none none outside; }
					#content ul li { position: relative; padding: 2px 0 1px 10px; font-size: 12px; line-height: 17px; color: #3b3b3b; background: transparent url('../img/pe-bullet.gif') no-repeat 0 7px; }
					#content ul li a { color: #2a64ac; }
					#content ul li a:hover { text-decoration: none; }
					#content .subheader { font-weight: bold; font-size: 11px; color: #000; }
					
					#content .ast { display: block; padding: 4px 0; font-size: 11px; color: #640635; }
					#content-left { position: relative; float: left; width: 339px; }
						
					#content-right { position: relative; float: left; width: 320px; }
					     
						#wrap-form-contact { padding: 16px 0 0 0; }
						#form-contact ul { }
						#form-contact ul li { padding: 0 0 12px 0; width: 600px; background: none; }
					   

						#form-contact label { display: block; padding: 1px 0 0 0; margin-right: 14px;  width: 204px; float: left; clear: left; color: #3b3b3b; font-size: 11px; font-weight: bold; text-align: right; }
						#form-contact input { padding: 4px 4px 2px 4px; margin: 0 5px; width: 284px; color: #3b3b3b; font-size: 11px; background: url('../img/bg-input.gif') no-repeat left top; border: none; outline: 0; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #f2f2f2; }
					
						#form-contact select { -webkit-border-radius: none; padding: 4px 2px 1px 4px; margin: 0 5px; width: 293px; color: #3b3b3b; font-size: 11px; background: url('../img/bg-input.gif') no-repeat left top; border: none; outline: 0; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #f2f2f2; }
					    #form-contact option { background: #fff; }
					    #form-contact textarea { padding: 4px 4px 2px 4px; margin: 0 5px; width: 284px; height: 103px; color: #3b3b3b; font-size: 11px; background: url('../img/bg-input.gif') no-repeat left top; border: none; outline: 0; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #f2f2f2; }
						
						#form-contact .phone-area_code { margin-right: 2px; width: 44px; }
						#form-contact .phone-first_three { margin-right: 2px; width: 44px; }
						#form-contact .phone-last_four { margin-right: 3px; width: 58px; }
						
						#form-contact .month { margin-right: 2px; width: 64px; }
						#form-contact .day { margin-right: 2px; width: 54px; }
						#form-contact .year { margin-right: 3px; width: 60px; }
                        #form-contact span.error { display: block; clear: left; margin-left: 223px; color: #bb0055; }
                        
							#box-contact-submit { position: relative; margin: 0 0 0 217px; height: 24px; width: 294px; }
							#box-contact-submit .submit { position: absolute; width: 63px; height: 24px; border: 0; color: transparent; background: transparent url('../img/btn-contact-submit.gif') no-repeat; cursor: pointer; overflow:hidden; text-indent:-999px; text-transform:capitalize; }
							#box-contact-submit .text-required { float: right; font-style: italic; font-size: 11px; }
							
						#message-thank_you { margin-left: 20px; width: 450px; }
						
						
						#wrap-gallery { padding: 13px 0; }
						#wrap-gallery ul { width: 100%; list-style: none none outside; }
						#wrap-gallery ul li { float: left; width: 140px; height: 108px; padding: 0; margin: 0; background: none; }
						#wrap-gallery ul li div { position: relative; top: 9px; width: 80%; height: 80%; margin: auto; padding: auto; }
						#wrap-gallery ul li img { width: 100%; height: 100%; }
	                    
						#box-builders_story { margin: 0 33px; padding: 35px 0; }

		#spacer { width: 100%; height: 38px; }

		#wrap-foot { width: 100%; height: 200px; }
			#foot { position: absolute; right: 0; top: 0; width: 701px; }
				#links { float: left; width: 100%; margin-bottom: 6px; font-size: 11px; }
				#contact-info { float: left; margin-bottom: 6px; font-style: normal; display: block; font-size: 11px; color: #fdfafa; }
				#disclaimer { float: left; margin: 6px 0 0 0; width: 445px; font-style: italic; font-size: 10px; font-weight: 100; color: #fdfafa; }
				#affiliates { position: absolute; top: 0; right: 0; }

#foot #links a { color: #fff; }
#foot #links a:hover { color: #f4c600; }
#foot .breaker { color: #fdfafa; margin: 0 6px; }

.hide { display: none; visibility: hidden; height: 0; }
.clear:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }

#shadow-fullpage { position: absolute; top: 104px; width: 960px; background: #fff; } 

.layoutC #body-left { display: none; }
.layoutC #body-right { width: 960px; }
.layoutC .wrap-flash { padding: 22px 0; margin: 0 22px; }

#page-index .wrap-flash { height: 475px; }

#page-about #stage .wrap-flash { padding: 22px 0 0 0; height: 314px; margin: 0 22px; }

#page-contact_us #body-left { background-color: #fff; } 
#page-contact_us #content { padding: 27px 0 0 0; }
#page-contact_us h1 { margin: 0 0 0 56px; }
#page-contact_us #message-thank_you h1 { margin-left: 0; font-size: 30px; }

#page-photo_gallery #content { margin: 0 11px; }

#page-amenities #stage .wrap-flash { padding: 22px 0 0 0; height: 281px; margin: 0 22px; }

#page-green_features #body-left-content .spacer { height: 188px; padding: 4px 0 0 0; }

#page-map_directions #stage .wrap-flash { height: 431px; }

#box-builders_story p { padding-bottom: 0; line-height: 17px; }
#box-builders_story a { color: #ddaf1d; }
#box-builders_story a:hover { text-decoration: none; }

#page-floor_plans #stage .wrap-flash { height: 431px; }

#page-vaultware #content { padding-top: 22px; }  


#page-floor_plans #myAlternativeContent { position: relative; }
	#btn-map { position: absolute; left: 29px; top: 180px; }
	#btn-map a { display: block; overflow: hidden; height: 32px; width: 252px; }

