@charset "utf-8";
@import url('../css/listing.css');
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

html{ background: #000 url(../images/home-html-repeat.png) repeat-x left top; }
html.pages{ background: #fff url(../images/pages-html-repeat.png) repeat-x left top; }

body{
	background: url(../images/top-bg.jpg) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%; /* equal to 16px default */ 
	line-height:1.125em; /* 16 / 18 = 1.125 */
	text-align: center;
}

/*common style*/
ul,ol,blockquote{ padding-left: 45px; margin: 10px 0 10px 0; }
a:link,a:visited{ color: #32251b; text-decoration:none; outline-style: none; -moz-outline-style: none }
/*a:hover,a:focus{ text-decoration: underline }*/
a img{ border: none; }
.clear{clear: both;}
.hide-text{text-indent: -9999px;}
.uppercase{ text-transform: uppercase }
.font-10{ font-size: 0.625em } /* 10 / 16 = 0.625 */
.font-12{ font-size: 0.75em }
.font-14{ font-size: 0.875em }
.font-bold{ font-weight: bold; color: #B8854E; }
.color-white{ color: #fff }
.margin-left-10{ margin-left: 10px }
.margin-right-15{ margin-right: 15px }
.margin-bottom-10{ margin-bottom: 10px }
.margin-bottom-5{ margin-bottom: 5px }
.padding-right-8{ padding-right: 8px }
.padding-left-25{ padding-left: 25px }
.border-1{ border-bottom: 1px solid #000 }
.font-italic{ font-style: italic; }
.float-left{ float: left; }
.float-right{ float: right; }
.text-center{ text-align: center; }
.height-4{ height: 4px; }
img.float-left{ float: left; margin: 0px 15px 0px 0; border: 1px solid #061831;} 
img.float-right{ float: right; margin: 0px 0 0px 15px; border: 1px solid #061831;}
/*common style end*/  


#wrapper{
	margin: 0 auto;
	width: 960px;
	text-align:left;
	padding-top: 5px;
	position: relative;
}
	#top{ height: 127px; position: relative; z-index: 999; }
		ul#main-nav{ 
			width: 785px; 
			height: 62px;
			position: absolute;
			top: 0; left: 0;
			margin: 0; padding: 0;
			z-index: 999;
		}
			ul#main-nav li{ float: left; list-style-type: none; }
				ul#main-nav li a{ display: block; height: 62px; }
					li a#students{ width: 140px }
					li a#residential{ width: 179px }
					li a#corporate{ width: 177px }
					li a#about-us{ width: 162px }
					li a#for-sale{ width: 125px }
					
		a#need-maintenance{
			width: 160px;
			height: 28px;
			display: block;
			position: absolute;
			top: 0; right: 10px;
		}
		
		#top h1{
			position: absolute;
			bottom: 0;
			left: 0;
		}
			a#yar{ 
				display: block;
				width: 406px; height: 54px;
			}
	
	
	.search-bar{
		background: url(../images/search-bar.png) no-repeat top right;
		height: 52px;
	}		
	.search-bar-home{
		background: url(../images/home-search-bar.jpg) no-repeat top right;
	}
		a#search-all-listing{
			width: 290px; height: 33px;
			position: absolute;
			top: 133px; right: 2px;
			display: block;
		}
		p#breadcrumb{
			position: absolute;
			top: 160px; left: 10px;
			font-size: 0.75em;
			color: #3c2e21;
		}
		div#collapse-home, div#collapse, div#maint-collapse{
			width: 255px; height: 210px;
			border: 3px solid #000;
			/*border-top: none;*/
			position: absolute;
			top: 163px; right: 2px;
			background-color: #372B1F;
			color: #fff;
			display: none;
			padding: 0 5px 5px 25px;
            z-index: 9;
		}
        div#collapse{
            border: 3px solid #fff;
            right: 4px;
            /*border-top: none;*/
        }
		div#collapse a, div#collapse-home a{ color: #fff }
        div#collapse a:hover, div#collapse-home a:hover{ text-decoration: none }
		p#collapse, p#collapse-home{ text-align: right; margin-bottom: 5px } 
        p.collapse, p.collapse-home{ margin-bottom: 10px }
			
	#home-banner{ height: 456px; }
	
	
	.doc-body{
		background: none;
		min-height: 300px;
		height: auto!important;
		height: 300px;
		color: #494949;
	}
        .doc-body p, .doc-body ul li, .doc-body ol li{ font-size: 0.9em; color: #494949 }
        p.category{ color: #49B2C9 }
		.doc-body h2, .doc-body h3{
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 2em;
			line-height: 2em;
			color: #65523e;
			font-weight: normal;
		}
			.doc-body h2 span{ color: #49b2c9; }
		
		.doc-body h3{ font-size: 1.3em; line-height: 1.3em }
			
		div#listing-separator{ background: url(../images/listing-separator.jpg) no-repeat center; height: 19px }
		#div-1,#div-2{ float: left; height: 75px }
		#div-1{ width: 320px }
			#div-1 ul{ background:url(../images/listing-tab.png) no-repeat; width: 307px; height: 23px; margin: 8px 0 0 0; padding: 5px 0 0 0 }
				#div-1 ul li{ list-style: none; float: left; text-align: center }
				#div-1 ul li a:hover, #div-1 ul li a:focus{ text-decoration: none }
					#div-1 ul li a{ display: block; font-family: Verdana, Arial; font-size: 0.75em; text-transform: uppercase }
					#div-1 ul li a#listing{ width: 119px }
					#div-1 ul li a#interactive{ width: 187px }	
		#div-2{ width: 275px }
            #div-2 p{ font-size: 0.73em; }
		#div-3{ width: 360px; float: right; }
			form#compare-items input{ margin: 0; padding: 0; border: none }
			.items{ 
				background:url(../images/listing-compare-img.png) no-repeat; 
				width: 59px; height: 56px; 
				float: left; 
				margin-right: 10px;
				text-align: center; 
				padding: 3px 0 0 0;
			}
			.items a{ display: block; height: 38px; *height: 34px; text-decoration: none }
			.items img{  height: 34px; width: 52px; border: 1px solid #fff; margin-bottom: 3px; *margin-bottom: 0; }
			#compare-btns{ width: 77px; float: left } 
				
		#tab-5, #tab-6{ padding: 0 }
		#tab-5 div.properties{ width: 188px; float: left; margin-left: 1px; margin-right: 1px }
			div.properties div.image-holder{ background-color: #A7A09A; text-align: center; height: 118px; margin-bottom: 2px; position: relative; }
				div.properties div.image-holder img{ border: 1px solid #fff; margin-top: 5px; margin-bottom: 10px; width:162px; height: 106px }
                div.properties div.image-holder h2{ color: red; position: absolute; top: 25px; left: 0px; text-align: center; font-size: 34px; width: 188px; }
			div.properties div.info-holder{ background-color: #F2EFEB; padding: 10px 0 5px 15px }
				p#address{ color: #494949; font-weight: bold }
				p#price{ font-size: 0.75em; color: #483c30 }
				ul#add-viewprofile{ background: url(../images/add-viewprofile-btn.png) no-repeat; width: 119px; height: 21px; margin: 0.3121em 0 0 0; padding: 0 }
					ul#add-viewprofile li{ float: left; list-style-type: none }
						ul#add-viewprofile li a{ display: block; height: 21px; text-indent: -9999px }
						li a#add{ width: 35px }
						li a#view-profile{ width: 84px }
		
		#doc-hr{ background: url(../images/doc-body-hr.png) repeat-x top; height: 50px; width: 100% }
		
		/*PROFILE CSS*/
		#profile-left{ width: 635px; float: left }
			li.floorplan{ background-color: #6C6157; text-align: center; width: 146px; height: 89px; padding-top: 5px; position: relative; z-index: 2; }
			img.floorplan{ width: 138px; height: 85px; margin-bottom: 15px; clear: right; cursor: pointer; }
			h2.floorplan{ color: #49b2c9; font-family: Arial; margin-bottom: 15px; font-weight: bold; border-bottom: 1px solid #d9c3a9; line-height: normal; }
			div#info{ float: left; width: 350px }
				div#info p, div#profile-right p, div#application p{ font-size: 0.75em }
			div.total{ 
				float: left; width: 262px; 
				padding: 0; 
				text-align: right; 
				line-height: normal; 
				font-size: 3.5em; font-weight: bold; 
				color: #c5a881; 
				height: 85px;
			}
			#profile-left ul{ margin: 0; padding: 0 }
				#profile-left ul li{ list-style-type: none; float: left }
				a.floorplan{ width: 14px; height: 14px; display: block; position: absolute; left: 65px; bottom: 5px }
				.ui-tabs-nav ul li a.floorplan{ background: url(../images/floorplan-icon.jpg) no-repeat; background-position: top; }
				.ui-tabs-nav ul li.ui-tabs-selected a.floorplan{ background-position: bottom }
			
		#profile-right{ width: 280px; float: right }
			div#bedroom-bathroom{ height: 64px; border-bottom: 1px solid #d9c3a9; margin-bottom: 10px }
				div.bedroom-bathroom{ 
					float: left; 
					text-align: center; 
					position: relative; 
					width: 137px; 
					height: 64px;
					line-height: normal; 
					font-size: 4em; font-weight: bold;
					color: #49B2C9; 
                    z-index: 1;
				}
					span.bedroom-bathroom{ 
						position: absolute; 
						top: 30px; left: 25px; 
						font-family: "Times New Roman", Times, serif;
						font-size: 22px;
						font-style: italic;
						font-weight: normal;
						color: #65523E;
					}

			div#profile-btns{ padding: 10px 0 0 90px; height: 23px; text-align: left }
			div#profile-btns input{ margin: 0; padding: 0; float: left }
			
			div#feature{ float: left; width: 640px; }
				h3#feature span{ font-size: 0.65em; color: #494949 }
				div#feature ul{ background:url(../images/feature-tab.png) no-repeat; width: 420px; height: 25px; margin: 8px 0 0 0; padding: 3px 0 0 0; float: left }
				div#feature ul li{ list-style: none; float: left; text-align: center; color: #5D5248; text-transform: uppercase; font-size: 0.75em; }
				div#feature ul li a:hover, div#feature ul li a:focus{ text-decoration: none }
					div#feature ul li a{ display: block; font-family: Verdana, Arial; text-transform: uppercase }
					li#apt-feature, a#apt-feature{ width: 123px }
					li#gallery, a#gallery{ width: 80px }
					li#location, a#location{ width: 97px }
					li#video-tour, a#video-tour{ width: 119px }
					
				div#feature p.subscribe{ line-height: 14px; margin: 10px 0 0 0; padding-left: 20px; text-align: right; }
				
			div#application{ float: right; width: 274px; }
				p#application a{ color: #49b2c9 }
				p#application span{ color: #c5a881; font-size: 16px }
			
			div#feature-1, div#feature-2, div#feature-3, div#feature-4{ padding: 0; margin: 15px 0 15px 0; } 	
			div#feature-1{ background: #483B2F url(../images/doc-profile-bg.jpg) no-repeat center center; width: 955px; height: 323px; padding-top: 25px; }
				div.apt-features{ float: left; width: 270px; height: 275px; padding: 0 0 0 20px; overflow: auto; }
                div.apt-features p, div.apt-features ul, div.apt-features ol{ color: #fff; font-size: 0.8em; overflow: auto }
				h3.apt-features{ color: #c5a881; margin-bottom: 5px; }
                
                div#feature-1 img{ float: left; margin: 20px 0 0 50px; border: 2px solid #c9cbcc; width: 240px; }
                div#feature-1 ul li, div#feature-1 ol li{ color: #fff; }
					
		div#profile-separator{ background: url(../images/profile-hr.png) no-repeat center; height: 19px }
        
        div.carousel-btn{ padding:5px 0 0 250px }
        
       
        
	/*PAGES CSS*/
	.terms{ 
		background: url(../images/terms-bg.jpg) no-repeat bottom right; 
		min-height: 600px;
        height: auto!important;
        height: 600px;
	}
		.terms textarea{ background-color: #fff; width: 675px; height: 186px; } 
		p.terms { font-size: 0.75em; font-weight: bold; margin-bottom: 15px; color: #67574a }
		.terms input.textbox{ width: 200px }
    
    .online-forms{ 
        background: url(../images/terms-bg.jpg) no-repeat bottom right; 
        min-height: 600px;
        height: auto!important;
        height: 600px;
        padding-right: 470px;
    }
	
	/*COMPARE PAGE*/
	div.bar-compare{
		background: url(../images/bar-remove-listing.png) no-repeat top center; 
		height: 28px;
		margin-top: 15px;
	}
	
	div.bar-compare-bottom{
		background: url(../images/bar-full-profile.png) no-repeat top center; 
		margin-top: 3px;
	}
	
		div.bar-compare ul{ margin: 0; padding: 0 }
			div.bar-compare ul li{ list-style-type: none; float: left }
				div.bar-compare ul li a{ display: block; text-indent: -9999px; height: 28px }
				
				a#remove-1{ width: 312px }
				a#remove-2{ width: 215px }
				a#remove-3{ width: 216px }
				a#remove-4{ width: 212px }
	
	table#compare-list{ border: 0; margin: 3px 0 0 3px }
		table#compare-list tr td{ background-color: #f5f5f5; padding: 10px; color: #483c30; font-size: 12px }
		table#compare-list tr td.td-1{ 
			background-color: #f2efeb; 
			 width: 97px; *width: 98px;
			height: 172px; 
			padding: 0;
			margin-right: 3px 
		}
		
        table#compare-list tr td img{ margin-bottom: 10px }
		table#compare-list tr td p{
			line-height:18px;
			padding-top:10px;
			font-size:12px;
            margin: 0; padding: 0;
		}
			table#compare-list tr td p span{
				font-weight:bold; font-size:14px
			}
		table#compare-list tr td.spacer-1{ background-color: transparent; width: 2px; padding: 0 }
		table#compare-list tr td.spacer{ background: url(../images/compare-spacer-vert.png) repeat-y; width: 3px; padding: 0 }
		
		table#compare-list tr td{ width: 190px; }
		table#compare-list tr td.td-3{ width: 192px; }
		table#compare-list tr td.td-4{ width: 193px; }
		table#compare-list tr td.td-5{ width: 188px; }
		
		table#compare-list tr#vert-spacer td.td-1,
		table#compare-list tr#vert-spacer td.spacer-1{ background-image: none; background-color: transparent; height: 2px; }
		table#compare-list tr#vert-spacer td{ background: url(../images/compare-spacer-horiz.png) repeat-x; padding: 0 }
	
	/*HOME CSS*/					
	.doc-body-home{  
        background: url(../images/shadow-home.jpg) no-repeat bottom center; 
	} 
	
		.doc-body-home #box-outer{ 
            background: url(../images/home-doc-pagetitle.jpg) no-repeat top center;
			font-family: "Times New Roman", Times, serif;
			color: #fff;
			padding: 28px 10px 30px; 
            min-height: 75px; height: auto!important; height: 75px;
		}
            .doc-body-home #box-outer .box{ width: 457px; }
            .doc-body-home #box-outer .left{ float: left; }
            .doc-body-home #box-outer .right{ float: right; }
            
            .doc-body-home #box-outer h2#title{
                display: block;
                text-indent: -99999px;
                height: 60px;
                margin: 0; padding: 0;    
            }
			#box-outer p a, #box-outer p a:visited {
				color:#c5a881;
				font-style:italic;
				text-decoration:underline;
			}
			#box-outer p a:hover {
				color:white;
			}
			.doc-body-home #box-left h2{ font-size: 2.1875em; line-height: 35px; font-weight: normal; }
			.doc-body-home #box-left h2 span{ font-style: italic; color: #c5a881 }
		.doc-body-home #box-right{ 
			width: 350px; float: right; 
			font-family: "Times New Roman", Times, serif;
			color: #fff;
			padding: 40px 0 0 0;
		}
        
        div#double-dash{
            background: url(../images/double-dash-home.png) repeat-x center center;
            height: 80px;
            width: 924;
            margin: 0 auto;
        }

/*footer css*/
div#footer-wrapper{ 
	background: url(../images/footer-bg-repeat.jpg) repeat-x top left;
    width: 100%;
	height: 365px;
}
	div#footer-center{
		background: url(../images/footer-bg-center.jpg) no-repeat top center;
		margin: 0 auto;
		width: 960px;
		height: 305px;
		text-align: left;
	}
	
		#footer-boxes{ height: 305px; color: #67574a; font-size: 0.75em; }
			#footer-box-left, #footer-box-right, #footer-box-right-home{
				width: 480px;
				float: left;
				/*overflow: auto;*/
			}
				#footer-box-left{ padding: 20px 0 0 0 }
					ul#footer-tab{
						background: url(../images/footer-nav.png) no-repeat top left;
						margin: 0; padding: 0;
						height: 28px;
					}
					.ui-tabs-hide { display: none; }
                     /*.ui-tabs-hide {
                        position: absolute;
                        left: -10000px;
                      }*/
					
					.ui-tabs-panel{ padding: 15px 20px 10px 0; }
                    #tab-2{ height: 220px; overflow: auto; }
                    /*div#tab-3{ padding-top: 0; }*/
						ul#footer-tab li{ float: left; list-style-type: none; }
							ul#footer-tab li a{
								font-family: Verdana, Arial, Helvetica, sans-serif;
								padding-top: 5px;
								display: block; 
								height: 23px; 
								text-align: center;
								text-transform: uppercase; 
							}
								ul#footer-tab li a:hover, ul#footer-tab li a:focus{ text-decoration: none }
								
								li a#rqst-apt{ width: 119px }
								li a#our-addrs{ width: 116px }
								li a#map{ width: 48px }
								li a#text-msg{ width: 141px }
					
					div#wrapper div.doc-body div.ui-tabs-nav ul li a{ color: #d8b98d; }
					div#wrapper div.doc-body div.ui-tabs-nav ul li.ui-tabs-selected a{ color: #fff; cursor: default; }
                    div.ui-tabs-nav ul li a{ color: #d8b98d; }
                    div.ui-tabs-nav ul li.ui-tabs-selected a{ color: #fff; cursor: default; }
                    
					h3#contact-us,h3#news{
						background: url(../images/contact-us.png) no-repeat;
						display: block;
						width: 145px; height: 30px;
						margin: 0 10px 15px 0;
						float: left;
					}
					p#fill-out-text{
						width: 296px;
						line-height: 1.125em;
						float: right;
					}
					form#footer-form label{
						display: block;
						text-transform: uppercase;
					}
					form#footer-form textarea{ height: 50px; overflow: auto }
					
						div.form-div{ width:220px; float:left; }
						div.form-div-right{ float: right }
						.textbox{ width: 217px; height: 18px; margin-bottom: 5px; overflow: auto; }
                        textarea#comments{ height: 53px; }
						input#submit-btn{ margin-left: 130px; margin-top: 5px }
					
				#footer-box-right-home, #footer-box-right{ padding: 65px 0 0 15px; width: 465px }
					h3#news{ background: url(../images/latest-news.png) no-repeat; margin-bottom: 8px }
					div.footer-news{ background-color: #C1B8AC;  margin-bottom: 3px; height: 54px; overflow: hidden; }
                    div.footer-news a{ display: block; line-height: normal; }
					div.even{ background-color: #D5CFC6 }
					div.footer-news img.news-footer{ float: left; margin-right: 10px; border: 3px solid #6C6157; width: 66px; height: 48px; }
				
				#footer-box-right{ padding: 20px 0 0 15px }
					#footer-box-right ul{ width: 155px; float:left; margin: 0; padding: 0; } 	
					#footer-box-right ul li a{ color: #7d6f63 }
					#footer-box-right ul li{ 
						list-style-type: none;
						line-height: 16px;
						margin-left: 7px;
					}
					#footer-box-right ul li.no-margin{ 
						margin-left: 0; 
						font-family:"Times New Roman", Times, serif; 
						font-size: 1.4em; 
						font-weight: bold;
					}
					#footer-box-right ul li.no-margin, #footer-box-right ul li.no-margin a{	color: #5d5248 }
						
	#contact-info{ background: url(../images/footer-contact-bar.png) no-repeat top center; height: 60px }
        #contact-info p{ width: 550px; float: left; }
        #contact-info h1{ float: right; }
        #contact-info h1 a{ display: block; width: 334px; height: 60px; }

/*form validation*/            
div#form label.error, label.error {
    color:red;
    display:block;
    font-size:12px;
}
div#result{ position: relative; }