@import '/cms/styles/common.css';

/* COMMON ---------------------------------------------------------------------- */

html, body {
	height:100%;
}

* {
	font-family: Arial, Helvetica,  sans-serif;
	font-size: 11px;
	color: #666666;
}

.body {
	background-color:#efeacd;
}

h1 {
	color:#a84223;
	font-size:14px;
	padding-left:25px;
	background: url('/images/dieicon1.gif') left no-repeat;
	margin-top:0;
}
h2 {
	color:#a84223;
	font-size:13px;
}
h3 {
	color:#82684f;
	color:#a48f62;
	color:#867059;
	font-size:12px;
	margin-top:0;
}
h4 {
	color:#666666;
	background: url('/images/h4-bg.gif') left repeat-y;
	margin:4px;
	padding:2px 3px;
	font-size:14px;
	text-transform:uppercase;
}

a, a * {
	color:#a84223;
}
a:hover, a:hover * {
	color:#769110;
}
a img {
	border:none;
}

hr {
	background-color:#cccccc;
	color:#cccccc;
	height:1px;
	margin:5px 0;
	padding:0;
}



/* COMMON CLASSES ------------------------------------------------------- */

.link {
	color:#a84223;
}

.paddedbox {
	padding:8px 12px;
}



/* COMMON LAYOUT -------------------------------------------------------- */

#bg1 {
	background:url('/images/bg.gif') top repeat-x;
}
#bg2 {
	background:url('/images/bg2.gif') top center no-repeat;
}

#page {
	width:909px; 
	margin:0 auto; 
	height:auto;
}

#header {
	background:url('/images/header-right-bg.jpg') top right no-repeat;
	height:101px;
}

#impact {
	height:252px;
	width:909px;
}



/* MENU ------------------------------------------------------------------------ */

#menu {
	background: #ebe5c2 url('/images/menu-bg.gif') top left no-repeat;	
	height:auto;
}
#menu ul {
	margin:0 0 0 10px;
}
#menu a {
	background:url('/images/menutab.gif') top left no-repeat;
	text-decoration: none;
	color: #ffffff;
	height:20px;
	width:124px;
	display:block;
	padding-top: 4px;
	margin-bottom:3px;
	text-align:center;
	outline:none;
}
#menu a:hover {
	padding-top: 7px;
	margin-bottom:0px;
	background:url('/images/menutab-hover.gif') top left no-repeat;
}



/* HEADER ---------------------------------------------------------------------- */

#logo a {
	outline:none;
}

#search-search {
	color:#FFFFFF;
	font-weight:bold;
}
#search-text input {
	height:12px;
	width:175px;
	font-size:9px;
	padding:0;
	margin:0;
}
#search-text {
	width:175px;
	float:left;
	margin-top:2px;
}

#search-button {
	margin-left:10px;
	float:left;
	width:32px;
	outline:none;
}

#menu2 {
	margin:20px 0 0 183px;
}
#menu2 ul {
	margin-top:10px;
}
#menu2 li {
	margin-top:5px;
}
#menu2 a {
	display:inline;
	font-size:10px;
	text-decoration:none;
	color:#ffffff;
	padding:0 7px;
	border-right:1px solid #b8aca1;
	outline:none;
}
#menu2 a:hover {
	text-decoration:underline;
}
#menu2 li.last a {
	padding-right:0;
	border:none;
}
#menu2 li.first a {
	padding-left:0;
}



/* SUBNAV ---------------------------------------------------------------------- */

