/* 
	CSS Reset
*/	

* {margin: 0px;	padding: 0px;}
a:focus { outline: none; }
html, body { height: 100%; }
ul {list-style: none;}
.alignleft {float: left;}
.alignright {float: right;}
h1, h2, h3, h4, ul, li p {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
}

/* ---------------------------------- Set up commonly used classes -------------------------------- */

.clear {clear: both;}
.right {float: right;}
.left {float: left;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: none;}

/* 
	COLOUR PALLET
	Text Brown: #45372c
	Link Orange: #f1592a
	Highlight green: #6bb445
*/

/* ---------------------------------- Start Site Specific CCS Information-------------------------------- */	
		
body {
	background-color: white;
	color: #45372c;
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}		

#branding {
	background: url('../images/branding_bg.png') no-repeat scroll top left;
	width: 260px;
	height: 633px;
	position: absolute; 
	left: 0; 
	top: 34px;	
	z-index: 5;
}

#content {
	position: absolute; 
	top: 342px; 
	left: 282px; 
	width: 681px;
	padding-bottom: 20px;
}

#sidebar {
	position: absolute; 
	top: 413px; 
	left: 760px;
	width: 222px;
}

/* =================================================== Masthead =================================================== */
#masthead {
	height: 329px;
	width: 100%;
	position: absolute; 	
}

#masthead a {
	background-image: url('../images/register_btn.png');
	background-position: 0 -35px;
	width: 159px;
	height: 35px;
	display: block; 
	text-indent: -9999em;
	position: absolute; 
	left: 804px;
	top: 0;
}

#masthead a:hover {
	background-position: 0 0;
}

.page-id-2 #masthead /* About */, 
.page-id-15 #masthead /* Sustainability */, 
.page-id-27 #masthead /* Legal */, 
.page-id-29 #masthead /* Thank you */,
.blog #masthead, 
.single #masthead, 
.archive #masthead /* news section */ {
	background: url('../images/masthead_building.jpg') no-repeat scroll top left;	
}

.page-id-9 #masthead /* floorplans */, 
.page-id-23 #masthead /* Gallery */, 
.page-id-25 #masthead /* Contact */, 
.page-id-71 #masthead /* The Community */ ,
.page-id-512 #masthead /* Interior Tour */ {
	background: url('../images/masthead_floorplans.jpg') no-repeat scroll top left;	
}

.page-id-11 #masthead /* Finishings */ {
	background: url('../images/masthead_finishings.jpg') no-repeat scroll top left;		
}

.page-id-17 #masthead /* Neighbourhood Map */ {
	background: url('../images/masthead_map.png') no-repeat scroll top left;		
}

.page-id-19 #masthead /* Developer */ {
	background: url('../images/masthead_developer.jpg') no-repeat scroll top left;		
}

.error404 #masthead /* 404 */ {
	background: url('../images/masthead_404.jpg') no-repeat scroll top left;			
}

/* =================================================== Branding =================================================== */

#branding h1 a, 
#branding ul li a {
	background-image: url('../images/branding_sprite.png');
	background-repeat: no-repeat;
	display: block; 
	text-indent: -9999em;
}

#branding h1 a {
	width: 145px;
	height: 117px;
	margin: 71px 0 0 50px;
}

#branding ul {
	margin: 20px 0 0 50px;
	width: 200px;
}

#branding ul li a {
	margin-top: 8px;	
	height: 18px;	
}

#branding #nav_home a {
	background-position: 0 -137px; 
	width: 60px;	
}

#branding #nav_home a:hover,
.page-id-3 #branding #nav_home a {
	background-position: -145px -137px;
}	

#branding #nav_about a {
	background-position: 0 -162px; 
	width: 60px;	
}

#branding #nav_about a:hover, 
.page-id-2 #branding #nav_about a,
.page-id-9 #branding #nav_about a,
.page-id-11 #branding #nav_about a,
.page-id-15 #branding #nav_about a {
	background-position: -145px -162px;	
}

#branding #nav_neighbourhood a {
	background-position: 0 -188px; 
	width: 145px;	
}

