@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%;}

#register-wrapper,
.container										{margin: 0 auto; position:relative; width:960px;}

#register-wrapper								{z-index:10;}


#header 										{background:url(../images/common/bg_header.jpg) center no-repeat #322354; height:200px;}
#register-container								{position:absolute; right:0; top:35px; width:300px; z-index:10;}

#middle											{background:url(../images/common/bg_middle.gif) 50% 0 repeat-y #e0e0e0; height:auto; padding-bottom:300px; position:relative;}
#middle .container								{top:-30px;}


/* CONTENT CONTAINERS */
#content										{margin-left:200px; position:relative; width:700px;}
#top-content									{width:720px; margin-bottom:15px;}
#top-content h1									{border-bottom:1px solid #e5e5e5;}
#breadcrumbs									{margin-bottom:15px;}
#breadcrumbs, #breadcrumbs h4, 
#breadcrumbs a:link, #breadcrumbs a:visited, 
#breadcrumbs a:hover							{color:#ccc; font-size:10px; font-weight:bold;}
#breadcrumbs a:hover, #breadcrumbs h4			{color:#999;}
#breadcrumbs a:hover							{border:none; text-decoration:underline;}
#breadcrumbs h4									{display:inline;}

/* HOMEPAGE */
#home-page										{position:relative; margin-left:-160px; margin-top:-25px; width:880px;}
#home-page #intro-text							{border-top:1px solid #e5e5e5; clear:both; color:#888; font:italic 20px/30px Georgia, "Times New Roman", Times, serif; margin:10px auto; padding:15px 50px; position:relative; text-align:center;}
#home-page .highlight							{color:#b4ba36;}
#badge-awards									{position:absolute; top:50px; left:-90px;}


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

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

/* SIDE BAR */
#sidebar										{left:-55px; position:absolute; top:-9px; width:216px;}

.community-sidebar .header,	.community-sidebar .mid,	
.community-sidebar .footer, .common-sidebar .header,
.common-sidebar .mid, .common-sidebar .footer,
.common .mid .bg-container						{width:216px;}

.community-sidebar .header						{background:url(../images/common/sidebar/bg_header_community.png) no-repeat; height:180px;}
.common-sidebar .header							{background:url(../images/common/sidebar/bg_header_common.png) no-repeat; height:125px;}
.common-sidebar .header h2						{left:40px; position:absolute; text-align:center; top:30px; width:160px;}
.community-sidebar .header .project-logo		{left:47px; top:27px;}

#sidebar .mid									{background:url(../images/common/sidebar/bg_mid.png) repeat-y;}

#sidebar .mid .wrapper							{width:170px; margin-left:32px; position:relative;}
.common-sidebar .mid .wrapper					{margin-top:-50px;}
.community-sidebar .mid .wrapper				{margin-top:0px; padding-top:15px;}

.community-sidebar .footer, 
.common-sidebar .footer							{background:url(../images/common/sidebar/bg_footer.png) no-repeat; height:25px; }

#footer 										{background:url(../images/common/bg_footer_repeat.gif) repeat-x; clear:both; height:300px; margin-top:-300px; position:relative;}
#footer .bg-container 							{background:url(../images/common/bg_footer.gif) center no-repeat; height:300px;}
#footer-container								{color:#cbcbcb; font-size:11px; line-height:14px; margin:0 auto; position:relative; width:960px;}
#footer-container #wrapper						{left: 290px; 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;}

/* READY HOMES */
#rh-gallery-container				{float:left; width:300px;}
#rh-content-container									{margin-left:20px; width:400px;}
#rh-gallery-container h3, #rh-gallery-container h3		{margin-bottom:15px;}