#nav {
	width:174px;
	margin-left:11px;
}
#nav h1 {
	padding:0 0 0 10px;
	color:#ffffff;
	background: url('/images/subnav-top-bg.jpg') top left no-repeat;
	height:30px;
	line-height:30px;
	margin:0;
}
#nav h1 a {
	text-decoration:none;
	padding:0;
	margin:0;
	background:none;
	display:inline;
	outline:none;
}
#nav h1 a:hover {
	text-decoration:underline;
	background:none;
}
#nav ul {
	padding:0; 
	margin:0;
	list-style:none;
}
#nav li {
	margin:0;
	padding:2px 0 0 0;
	background:url('/images/nav-separator.gif') top left no-repeat;
}
#nav li.first {
	background:none;
}
#nav a {
	margin:0;
	color:#FFFFFF;
	padding: 5px 5px 5px 15px;
	text-decoration:none;
	display:block;	
	outline:none;
}
#nav ul ul li {
	background:none;
}
#nav ul ul li a {
	padding-left:30px;
}
#nav a:hover {
	background:url('/images/subnav-hover-bg.jpg') top left repeat-y;
}



/* FOOTER ---------------------------------------------------------------------- */

#footer { 
	background:url('/images/page-bg.gif') top repeat-y;
	height:auto;
	margin-top:12px;
}

#footerlinks { 
	margin:0 12px 0 12px;
	background: #705742 url('/images/footer-bg.gif') top repeat-y;
}
#footerlinks li {
	padding:5px 0;
}
#footerlinks a {
	display:inline;
	text-decoration:none;
	color:#ffffff;
	padding:0 10px;
	border-right:1px solid #b8aca1;
	outline:none;
}
#footerlinks a:hover {
	text-decoration:underline;

}
#footerlinks li.last a {
	border-right:none;
}

#footer-copyright {
	color:#7e7e7e;
	font-size:10px;
	margin:10px 0 0 10px;
}
#footer-copyright a {
	font-size:10px;
	color:#7e7e7e;
	text-decoration:none;
	outline:none;
}
#footer-copyright a:hover {
	text-decoration:underline;
}

#footer-atomic {
	float:right;
	margin:10px 10px 0 0;
}
#footer-atomic a {
	font-size:10px;
	color:#7e7e7e;
	text-decoration:none;
	outline:none;
}
#footer-atomic a:hover {
	text-decoration:underline;
}



/* HOME -------------------------------------------------------------------------*/

#home-content {
	background:url('/images/home-page-bg.gif') top repeat-y;
}
#home-left {
	background:url('/images/home-left-bg.jpg') top right no-repeat;
	margin:0 6px 0 12px;
	min-height:250px;
	width:437px;
}
h1.welcome {
	background:url('/images/dieicon2.gif') left no-repeat;
	margin:12px;
	padding-left:25px;
}
#home-left-textbox {
	margin:0 0 20px 15px;
	width:250px;
}
.home-photobox-wrapper {
	background: url('/images/home-photobox-bottom.jpg') bottom no-repeat;
	padding-bottom:12px;
	width:419px;
	margin:0 9px 12px 9px;
}
.home-photobox {
	background:url('/images/home-photobox-bg.jpg') top left no-repeat;
	min-height:93px;
	padding:10px 0 0 10px;
}
.home-photobox .left {
	width: 180px;
	margin-right:15px;
}
.home-photobox .right {
	width: 205px;
}
.home-photobox h1 {
	color: #80684a;
	margin: 0 0 3px 0;
	padding-left:0;
	background:none;
}
#home-right1 {
	width:214px;
}
#home-right1, #home-right1 div  {
	color:#9c1c2b;
}
#home-right1 h1 {
	background:url('/images/home-right1-top-bg.jpg') top left no-repeat;
	height:31px;
	line-height:31px;
	margin:0;
	padding-left:35px;
}
#home-right1 .padded {
	margin:0 10px;
}
.home-search-box select {
	width:190px;
	font-size:10px;
	height:16px;
	margin-bottom:7px;
}
#home-bedrooms-box {
	float:left;
}
#home-bedrooms-box select {
	height:16px;
	width:150px;
	font-size:10px;
}
#home-go-button {	
	margin:2px 0 0 10px;
	float:left;
}
#home-email {
	height:12px;
	width:186px;
	font-size:10px;
	margin:7px 0;
}
#newsletter-button {
	float:right;
	padding-right:4px;
}
img.bump {
	margin-left:1px;
}
img.head {
	margin-top:12px;
	margin-bottom:15px;
}
#home-right2 {
	width:229px;
}
#home-right2 h1 {
	background:url('/images/home-right2-top-bg.jpg') top left no-repeat;
	height:31px;
	line-height:31px;
	margin:0;
	padding-left:35px;
}
#home-alavida {
	margin-left:11px;
}

