@import url("armitagelight.css");
@import url("armitagereg.css");
@import url("armitagesemi.css");




body, html{
	height: 100%;
	}
	
body {
	margin:0;
	padding:0;
	color:#333;
	background: #bfc4b4 url(greenback.png) repeat-x fixed;
	font-family: helvetica neue, helvetica, arial, sans-serif;
}

body, p {
	margin: 0; padding: 0;
	}	
	
/* DIV STRUCTURE */

#wrapper {
	min-height: 100%;
	}

* html #wrapper {
	height: 100%;
	}
	
#greenbartop {
	height:10px; 
	background:#424f2c;
	position: relative;
	z-index: 2;}
	

#leavesback {
	max-height: 100%;
	position: fixed;
	top: 0;
	opacity:0.6;
	-moz-opacity:0.6;
	width:100%;
	height:971px; 
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=04);
	background: url(leafback.png) top center no-repeat ;

	}

	
#content {
	position: relative;
/*	background: url(smallleaf.png) bottom center no-repeat; */
	z-index: 2;
	width: 960px;
	margin:0px auto;
	padding-top:35px;
	padding-bottom: 100px; /* needs to be same height as #footer total height+border+padding */
	margin-bottom:70px;
	}
	
.news #content, .contactus #content {
	background: none;} /* take out the smallleaf.png background */
	

#footer {

	width: 100%;
	height: 90px;
	margin: -100px auto 0 auto;
	position: relative;
	border-bottom:10px solid #424f2c;
	}


	
	
	
/* STANDARD DIVS TO USE ANYWHERE */

.col, .twocol, .colleft, .colright, .twocolleft, .twocolright {
	float:left;
}

.col {
	width:320px;
}

.twocol {
	width:640px;
}

.colleft {
	width:300px;
	padding-right:20px;}
	
.colright {
	width:300px;
	padding-left:20px;}

.twocolleft {
	width:620px;
	padding-right:20px;}
	
.twocolright {
	width:620px;
	padding-left:20px;}
	
	
	
	
.rule {
	width:100%;
	height:2px;
	background:url(rule.png);
	margin:20px 0;}
	
.clear {
	clear:left;}
	
	
.outlinebox {
	border:1px solid rgba(255,255,255,0.4) !important;
	border:1px solid #d8dbd2;
	padding:5px;
	width:950px;
}
	
.outlineboxcontent {
	padding:0px 10px 0px 10px;
	width:930px;
		overflow: hidden;
	background: rgba(170,180,160,0.6) !important;
	background: #b2baa7;}
	
.outlineboxcontent p, .outlineboxcontent ul.normallist {
	margin-bottom:15px;}
	

/* FONT STYLES ETC */

p, li, label {
	font-size:12px;
	line-height: 150%;
	
}

#mainmenu li, .buttonlink, #promotionaloffers p, .bullet{

	font-family: 'ArmitageSemibold-1', 'ArmitageSemibold-2', "Helvetica Neue", helvetica, arial, sans-serif;
}

 .submenu li, .close, .popupcontent a {
	font-family: 'ArmitageRegular-1', 'ArmitageRegular-2', "Helvetica Neue", helvetica, arial, sans-serif;}

h1, h2, h3, h4 {
	margin-bottom:10px;
	line-height:130%;
	color: #2f3d15;
	font-family: 'ArmitageLight-1', 'ArmitageLight-2', "Helvetica Neue", helvetica, arial, sans-serif;}

h1 {
	font-size:38px;
}
	
h2 {
	font-size:30px;
}

h3 {
	font-size:24px;}
	
h4 {
	font-size:18px;}
	
.outlineboxcontent h1, .outlineboxcontent h2, .outlineboxcontent h3, .outlineboxcontent h4 {
	margin: 20px 0 20px 0;}
	
#overview h1, #overview h2, #overview h3, #overview h4 {
	line-height: normal;
	margin-bottom:0px;
	margin-top:0px;
	position: relative;
	top:-6px;}


a {
	color: #3d4b23;
	text-decoration: none;}
	
.buttonlink {
	color:#fff;
	background: url(innershadowtop-small.png) #b4b264 repeat-x;
	border:1px solid rgba(255,255,255,0.4) !important;
	border:1px solid #d8dbd2;
	padding:10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
}
	
#footer p, #footer a {
	font-size:11px;
	color: #65734c;}
	