#branding #nav_neighbourhood a:hover,
.page-id-17 #branding #nav_neighbourhood a {
	background-position: -145px -188px;
}

#branding #nav_developer a {
	background-position: 0 -214px; 
	width: 100px;	
}

#branding #nav_developer a:hover,
.page-id-19 #branding #nav_developer a {
	background-position: -145px -214px; 	
}

#branding #nav_news a {
	background-position: 0 -241px; 
	width: 50px;	
}

#branding #nav_news a:hover, 
.blog #branding #nav_news a,
.single #branding #nav_news a {
	background-position: -145px -241px;	
}

#branding #nav_gallery a {
	background-position: 0 -266px; 
	width: 80px;	
}

#branding #nav_gallery a:hover, 
.page-id-23 #branding #nav_gallery a {
	background-position: -145px -266px	
}

#branding #nav_contact a {
	background-position: 0 -293px; 
	width: 71px;	
}

#branding #nav_contact a:hover,
.page-id-25 #branding #nav_contact a {
	background-position: -145px -293px;
}

	/* Sec Nav */
	
	#branding ul li ul {
		border-top: 1px solid #45372c;
		border-bottom: 1px solid #45372c;
		margin: 0 0 10px 0;
		width: 150px;
		padding-top: 5px;
	}
	
	#branding ul li ul li {
		margin-bottom: 5px;
	}
	
	#branding ul li ul li a {
		background-image: none;
		text-indent: 0; 
		display: inline;
		color: #45372c;	
		margin-left: 12px;	
		font-size: 1.2em;
		padding-left: 13px;
	}
	
	#branding ul li ul li a:hover {
		color: #6bb445;
		background: url('../images/secnav_bg.png') no-repeat scroll top left !important;
	}
	
	#branding ul li ul li.current_page_item a {
		color: #6bb445;
		background: url('../images/secnav_bg.png') no-repeat scroll top left !important;	
	}
	
#branding #nav_porte a {
	position: absolute; 
	left: 32px; 
	top: 671px;
	background: url('../images/porte_logo.png') no-repeat scroll top left;
	width: 105px;
	height: 31px;
	text-indent: -9999em; 
	display: block;
}

.page-id-3 #branding #nav_porte a /* turn to white on the front page */{
	background: url('../images/porte_logo_home.png') no-repeat scroll top left;
}

#branding #nav_legal a {
	position: absolute; 
	left: 50px; 
	top: 706px;
	color: #45372c;
	text-decoration: underline; 
}

.page-id-3 #branding #nav_legal a /* turn to white on the front page */ {
	color: #e6e3e1;	
}

#branding #nav_legal a:hover {
	text-decoration: none;
}

#branding #nav_chinese a {
	display: block;
	background-image: url('../images/branding_sprite.png');
	background-repeat: no-repeat;
	background-position: 0 -317px;
	text-indent: -9999em;	
	height: 16px;
	width: 36px;
	position: absolute; 
	top: 30px; 
	left: 160px;
}

#branding #nav_chinese a:hover {
	background-position: -145px -317px;	
}

#branding #nav_facebook a {
	display: none;	
}

#branding #nav_facebook a {
	width: 87px; 
	height: 20px; 
	text-indent: -9999em; 
	background-image: url('../images/nav_facebook.png');	
	position: absolute; 
	top: 618px; 
	left: 32px;
}

.page-id-3 #branding #nav_facebook a {
	background-image: url('../images/nav_facebook_home.png');	
}

#branding #nav_twitter a {
	width: 76px; 
	height: 20px; 
	text-indent: -9999em; 
	background-image: url('../images/nav_twitter.png');	
	position: absolute; 
	top: 643px; 
	left: 32px;
}

.page-id-3 #branding #nav_twitter a {
	background-image: url('../images/nav_twitter_home.png');	
}

/* =================================================== Page Titles =============================================== */

/* all inner page IR's */

#content h2 {
	background: url('../images/h2_sprite.png') no-repeat scroll top left;
	width: 540px;
	height: 44px;
	margin-bottom: 27px; 
	text-indent: -9999em;
}

.page-id-2 #content h2 { /* About */
	background-position: 0 0;
}