.fancybox {
	width:216px;
	background:url('/images/fancybox-bg.gif') top left repeat-y;
	margin:0 auto;
	margin-bottom:10px;
	padding:0;
}
.fancybox h2 {
	color:#ffffff;
	height:19px;
	line-height:19px;
	padding-left:5px;
	background:url('/images/fancybox-top.jpg') top left no-repeat;	
	margin-bottom:0;
}
.fancybox .inside {
	padding:0 5px;
}
.fancybox .inside2 {
	padding:4px 12px 10px 12px;
	font-size:10px;
	background:url('/images/fancybox-bottom.jpg') bottom no-repeat;
}
.fancybox .inside2 b, .fancybox .inside2 span {
	font-size:10px;
}
.fancybox .pricebox {
	padding-top:7px;
	color:#a0a8b3;
	color:#888888;
	width:110px;	
	font-size:10px;
}
.fancybox .pricebox b, .fancybox .pricebox span {
	color:#5e6775;
	font-size:10px;
}

a.canlands-button {
	background:url('/uploads/canlands/home-button.gif') top left no-repeat;
	font-weight:bold;
	display:block;
	padding:50px 0 0 130px;
	font-size:12px;
	text-align:left;
	width:108px; /* 238 */
	height: 82px; /* 132 */
	outline:none;
	float:left;
}

.imgborder {
	border:1px solid #cccccc;
}
a:hover .imgborder {	
	border-color:#96B323;
}

/* CONTENT ----------------------------------------------------------------------*/

#content-page {
	background:url('/images/content-page-bg.jpg') left repeat-y;
}
#content-fullpage {
	background:url('/images/content-fullpage-bg.jpg') left repeat-y;
}
#content-landingpage {
	background:url('/images/landingpage-bg.gif') left repeat-y;
}


body#page_150 #landing-impact {
	background:url('/images/rentals-impact-bg.jpg') top left no-repeat;
}

body#page_151 #landing-impact {
	background:url('/images/commercial-impact-bg.jpg') top left no-repeat;
}

#content-landing {
	background: url('/images/landingpage-top.gif') top left no-repeat;
	margin:0 10px 0 12px;
	padding:10px;
}
#landing-impact {
	background-color:#999;	
	width:240px; /* 660 */
	margin:0 10px 0 0;
	border-left:1px solid #ccc;
	height:275px; /* 300 */
	overflow:hidden;
	padding:15px 405px 10px 15px;
}
#landing-impact, #landing-impact * {
	color:#fff;
	font-size:13px;
}

#landing-impact a.button {
	padding-top:1px;
	height:auto !important;
	height:18px;
	min-height:18px;
	text-align:center;
	text-decoration:none;
	color:#900;
	font-weight:bold;
	font-size:13px;
	width:168px;
	display:block;
	background:url('/images/button-listings.gif') top left no-repeat;
}
#landing-impact a.button:hover {
	color:#769110;
	text-decoration:underline;
}