.small {
	text-transform: uppercase;
	font-size:11px;
	color: #3d4b23;}
	
.normallist li {
	list-style: disc;
	margin-left:30px;}
	
	
	
/* news section wordpress entry styling */

	
body.news .twocolleft ul li {
	list-style: disc;
	position:relative;
	left:45px;
}

body.news .twocolleft ol li {
	list-style: decimal;
	position:relative;
	left:50px;}

body.news .twocolleft em {
	font-style: italic;}
	
body.news .twocolleft strong {
	font-weight: bold;}
	
body.news .twocolleft blockquote p {
	padding:30px;
	font-size:20px;
	font-family:georgia, sans-serif;
	font-style:italic;
	color: #555;
}
	
body.news .twocolleft p {
	margin-bottom:10px;}
	
	/* Begin Images */
body.news .twocolleft img {
	padding: 4px;
		border:1px solid #fff;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

body.news .twocolleft img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

body.news .twocolleft .alignright {
	
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
	}

body.news .twocolleft .alignleft {
	
	margin: 0 17px 2px 0;
	float: left;
	display: inline;

	}

body.news .twocolleft .wp-caption-text {
	font-style: italic;
	font-family:georgia, sans-serif;
	color: #444;
	text-align: center;
	}
	
body.news .twocolleft .wp-caption-text strong {
	font-weight: normal;
	}

/* End Images */



/* HEADER MENU */

#largelogo, #largelogo img {
	margin: 0px auto;
	width:399px;
	height:91px;
	margin-bottom:25px;
}

#menuarea {
	margin-bottom:20px;}


#mainmenu {

	background: url(menuback.png) top center repeat-x;
	z-index:3;
	width:100%;
	height:50px;
}
	
#mainmenu li {
	display:block;
	font-size:13px;
	text-transform: uppercase;
	float:left;
	text-align: center;
	width:160px; /* width of content container divided by number of list items */;

}

#mainmenu a {
	display: block;
	height:33px;
	padding-top:15px;
	width:160px;
}

.estates #mainmenuestates, .nicklausnorth #mainmenunicklausnorth, .whistlerliving #mainmenuwhistlerliving, .news #mainmenunews, .developer #mainmenudeveloper, .contactus #mainmenucontactus {
	background: rgba(160,166,150,0.6) !important;
	background: #b0b5a8;}


/* SUBMENU */

.submenu {
	background: url(submenuback.png);
	z-index: 3;
	width:960px;
	height:47px;
	margin-top:-1px;
}

.submenu li {
	display:block;
	font-size:14px;
	float:left;
}

.submenu li:first-child {
	margin-left:18px;}

.submenu li a {
	display:block;
	height:34px;
	padding: 12px 34px 0 34px;}
	
#estatesoverview #submenuestatesoverview, #location #submenulocation, #siteplan #submenusiteplan, #promo #submenupromo, #nicknorthoverview #submenunicknorthoverview, #nicknorthgallery #submenunicknorthgallery, #membership #submenumembership, #whistlerlivingoverview #submenuwhistlerlivingoverview, #aerialmap #submenuaerialmap, #whistlergallery #submenuwhistlergallery, #sustainability #submenusustainability, #developeroverview #submenudeveloperoverview, #developergallery #submenudevelopergallery {
	/*background: rgba(160,166,150,0.2) !important; */
	background: #d8dbd2;}


/* FOOTER */

#footercontent {
	position: relative;
	z-index:2;
	width:960px;
	margin:0px auto;

	background: url(rule.png) repeat-x;
	height:90px;}
	
#footercontent p {
	margin-top:15px;}
	
#footercontent div {
	float:left;
	width: 320px;
	margin-top:25px;}
	
#footerlogos {
	text-align: center;}

#footerlogos img {
	opacity:0.8;}
	
#footerlinks {
	text-align: right;}
	
#footerlinks a {
	margin-left:20px;}


/* MAIN PAGE */

.mainimage {
	border: 1px solid rgba(255,255,255,0.4) !important;
	border:1px solid #d8dbd2;
}

#overview {
	padding:10px 0 5px 0;}
	
#promotionaloffers {
	position: relative;
	padding:4px;
	background:rgba(255,255,255,0.4) !important;
	background: #d8dbd2;
	border:1px solid #fff;
	margin-bottom:20px;
	height:179px;}
	
#promotionaloffers p {
	font-size:15px;
	background: url(white.png);
	position: absolute;
	bottom:4px;
	width:280px;
	padding:5px;}
	
	
	

/* REG FORM */

#contact-area {
	float:right;
	width:70%;
	padding: 0 20px 0 30px;
	border-left:1px solid rgba(255,255,255,0.4) !important;
	border-left:1px solid #d8dbd2;
	}

.none {
	visibility: hidden;
}



input {
	width:300px;
}

input, textarea {

	border: 1px solid #fff;
	background: #eceeea;
	padding: 5px;
	color: #555;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	margin-bottom:10px;
	margin-top:5px;

	}
	

textarea {
	height: 140px;

}

input#submit {
	width:150px;
	position: relative;
	top:-40px;
	cursor: pointer;
}

label.error {
	position: absolute;
	z-index: 4;
	margin-left:-50px;
	margin-top:8px;
	color: #581b1f;
	font-style: italic;}
	



.virtualtourbox {
	position:absolute;
	top:0;
	left:0;
	width:708px;
	height:440px;
	background:#e5e7e0;
	display:none;}
	
#myapplet {
	margin-left:18px;
	margin-top:53px;
	border:1px solid #fff;}