.page-id-9 #content h2 { /* Floorplans */
	background-position: 0 -45px;
}

.page-id-512 #content h2 { /* Tour */
	background-position: 0 -643px;
}

.page-id-11 #content h2 { /* Finishing & Floorplans */
	background-position: 0 -91px;
}

.page-id-15 #content h2 { /* Sustainability */
	background-position: 0 -137px;
}

.page-id-17 #content h2 { /* Neighbourhood */
	background-position: 0 -183px;
}

.page-id-19 #content h2 { /* Developer */
	background-position: 0 -229px;
}

.blog #content h2, 
.single #content h2 { 	/* News */
	background-position: 0 -274px;
}

.archive #content h2 {
	background-position: 0 -598px;	
}

.page-id-23 #content h2 { /* Gallery */
	background-position: 0 -320px;
}

.page-id-25 #content h2 { /* Contact */
	background-position: 0 -365px;
}

.page-id-27 #content h2 { /* Legal & Guarantee */
	background-position: 0 -457px;
}

.page-id-29 #content h2 { /* Thank You! */
	background-position: 0 -411px;
}

.page-id-71 #content h2 { /* Thank You! */
	background-position: 0 -550px;
}

.error404 #content h2 /* 404 */ {
	background-position: 0 -500px;	
}

/* =================================================== Content =================================================== */

#content h3 {
	font-size: 1.8em;
	color: #6bb445;	
	font-weight: normal;
}

#content p {
	font-size: 1.4em;
	line-height: 1.285em; /* 18px */
	margin-bottom: 1.285em;	
}

#content ul {
	margin-bottom: 1.285em;		
}

#content ul ul {
	margin: 5px 0 1.285px 0;
}

#content ul ul li {
	list-style: none;
	list-style-type: none; /* fix for FF3 on PC */
}

#content ul li {
	font-size: 1.4em;
	list-style: disc;
	padding-left: 5px;
	margin: 0 0 5px 20px;
}

#content li p, 
#content li li /* fix cascading em's */ {
  font-size: 1em;
}

img.alignright {
	margin: 0 0 10px 5px;
}

#content img, 
#sidebar img {
     -moz-box-shadow: 4px 4px 8px #666; /* FF3.5+ */
  -webkit-box-shadow: 4px 4px 8px #666;  /* Saf3.0+, Chrome */
          box-shadow: 4px 4px 8px #666;  /* Opera 10.5, IE 9.0 */
}

#content a img:hover, 
#sidebar a img:hover {
     -moz-box-shadow: 3px 3px 8px #666; /* FF3.5+ */
  -webkit-box-shadow: 3px 3px 8px #666; /* Saf3.0+, Chrome */
          box-shadow: 3px 3px 8px #666; /* Opera 10.5, IE 9.0 */	
		position: relative; 
		top: 1px; 
		left: 1px;
}

	/* spacing on the Floorplans Page */
	.page-id-9 #content p {
		margin-left: 28px;		
	}
	
	.page-id-9 #content ul li {
		margin-left: 48px;
	}
	
	.page-id-9 #content .floorplans_rendering {
		float: right;
	}
	
	.page-id-9 #content .floorplans_rendering img {
		   -moz-box-shadow: 0px 0px 0px white; /* FF3.5+ */
	  -webkit-box-shadow: 0px 0px 0px white;  /* Saf3.0+, Chrome */
	          box-shadow: 0px 0px 0px white;  /* Opera 10.5, IE 9.0 */		
	}
	
	.page-id-9 #content .floorplans_rendering a {
		font-size: 1.2em;
		
	}

/* =================================================== Home Page =================================================== */

.page-id-3 #pg_home_messaging {
	width: 372px;
	height: 218px;
	background-image: url('../images/front_page_messaging.png');
	position: absolute; 
	top: 137px; 
	left: 233px;	
}

.page-id-3 #pg_home_messaging h2,
.page-id-3 #pg_home_messaging p {
	text-indent: -9999em;	
}


.page-id-3 #pg_home_messaging span a { 
	color: white; 
	font-size: 1.1em; 
	position: relative;
	left: 42px;
	top: 157px;	
	}
	