#landing-right {	
	background:url('/images/landing-right-bg.gif') left repeat-y;
	width:196px;
	height:300px;
	overflow:hidden;
}
#landing-right h1 {
	padding:5px 0;
	text-align:center;
	background: #900 url('/images/landing-right-h1.gif') top repeat-x;
	color:#fff;
	font-size:13px;
	margin:0 0 7px 0;
}
#landing-right h2 {
	color:#333;
	text-transform:uppercase;
	font-size:11px;
	margin:0 0 3px 7px;
}
#landing-right ul, #landing-right li {
	margin:0;
	padding:0;
	list-style:none;
}
#landing-right li {
	margin-left:12px;
	padding-left:7px;
	background:url('/images/landing-right-bullet.gif') 0px 5px no-repeat;
}
#landing-right blockquote {	
	padding:0 0 0 12px;
	margin:0;
}
#landing-right .separator {
	margin:7px 0;
}
#landing-bottom {
	margin:10px 0 0 0;
	background:url('/images/landing-bottom-bg.jpg') top left no-repeat;
}
#landing-bottom-left, #landing-bottom-right {
	background: url('/images/vr.gif') left repeat-y;
	margin-left:22px;
	padding:10px;
	color:#725945;
	height:auto !important;
	height:100px;
	min-height:100px;
	display:inline;
}
#landing-bottom-left {
	width:240px; /* 260 */
}
#landing-bottom-right {
	width:553px;
	padding-right:0;
}
#landing-bottom h1 {
	padding:0;
	background:none;
	color:#900;
	margin-bottom:10px;
}
#landing-bottom ul, #landing-bottom li {
	margin:0;
	padding:0;
	list-style:none;
}
#landing-bottom ul {
	margin:1em 0;
}
#landing-bottom li {
	margin-left:12px;
	padding:0 0 3px 7px;
	background:url('/images/landing-bottom-bullet.gif') 0px 6px no-repeat;
}
#landing-bottom li a {
	font-weight:bold;
}
#landing-bottom ul.doublelist li {
	width:100px;
	float:left;
}


#content-content {
	width:464px;
	padding:12px;
	min-height:380px;
}
#content-col {
	background:url('/images/content-content-bg.gif') top left repeat-x;
}
#content-full {
	width:689px;
	padding:12px;
	min-height:380px;
}	
#content-right {
	width:225px;
}
#content-right h3 {
	color:#a84223;
	margin-bottom:3px;
}
#content-right, #content-right div, #content-right pre {
	color:#a84223;
}
#content-right pre {
	margin:0;
	padding:0;
}
#content-right h1 {
	padding:0 0 0 36px;
	background: url('/images/content-right-top-bg.jpg') top left no-repeat;
	height:31px;
	line-height:31px;
	margin:0;
}


#content-community {
	background:url('/images/content-page-bg.jpg') top repeat-y;
}
#content-community #content-col {	
	width:488px;	
	padding:0;
	margin:0;
}
#content-community #content-content {
	padding:12px;
}
#content-community #content-full {
	width:713px;
	padding:0px;
	min-height:380px;
}	
#content-community #community-map {
	margin: 10px 0 10px 10px;
	width:195px;
}


#overcodebox {
	background:url('/images/overcode-bg.jpg') top left no-repeat;
	padding:25px 30px 0 140px;
	color:#333333;
	height:83px;
}



/* BREADCRUMBS ------------------------------------------------------------------*/

#content-page #content-breadcrumb {
	width:475px;
}
#content-fullpage #content-breadcrumb {
	width:701px;
}
#content-breadcrumb {
	background: #e9e9e9 url('/images/content-breadcrumb-bg.gif') top left repeat-x;
	line-height:31px;
	padding-left:12px;
	display:block;
}
#content-breadcrumb a {
	color:#666666;
	text-decoration:none;
	outline:none;
}
#content-breadcrumb a:hover {
	color:#d6542d;
	text-decoration:underline;
}
#content-breadcrumb .current {
	color:#999999;
}



/* HOMES INDEX --------------------------------------------------------------*/

.index-box {
	border:1px solid #e3e4de;
	background: #fdfdf8 url('/images/index-bg.gif') top left repeat-x;
	border-bottom-width:0px;
	padding:4px;
}
.index-box h2 {
	margin:0;
	padding:0;
}
.index-box h2 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#646561;
	font-size:14px;
	text-decoration:none;
	margin:0;
	padding:0;
	line-height:20px;
	height:20px;
	display:block;
	outline:none;
}
.index-box h2 a:hover {
	color:#d6542d;
	text-decoration:underline;
}
.index-box h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#646561;
	font-size:10px;
	margin:0;
	padding:0;
	line-height:12px;
	height:12px;
	margin-bottom:13px;
}

