@charset "UTF-8";
/* 
		Website: 	Cachet Reid
		URI:		cachetreid.com
		Author:		Rupert Ong
		
		
		COLOURS:
		
		- Background:					#e0e0e0
		- Intro Highlight:				#b4ba36
		- Intro Text:					#aaa
		- General Copy:					#666
		- Main Nav Link:				#fff
		- Sub Nav Link:					#81861c
		- Sub Nav Link (Over):			#333
		- Table/Form Hover:				#ededed
		- Image Preview Box:			#6a6e79
		- Image Preview Stroke:			#999
		- Elevation/FP Stroke:			#e9e9e9
		- Model List th:				#d5d84e
		- Model List td .home-type		#5b4e25
		- Form Status Bar				#8a61a3
		

 */

* 												{margin:0; outline:none; padding:0;}
html, body, #main-wrap 							{height:100%;}
body, input, textarea							{color: #666; font: normal 12px/17px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;}


/* DIV  */
body > #main-wrap								{height:auto; min-height:100%;}

.container										{margin: 0 auto; position:relative; width:960px;}

#header 										{height:100px;}

#middle											{height:auto; padding-bottom:300px; position:relative;}
#middle .container								{top:25px;}
#register-wrapper, #register-container,
#register-projects-menu							{display:none;}

/* CONTENT CONTAINERS */
#content										{width:700px;}
#top-content									{width:100%; margin-bottom:15px;}
#top-content h1									{border-bottom:1px solid #e5e5e5;}
#breadcrumbs									{margin-bottom:15px;}
#breadcrumbs, #breadcrumbs h4, 
#breadcrumbs a									{color:#ccc; font-size:10px; font-weight:bold;}
#breadcrumbs h4									{color:#999; display:inline;}

.move-in										{border-top:1px solid #e5e5e5; padding:10px 0; width:100%;}
.button-container								{margin:15px 0 30px;}

/* HOMEPAGE */
#home-page										{position:relative; width:880px;}
#home-page #image-container						{border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; margin-bottom:25px; padding:8px 0;}
#home-page #intro-text							{color:#888; font:italic 20px/30px Georgia, "Times New Roman", Times, serif; position:relative; width:750px;}
#home-page .highlight							{color:#b4ba36;}

/* COLUMNS */
#col-text										{float:left; width:440px;}
#col-image										{float:right; width:225px;}

/* SIDE BAR */
#sidebar										{display:none;}

#footer 										{clear:both; height:300px; margin-top:-300px; position:relative;}
#footer .bg-container 							{height:300px;}
#footer-container								{color:#333; font-size:11px; line-height:14px; margin:0 auto; position:relative; width:960px;}
#footer-container #wrapper						{left: 0; position:absolute; top:125px; width:600px;}
#footer-container #wrapper div					{float:left; margin-right:30px;}

/* FP MODULE */
.elevation-container, .fp-container				{float:left; width:224px;}
.fp-container									{margin-left:45px; width:190px;}
.elevation-container h3, .fp-container h3		{margin-bottom:15px;}

/* COMMUNITY LISTINGS */
.community-feature								{float:left; font-size:11px; line-height:14px; margin:0 41px 20px 0; text-align:center; width:144px;}
.community-feature:hover						{cursor:pointer;}
.community-feature:nth-child(4n)				{margin:0;}
.community-feature:nth-child(4n+1)				{clear:both;}

.separator										{border-bottom:1px solid #e5e5e5; height:1px; margin:10px 0; width:100%;}

/* TESTIMONIALS */
.quote											{background: url(../images/testimonials/bg_comment_top.gif) no-repeat top left; margin-bottom:20px; width:720px;}
.quote div										{min-height:80px; height:auto !important; height:80px; padding:35px 35px 0 100px; width:585px;}
.quote p										{font:italic 13px/20px Georgia, "Times New Roman", Times, serif;}
.quote .quote-bottom							{background: url(../images/testimonials/bg_comment_bottom.gif) no-repeat top left; min-height:26px; height:auto; height:26px; padding:0; width:720px;}				

/* MAIN NAVIGATION */
#main-nav, #menu-tip							{display:none;}
	

/* SUB NAVIGATION */
#sub-nav										{display:none;}


/* H  */
#print-logo										{display:block; left: 0; position:absolute; top:30px; width:235px;}
#main-logo 										{display:none;}
h1 												{color: #b4ba36; font-family: "Trade Gothic Light", Helvetica, Arial, sans-serif; font-size: 36px; font-style:normal; font-weight:100; line-height: 36px; padding-bottom:10px;}
h2												{color:#444; font-size:12px; font-weight:bold;}
h3, h4, .brown									{color:#5b4e25; font-size:12px; font-weight:bold;}
h3												{font-size:13px;}
.community-feature h3							{color:#b4ba36; font-size:11px; text-transform:uppercase;}
h5												{color:#81861C; font-size:12px;}

/* P */
p												{margin-bottom:14px;}
.uppercase										{text-transform:uppercase;}
.red											{color:#f00;}

/* A */
a:link, a:visited, a:hover, a:active			{color:#909539; text-decoration:none;}
a:hover											{border-bottom:dotted 1px #909539;}
#back-top										{display:none;}
a.button-green									{background: url(../images/common/bg_btn_green.gif); border:1px solid #9a9b82; color:#fff; font-size:11px; font-weight:bold; height:20px; overflow:hidden; padding:5px;}
a.button-green:link, a.button-green:visited, 
a.button-green:hover							{color:#fff;}
.model-list	.home-type a:hover					{color:#5b4e25;}
.model-list	.home-type a:hover					{border-bottom: dotted 1px #5b4e25;}

a.button-vr-small								{background: url(../images/communities/bg_btn_vr_small.gif) no-repeat; border:none; display:block; height:20px; margin-top:10px; text-indent:-9999px; width:90px;}


/* LISTS */
#mid-content ul, #mid-content ol				{margin:0 0 16px 40px;}

#mid-content ul.gallery							{list-style:none; margin:10px 0; padding:0;}
#mid-content ul.gallery li						{display:block; float:left; font-size:12px; height:60px; line-height:15px; margin:0 40px 0 0; width:160px;}
#content ul.vr li								{background:url(../images/gallery/bg_vr_icon.gif) top left no-repeat; margin:0; padding:10px 0 0 70px;}

/* ELEVATION GALLERY */
ul#pikame, .pika_main							{margin:0; padding:0; width:224px;}
ul#pikame										{margin-top:10px;}
.pika_caption									{margin-top:-5px; font-size:11px;}
.pika_caption strong							{color:#81861c;}
.pika_subdiv a									{background:url(../images/communities/bg_elevation_shadow.gif) 50% 100% no-repeat; border:none; display:block; padding-bottom:8px; width:224px;}
#pikame li										{border:1px solid #ccc; float:left; margin:5px 5px 5px 0;}

/* HOMEPAGE GALLERY */
#home-gallery 									{float:left; overflow:hidden; margin-bottom:10px; width:600px;}
#home-gallery-frame 							{border: 5px solid #fff; height:390px; position:absolute; width:588px;}

/* root element for the scrollable. When scrolling occurs this element stays still. */
.scrollable 									{border: 1px solid #e6e6e6; height: 401px; overflow:hidden; position:relative; width: 598px;}
.scrollable .items 								{clear:both; position:absolute; width:20000em;}
.scrollable img 								{float:left; height:400px; width:600px;}

/* TABLE */
.model-list										{border-collapse:collapse; margin-bottom:12px; width:700px;}
.model-list colgroup.name						{width:170px;}
.model-list colgroup.sq-ft						{width:70px;}
.model-list colgroup.bedrooms					{width:80px;}
.model-list colgroup.bathrooms					{width:80px;}
.model-list colgroup.price						{width:100px;}
.model-list colgroup.lot-size					{width:80px;}
.model-list colgroup.availability				{width:125px;}
.model-list colgroup.type						{width:100px;}
.model-list colgroup.description				{width:200px;}
.model-list colgroup.date						{width:80px;}
.model-list th, .model-list td					{font-size:12px; margin:0; padding:5px; text-align:left;}
.model-list th									{background:#b4ba36; color:#fff;}
.model-list td									{border-bottom:1px solid #ededed; text-align:left; vertical-align:top;}
.model-list	.home-type							{color:#5b4e25; font-weight:bold;}
.model-list .hover								{background:#f5f5f5;}


/* FORM */
#form-status									{background-color: #8a61a3; color:#fff; font-weight:bold; line-height:27px; height:27px; margin-bottom:10px; padding-left:27px;}
.form-error										{background: url(../images/form/form_error.gif) no-repeat #8a61a3;}
.form-check										{background: url(../images/form/form_check.gif) no-repeat #8a61a3;}
#contact-form									{border-top:1px solid #e5e5e5;}
#contact-form fieldset label					{float:left; font-weight:bold; margin-right:30px; width:150px;}
#contact-form fieldset input,
#contact-form fieldset textarea					{float:left; width:250px;}
#contact-form fieldset							{clear:both; padding:10px 0 10px 10px; border-bottom:1px solid #e5e5e5; border-left:none; border-right:none; border-top:none;}
#contact-form #form-panel						{display:block; margin-top:10px;}
#contact-form a.button-green					{clear:both; margin: 20px 0 0 190px; outline:none;}

/* IMG ELEMENTS */
.image-wrap 									{float: left; height: 170px; overflow:hidden; margin: 0 3px 0 0; position: relative; width: 290px;}
.image-wrap img 								{border:none; left: 0; position: absolute; top: 0;}
.model-home										{float:left; margin:0 10px 10px 0;}

.project-logo									{background: url(../images/communities/bg_logo.png); height:144px; overflow:hidden; position:relative; width:144px;}
.project-logo .logo 							{border:none; left:10px; position:absolute; top:12px;}
.project-logo a .logo							{border:none; left:0; position:relative; top:10px;}
.project-logo a:link, 
.project-logo a:visited, .project-logo a:hover	{border:none;}

div .elevation, div .floorplan					{background:url(../images/communities/bg_elevation_shadow.gif) 50% 100% no-repeat; padding-bottom:7px; width:224px;}
div .floorplan									{background-image:url(../images/communities/bg_fp_shadow.gif); width:190px;}
div .elevation img, div .floorplan img			{border:1px solid #e9e9e9;}

#image-preview									{background:#6a6e79; border:1px solid #ccc; box-shadow:2px 2px 5px #c2c2c2; color:#666; display:none; -moz-box-shadow:2px 2px 5px #c2c2c2; padding:5px; 
													position:absolute; -webkit-box-shadow:2px 2px 5px #c2c2c2;}
#image-preview img								{border:1px solid #999;}
img												{border:none;}

.left											{float:left;}
.right											{float:right;}
.margin-right									{margin-right:50px;}
.clear											{clear:both;}

/* CLEAR FIX */
.clearfix:after 								{clear: both; content:"."; display:block; height: 0; visibility: hidden;}
.clearfix 										{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix 								{height: 1%;}
.clearfix 										{display: block;}
/* End hide from IE-mac */