/* ELEVATION GALLERY */
.pikame1										{margin:0; padding:0; left: -12px; }
.ul.pikame1										{margin:10px 0 -25px 0;}
.pika_caption									{margin-top:0px; font-size:11px; width:300px}
.pika_caption strong							{color:#81861c;}
.pika_subdiv1 a									{	padding:0px; width:300px; height: 225px }
.pika_subdiv1 a:hover 							{text-decoration:none; height: 0px; background:#FFFFFF; border:0;}
.pikame1 li										{ float:left; margin:4px;}

/* COMMUNITY LISTINGS */
.community-feature								{float:left; font-size:11px; line-height:14px; margin:0 41px 20px 0; text-align:center; width:144px; position:relative;}
.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										{list-style:none; position:absolute; right:0; top:95px;}
#main-nav li									{float:left; border-right:1px solid #766190;}
#main-nav li:last-child							{border-right:none;}
#main-nav li a									{background:url(../images/common/bg_main_nav.png) repeat-x; color:#fff; border:none; display:block; float:left; font:italic 15px/30px Georgia, "Times New Roman", Times, serif; 
													height:30px; padding:0 10px; text-decoration:none;}
#main-nav li a:hover							{background-position:0 -30px;}
#main-nav li.current a							{background-position:0 -60px;}


/* SUB NAVIGATION */
#sub-nav										{list-style:none; text-align:center;}
#sub-nav li a									{background:url(../images/common/bg_sub_nav_button.gif) no-repeat 50% 100%; display:block; padding-bottom: 18px; width:100%;}
#sub-nav li:last-child a						{background:none; padding-bottom: 0;}
#sub-nav li a:link, #sub-nav li a:hover,
#sub-nav li a:visited							{font-size:12px; color:#81861c; text-decoration:none;}
#sub-nav li a:hover,			
#sub-nav li a.active:link, 
#sub-nav li a.active:visited					{color:#333; border:none;}	
#sub-nav li.current a							{color:#333;}

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

/* H  */
#main-logo 										{background:url(../images/common/hdr_logo.png) no-repeat; display:block; height: 55px; left: 0; position:absolute; text-indent:-9999px; top:30px; width:235px; }
#print-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;}


/* REGISTER DROPDOWN */
a#register-project 								{background:url(../images/common/bg_btn_register_project.gif) no-repeat; border:none; display:block; float:right; height:24px; text-indent:-9999px; width:170px;}
a#register-project.inactive						{background-position: 0 0;}
a#register-project.active						{background-position: 0 -24px;}
ul#register-projects-menu						{border:1px solid #fff; box-shadow:0px 2px 6px #333; display:none; float:right; list-style:none; -moz-box-shadow:0px 2px 6px #333; -webkit-box-shadow:0px 2px 6px #333; width:300px;}
#register-projects-menu li						{background:#e0e0e0; padding-bottom:15px; display:block;}
#register-projects-menu li:hover				{cursor:pointer;}
#register-projects-menu li a					{border:none; cursor:pointer; padding-bottom:20px;}
#register-projects-menu li img,				
#register-projects-menu li .text				{border:none; color: #34363d; float:left; font-size:11px; line-height:14px; margin:20px 0 0 20px;}
#register-projects-menu li .text h1,
#register-projects-menu li .text h2,
#register-projects-menu li .text h3,
#register-projects-menu li .text h4,
#register-projects-menu li .text h5,
#register-projects-menu li .text h6				{color:#34363d; font-size:11px;}
#register-projects-menu li .text p				{margin:0;}
#register-projects-menu li .text				{width:180px;}
#register-projects-menu li.hoverli				{background:#b9b7b7;}
#register-projects-menu li.hoverli .text,
#register-projects-menu li.hoverli .text h4	{color:#fff;}
a#win-tv										{background:url(../images/home/badge_win_tv.png) no-repeat; border:none; display:block; height:100px; left:680px; position:absolute; text-indent:-9999px; top:0px; width:100px; z-index:20;}
a#contest-rules									{background:url(../images/home/read_rules_regulations.png) no-repeat; border:none; display:block; height:7px; position:absolute; right:0; text-indent:-9999px; top:64px; width:150px;}


/* TOOLTIP */
#menu-tip 										{background:transparent url(../images/common/bg_menu_tip.png) no-repeat;  color:#fff; display:none; font:italic 12px/14px Georgia, "Times New Roman", Times, serif; height:55px; 
												 text-align:center; padding:10px 15px; width:125px; z-index:90;}