.index-box .th-image {
	border:1px solid #f1f6cc;
	margin-right:15px;
	width:150px;
}
.index-box .th-image .show0 {
	background:url('/images/s_na.jpg') center no-repeat;
	min-height:95px;
}
.index-box .th-image .show0 a {
	display:none;
}

.index-box .deets-box {
	width:280px;
}

.index-box .middle {
	width:120px;
}
.index-box .communities {
	margin: 0 0 0 15px;
	width:145px;
}
.index-box .communities ul {
	padding:0;
	margin:0;
}
.index-box .communities li {
	padding:0 0 0 7px;
	margin:0;
	list-style:none;
	xlist-style-position:outside;
}
.index-box2 {
	background-color:#f1f5d6;
	border: 1px solid #cccccc;
	padding:3px 4px;
	margin-bottom:12px;
}
.index-box2 a {
	color:#333333;
	outline:none;
}
.index-box2 a:hover {
	color:#d6542d;
}

.toolbox {
	text-align:right;
	margin:10px 0;
}
	
.myfavsbox {
	display:inline;
}
.pagingbox {
	display:inline;	
	font-size:10px;
	color:#999999;
	margin-left:12px;
}
.pagingbox a {
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	padding:0 2px;
	line-height:13px;
	vertical-align:top;
	outline:none;
}
.pagingbox a:hover {
	text-decoration:underline;
}

#nomodelsbox {
	font-size:14px;
	color:#cccccc;
	text-align:center;
}



/* HOMES DETAILS ----------------------------------------------------------- */

.toolbox2 {
	float:right;
}
#details-box #big-image {
	border:1px solid #eeeeee;
	width:375px;
}
#details-box #big-image .show0 {
	min-height:243px;
	background:url('images/na.jpg') center no-repeat;
}
#details-box #big-image .show0 img {
	display:none;
}

#details-box #topbox {
	background-color:#f7f7f7;
	margin-bottom:20px;
	padding:4px;
}
#details-box #details {
	padding:0 10px;
	width:280px;
}
#details-box #primary-details {
	width:120px;
	color:#a84223;
	font-size:13px;
	font-weight:bold;
}
#details-box #floorplanbox {
	display:block;
	padding-left:22px; 
	text-align:center;
	width:136px; 
	line-height:27px; 
	height:27px; 
	background:url('/images/floorplan-button.gif') top right no-repeat;
}
#details-box #floorplanbox a {
	color:#666666;
	outline:none;
}
#details-box #floorplanbox a:hover {
	color:#d6542d;
}
#details-box #description {
	margin:10px 0;
}
#details-box #communities {
	background:url('/images/communities-box-bg.jpg') top left no-repeat;
	width:280px;
	min-height:65px;
}
#details-box h1 {
	margin-bottom:2px;
}
#details-box h3 {
	margin-top:0;
	margin-left:25px;
	color:#666666;
}
#details-box #communities h4 {
	line-height:28px;
	padding:0;
	height:28px;
	margin-bottom:5px;
	text-align:center;
	color:#a84223;
	text-transform:none;
	font-size:12px;
	background:none;
}
#details-box #communities ul {
	margin:8px 0 0 25px;
	list-style:none;
	padding:0;
}
#details-box #communities li {
	margin-left:20px;
	padding-left:8px;
	width:90px;
	float:left;
	background:url('/images/red-dot.gif') left no-repeat;
}
#details-box #community {
	background:url('/images/communities-box-bg.jpg') top left no-repeat;
	width:280px;
}
#details-box #community h4 {
	padding:11px 0 3px 0;
	margin:0;
	text-align:center;
	color:#a84223;
	text-transform:none;
	font-size:12px;
	background:none;
}
#details-box #community a {
	text-decoration:none;
	outline:none;
}
#details-box #floorplanbox2 {
	float:right;
}
#details-box #floorplanbox2 .show0 {
	display:none;
}
#details-box #specsbox {
	margin-left:27px;
}