.page-id-3 #pg_home_messaging span a:hover {
	text-decoration: underline;	
}

.page-id-3 #pg_home_messaging_lift {
	width: 572px;
	height: 237px;
	background-image: url('../images/front_page_lift_messaging.png');
	position: absolute; 
	top: 240px; 
	left: -201px;
	
}

.page-id-3 #pg_home_messaging_lift span a { 
	color: white; 
	font-size: 20px; 
	left: 244px;
	top: 140px;
	}
	
.page-id-3 #pg_home_messaging_lift span a:hover {
	text-decoration: underline;	
	left: 244px;
	top: 140px;
	}
}


	
/* =================================================== News Section =================================================== */

/* Different content widths for some sub pages */
body.blog #content, 
body.single #content, 
body.error404 #content, 
body.archive #content {
	width: 455px;
}

body.blog #content h3 a, 
body.single #content h3 {
	color: #6bb445;	
}

body.blog #content h3 a:hover {
	text-decoration: underline;
}

span.time {
	color: #6bb445;	
	font-size: 1.2em;
	margin-bottom: 5px;
	display: block;
}

div.hr {
	border-top: 1px solid #e6e3e1;	
	padding-bottom: 10px;
}

div.navigation {
	margin-bottom: 10px;
}

div.navigation a {
	font-size: 1.2em;
	margin-bottom: 1.2em;
}

	/* Sidebar */
	#sidebar h3 {
		font-size: 1.8em;		
		margin-bottom: 3px;
	}
	
	#sidebar ul {
		margin-bottom: 10px;		
		list-style-type: disc;
		padding-left: 15px;
	}
	
	
	#sidebar ul li a {
		font-size: 1.4em;
		line-height: 1.285em;
		margin-bottom: 1.285em;		
	}

/* =============================================== The Neighboudhood Tabs ========================================= */

div#tabs /* so the border can bleed over the edge */ {
	width: 750px;
	}

ul.tabNavigation {
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
	height: 16px;
}

#content ul.tabNavigation li {
    display: inline;
	margin: 0; 
	padding: 0;
}

ul.tabNavigation li a {
	text-decoration: none;
	display: block;
	float: left;
	text-align: center;
	background-image: url('../images/tabs_bg.png');
	background-repeat: no-repeat;
	width: 147px;
	height: 21px;
	position: relative; 
	top: 4px;
	padding-top: 4px;
}

ul.tabNavigation li a:hover {
	background-position: 0 -25px;
}

ul.tabNavigation li.active a {
	background-position: 0 -50px;	
}

ul.tabNavigation li a:focus {
	outline: 0;
}

div#tabs #tab-1,
div#tabs #tab-2,
div#tabs #tab-3,
div#tabs #tab-4 {
	background-image: url('../images/tabs_content_bg.png');
	background-repeat: no-repeat;
	position: relative; 
	bottom: 3px;
	width: 682px;
	padding-left: 2px;	
	height: 100px;
	padding-top: 20px;
	clear: both;
}

div#tabs h2 {
	margin-top: 0;
	clear: both;
}