/* A */
a:link, a:visited, a:hover, a:active			{color:#909539; text-decoration:none;}
a:hover											{border-bottom:dotted 1px #909539;}
#back-top										{background: url(../images/common/btn_back_to_top.png) no-repeat; border:none; display:block; height:56px; position:absolute; left:855px; text-indent:-9999px; top:15px; width:140px;}
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:link, 
.model-list	.home-type a:visited,
.model-list	.home-type a:hover					{color:#5b4e25;}
.model-list	.home-type a:hover					{border-bottom: dotted 1px #5b4e25;}
a.without-u										{border-bottom:none; text-decoration:none;}
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;}

/* HOMEPAGE MENU */
ul#homepage-menu								{float:right; list-style:none; margin:0; padding:0; width:270px;}
#homepage-menu li								{background:#e0e0e0; border-bottom:1px solid #fff; display:block; margin:0; height:100px;}
#homepage-menu li:hover							{cursor:pointer;}
#homepage-menu li a								{border:none; cursor:pointer;}
#homepage-menu li a img,				
#homepage-menu li .text							{border:none; color: #34363d; float:left; font-size:11px; line-height:14px; margin:10px 0 0 10px;}
#homepage-menu li .text h1,
#homepage-menu li .text h2,
#homepage-menu li .text h3,
#homepage-menu li .text h4,
#homepage-menu li .text h5,
#homepage-menu li .text h6						{color:#4a2d71; font:italic 14px/16px Georgia, "Times New Roman", Times, serif;}
#homepage-menu li .text p						{margin:0;}
#homepage-menu li .text							{width:160px;}
#homepage-menu li.hoverli						{background:#b9b7b7;}
#homepage-menu li.hoverli .text,
#homepage-menu li.hoverli .text h1,

#homepage-menu li.hoverli .text h2,
#homepage-menu li.hoverli .text h3,
#homepage-menu li.hoverli .text h4,
#homepage-menu li.hoverli .text h5,
#homepage-menu li.hoverli .text h6				{color:#fff;}


/* ELEVATION GALLERY */
ul#pikame, .pika_main							{margin:0; padding:0; width:224px;}
ul#pikame1,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 							{position:relative; width:600px; height:400px;/*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;}

/* position and dimensions of the navigator */
.navi 											{height:15px; margin: 10px auto; width:130px;}
.navi a 										{background:url(../images/common/scrollable/arrows/navigator.gif) 0 0 no-repeat; border:none; cursor:pointer; display:block; float:left; font-size:1px; height:8px; margin:3px; width:8px}
.navi a:hover 									{background-position:0 -8px;}
.navi a.active 									{background-position:0 -16px;}


/* 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; font-size: 24px;}
.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;}
img												{border:none; outline:none;}

.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;}
.model-home										{float:left; margin:0 10px 10px 0;}

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;}

.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 */
a#hotspot1 {border:none; display:block; width:100px; height:30px; position:absolute; top:350px; left:100px; z-index:9999;  }
a#hotspot2 {border:none; display:block;width:100px; height:30px; position:absolute; top:350px; left:260px; z-index:9999;}
div#perfect10 {width:72px; height:67px; background:url(../images/communities/perfect10-logo.png) no-repeat 0 0; position:absolute; top:-12px; left:-24px; z-index:999;}
div#reach-stars {width:72px; height:67px; background:url(../images/communities/reach-for-the-stars-logo.png) no-repeat 0 0; position:absolute; top:-12px; left:-24px; z-index:999;}