/* COMMUNITIES ------------------------------------------------------------- */

#map-wrapper {
	border:1px solid #e2e2e2;
	padding: 4px;
}
#map {
	width:452px;
	height:270px;
	border:1px solid #cccccc;
}
#map #loading {
	line-height:260px;
	font-size:24px;
	color:#dddddd;
	text-align:center;
}

.popup {
	width:210px;
	margin:0;
	padding:0;
}
.popup h1 {
	color:#a84223;
	font-size:14px;
	margin:0;
	padding:0;
	background:none;
}
.popup h2 {
	color:#646561;
	font-size:12px;
	margin:0;
	padding:0;
}


/* COMMUNITY DETAILS ------------------------------------------------------- */

#logobox {
	width:155px;
	margin-bottom:12px;
	text-align:center;
}
#glancebox {
	width:280px;
	border:1px solid #e2e2e2;
	padding:2px;
	margin-left:15px;
}
#glancebox #inside {
	padding:0 15px 15px 15px;
}
#glancebox td {
	padding-right:7px;
}

#glancebox h4 {
	text-transform:none;
	background: url('/images/h4-bg2.gif') left repeat-y;
	font-size:13px;
	padding:3px 4px;
}



/* CONTACT (COMMUNITY INDEX) ----------------------------------------------- */

.contact-box {
	border:1px solid #e3e4de;
	background: #fdfdf8 url('/images/index-bg.gif') top left repeat-x;
	border-bottom-width:0px;
	padding:4px;
}
.contact-box h2 {
	margin:0;
	padding:0;
}
.contact-box h2 a {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#646561;
	font-size:14px;
	line-height:20px;
	height:20px;
	text-decoration:none;
	display:block;
	outline:none;
}
.contact-box h2 a:hover {
	color:#d6542d;
	text-decoration:underline;
}
.contact-box h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#646561;
	font-size:10px;
	margin:0;
	padding:0;
	line-height:12px;
	height:12px;
	margin-bottom:13px;
}
.contact-box .logo {
	margin-right:15px;
}
.contact-box pre {
	margin:0;
	padding:0;
}
.contact-box .middle {
	width:120px;
}
.contact-box .right {
	margin: 0 0 0 15px;
	width:140px;
}
.contact-box2 {
	background-color:#f1f5d6;
	border: 1px solid #cccccc;
	padding:3px 4px;
	margin-bottom:12px;
}
.contact-box2 img {
	margin-right:7px;
}
.contact-box2 a {
	color:#333333;
	outline:none;
}
.contact-box2 a:hover {
	color:#d6542d;
}



/* CUSTOMIZED HEADERS ------------------------------------------------------ */

#flavour {
	background: url('/images/flavour.jpg') top left no-repeat;
	width:909px;
	height:64px;
}

/* communities */
#page_95 #flavour, #page_127 #flavour {
	background:url('/images/flavour05.jpg') top repeat-y;
}

/* new homes */
#page_96 #flavour, #page_109 #flavour, #page_110 #flavour {
	background:url('/images/flavour02.jpg') top repeat-y;
}

/* condos */
#page_97 #flavour, #page_118 #flavour, #page_119 #flavour, #page_120 #flavour, #page_121 #flavour {
	background:url('/images/flavour01.jpg') top repeat-y;
}

/* rent */
#page_98 #flavour {
	background:url('/images/flavour03.jpg') top repeat-y;
}

/* commercial */
#page_99 #flavour, #page_122 #flavour, #page_123 #flavour, #page_124 #flavour, #page_125 #flavour, #page_126 #flavour {
	background:url('/images/flavour04.jpg') top repeat-y;
}

/* about */ 
#page_100 #flavour, #page_108 #flavour, #page_114 #flavour, #page_116 #flavour {
	background:url('/images/flavour06.jpg') top repeat-y;
}

	
	
/* CUSTOMIZATIONS -------------------------------------------------------------- */