div#tabs h3 {
	margin-left: 30px;	
	margin-bottom: 15px;
}

	/* Custom Bullets */
	div#tabs ol {
		margin-left: 20px;
	}
	
	div#tabs ol li {
		float: left;
		width: 185px;	
		font-size: 1.4em;
		margin-bottom: 5px;
		list-style: none;
		background-image: url('../images/neighbourhood_sprites.png');
		background-repeat: no-repeat;
		padding-left: 25px;
		height: 30px;
	}
	
	div#tabs ol li.neighbourhood_bullet_1 {background-position: 0 0;}
	div#tabs ol li.neighbourhood_bullet_2 {background-position: 0 -38px;}
	div#tabs ol li.neighbourhood_bullet_3 {background-position: 0 -76px;}
	div#tabs ol li.neighbourhood_bullet_4 {background-position: 0 -114px;}
	div#tabs ol li.neighbourhood_bullet_5 {background-position: 0 -152px;}
	div#tabs ol li.neighbourhood_bullet_6 {background-position: 0 -190px;}
	div#tabs ol li.neighbourhood_bullet_7 {background-position: 0 -228px;}
	div#tabs ol li.neighbourhood_bullet_8 {background-position: 0 -266px;}
	div#tabs ol li.neighbourhood_bullet_9 {background-position: 0 -306px;}
	div#tabs ol li.neighbourhood_bullet_10 {background-position: 0 -344px;}
	div#tabs ol li.neighbourhood_bullet_11 {background-position: 0 -382px;}
	div#tabs ol li.neighbourhood_bullet_12 {background-position: 0 -420px;}
	div#tabs ol li.neighbourhood_bullet_13 {background-position: 0 -458px;}
	div#tabs ol li.neighbourhood_bullet_14 {background-position: 0 -496px;}
	div#tabs ol li.neighbourhood_bullet_15 {background-position: 0 -534px;}
	div#tabs ol li.neighbourhood_bullet_16 {background-position: 0 -573px;}
	div#tabs ol li.neighbourhood_bullet_17 {background-position: 0 -612px;}
	div#tabs ol li.neighbourhood_bullet_18 {background-position: 0 -650px;}
	div#tabs ol li.neighbourhood_bullet_19 {background-position: 0 -688px;}
	div#tabs ol li.neighbourhood_bullet_20 {background-position: 0 -726px;}
	div#tabs ol li.neighbourhood_bullet_21 {background-position: 0 -765px;}
	div#tabs ol li.neighbourhood_bullet_22 {background-position: 0 -803px;}
	div#tabs ol li.neighbourhood_bullet_23 {background-position: 0 -841px;}
	div#tabs ol li.neighbourhood_bullet_24 {background-position: 0 -879px;}
	div#tabs ol li.neighbourhood_bullet_25 {background-position: 0 -918px;}
	div#tabs ol li.neighbourhood_bullet_26 {background-position: 0 -956px;}
	div#tabs ol li.neighbourhood_bullet_27 {background-position: 0 -994px;}
	div#tabs ol li.neighbourhood_bullet_28 {background-position: 0 -1032px;}
	div#tabs ol li.neighbourhood_bullet_29 {background-position: 0 -1070px;}
	div#tabs ol li.neighbourhood_bullet_30 {background-position: 0 -1109px;}
	div#tabs ol li.neighbourhood_bullet_31 {background-position: 0 -1147px;}
	div#tabs ol li.neighbourhood_bullet_32 {background-position: 0 -1185px;}
	div#tabs ol li.neighbourhood_bullet_33 {background-position: 0 -1224px;}
	div#tabs ol li.neighbourhood_bullet_34 {background-position: 0 -1262px;}
	div#tabs ol li.neighbourhood_bullet_35 {background-position: 0 -1300px;}
	div#tabs ol li.neighbourhood_bullet_36 {background-position: 0 -1338px;}
	div#tabs ol li.neighbourhood_bullet_37 {background-position: 0 -1377px;}
	div#tabs ol li.neighbourhood_bullet_38 {background-position: 0 -1414px;}
	div#tabs ol li.neighbourhood_bullet_39 {background-position: 0 -1453px;}
	div#tabs ol li.neighbourhood_bullet_40 {background-position: 0 -1491px;}
	div#tabs ol li.neighbourhood_bullet_41 {background-position: 0 -1529px;}
	div#tabs ol li.neighbourhood_bullet_42 {background-position: 0 -1567px;}
	div#tabs ol li.neighbourhood_bullet_43 {background-position: 0 -1605px;}

/* =============================================== Floorplans ========================================= */

.page-id-9 .video_trigger {
	border: 1px solid blue;
	
}


/* =============================================== The Gallery ========================================= */

.page-id-23 #content ul#gallery li {
	float: left; 
	list-style: none;
	margin: 0 20px 20px 0;
}

/* Admin features */
.post-edit-link {
  background-color: yellow;
}

/* =================================================== Links =================================================== */

a:link {color: #f1592a; text-decoration: none;}
a:visited {color: #6bb445; text-decoration: none;}
a:hover {color: #6bb445; text-decoration: none;}
a:active {color: #f1592a; text-decoration: none;}

/* Did you hear the joke about the king? It ruled! */