/*      
-----------------------------------------------------------------------
HARBOURVIEW PROJECTS || WWW.HARBOURVIEWPROJECTS.CA ||||||||||||||||||||
CSS Document Author: Terry Evans, VIBE9 DESIGN |||| WWW.VIBE9DESIGN.COM
-----------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------  Globals
---------------------------------------------------------------------------------- */
 * { padding:0; margin:0; }

body {
	margin: 0; padding: 0; border:0;
	font: 12px/1.4em Helvetica, Arial, Sans-Serif;
	color:#ffffff;
	background: #3D4143 url(/hvp/gfx/bg.gif) repeat-x;
}
	h1 {margin:0; padding:0; font-weight:900; font: 18px/1em Helvetica, Arial, Georgia, Sans-Serif;}
	h2 {margin:0; padding:0; font-weight:900; font: 16px/1.4 Helvetica, Arial, Georgia, Sans-Serif;}
	h3 {margin:0; padding:0; font-weight:bold; font: 14px/1.4 Helvetica, Arial, Georgia, Sans-Serif;}
	p {margin:0; padding:0;}
	span {margin:0; padding:0;}
	ul {margin:0; padding:0; list-style-type:none;}
	li {margin:0; padding:0;}
	img {margin:0; padding:0; border:0;}
	blockquote {padding: 0 45px 0 45px; font-size: 14px; line-height:1.2em; font-weight:bold;}
	div {position:relative;}
	.hide {display:none;}
/* ---------------------------------------------------------------------  Links FX
---------------------------------------------------------------------------------- */
	a {color:#ffffff; text-decoration:none;}
	a:hover {color: #FFD123; text-decoration:none;}
	
	#content a {color:#ffffff; text-decoration:none;}
	#content a:hover {color: #FFD123; text-decoration:none;}
		
	#content h2 a {text-decoration:none; font-size: 12px;}
	#content h2 a:hover {text-decoration:none;}
	
	#footer a {color:#ffffff; text-decoration:none; font-weight:bold; padding: 0 2px 0 2px;}
	#footer a:hover {color: #FFD123; text-decoration:none;}
		
/* -----------------------------------------------------  Primary Layout Divisions
---------------------------------------------------------------------------------- */
#wrapper { 
	margin: 0; padding: 0; background: transparent url(/hvp/gfx/bar.gif) repeat-y;
	background-position: 50% 188px;
}

/* -------------------------------------------------------------  Logo Banner Area
---------------------------------------------------------------------------------- */
#banner {
	margin: 0; padding:0;
}
#banner h1 {
	margin: 0; padding: 0; height: 153px; background:transparent url(/hvp/gfx/hvp_logo_new.gif) no-repeat center;
}
body.naturescove #banner h1 {
	background:transparent url(/hvp/gfx/hvp_logo_new.gif) no-repeat center;
}
#banner h1 span {display:none;}

/* ----------------------------------------------------------  Main Navigation Bar
---------------------------------------------------------------------------------- */
#navbarcontainer {
	margin: 0; padding:0;
	width:764px; height:35px;
	background: #3D4143 url(/hvp/gfx/navbar.gif) no-repeat;
	background-position:  50% 50%;
	clear:both;
}
#navbarcontainer div.navbar {
	margin: 0 0 0 11px;
	height: 35px;
}

#navbarcontainer div.navbar ul {
	text-align:right;
	padding: 0 0 0 0;
	color:#FFFFFF;
	line-height: 14px;
	font-size:11px;
}

#navbarcontainer div.navbar li {
	
	padding:0 0px 0 0px; margin:0;
	list-style:none;
	display:inline;
}

#navbarcontainer div.navbar li a span {
display: none;
margin: 0; padding: 0;
}

#navbarcontainer div.navbar li a {
	display: block; float:left;
	width: 60px;  
	margin: 0; padding:0;
	height: 35px; 
	}

#navbarcontainer div.navbar li a {
	color: #ffffff;
	text-decoration:none;
	font-weight:bold;
}
#navbarcontainer div.navbar li a:hover {
	color: #45377C;
	text-decoration:none;
	font-weight:bold;
}

/* ---------------------------------------------------------  Layout: Pics on Left
---------------------------------------------------------------------------------- */
#container {
	margin: 0 auto;
	width: 764px; padding: 0;
	background: transparent url(/hvp/gfx/switch-main.gif) repeat-y left;
	background-position:  12px 50%;
}
#contentarea {
	margin: 0 12px 0 12px ; padding:0;
}
#content {
	float:right; position:relative;
	width: 433px; height: 460px;
	border-top: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
	overflow:hidden;
}
#sidebar {
	float: left; position:relative;
	width: 301px;height: 460px;
	border-top: 8px solid #ffffff;
	overflow:hidden;
}
body#project inner #sidebar {
	height:700px;
}

/* --------------------------------------------------------  Layout: Pics on Right
---------------------------------------------------------------------------------- */
body#switchCols #container {
	margin: 0 auto;
	width: 764px; padding: 0;
	background: transparent url(/hvp/gfx/main.gif) repeat-y left;
	background-position:  12px 50%;
}
body#switchCols #contentarea {
	margin: 0 0 0 12px ; padding:0;
}
body#switchCols div#content {
	float: left; position:relative;
	width: 433px;height: 460px;
	border-top: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
	overflow:hidden;
}
body#switchCols div#sidebar {
	float: left; position:relative;
	width: 301px;height: 460px;
	border-top: 8px solid #ffffff;
	overflow:hidden;
}

/* ---------------------------------------------------------  Layout: HOME PAGE
---------------------------------------------------------------------------------- */
body#home #container {
	margin: 0 auto;
	width: 764px; padding: 0;
	background: transparent url(/hvp/gfx/main-home.gif) repeat-y left;
	background-position:  12px 50%;
}

body#home div#content {
	float:right; position:relative;
	width: 501px; height: 165px;
	border-top: 8px solid #ffffff;
	border-bottom:8px solid #ffffff;
	overflow:hidden;
}
body#home div#sidebar {
	float: left; position:relative;
	width: 232px;height: 172px;
	border-top: 8px solid #ffffff;
	overflow:hidden;
}

body#home #spanner {clear: both; float:left; width: 100%;}
body#home #spanner div.flash { border-left: 7px solid #ffffff; border-right: 8px solid #ffffff;
border-bottom: 8px solid #ffffff; text-align:left; background: #ffffff;}
body#home div.subcontent {float:left; width:100%; border-bottom: 8px solid #ffffff;}
body#home div.colA {float:left; width:335px;}
body#home div.colB {float:left; width:276px; padding:0; margin:0;}
body#home div.colC {float:left; width:129px;}
body#home div.colA img {border-left: 8px solid #ffffff;border-right: 8px solid #ffffff;}
body#home div.colC img {border-left: 5px solid #ffffff;}
body#home div.colB p {padding:0; margin:0; text-align:center; line-height:1em;
font-weight:bold; color:#FFD123;}
body#home div.colB p.special {padding:25px 5px 55px 5px; margin:5px; text-align:center; line-height:1em;font-size: 14px;
}
body#home div.colB p a {padding:2px 0 2px 0; margin: 0;display:block; width: 276px; background:#FFD123;}
body#home div.colB p a:hover {background-color: #cccccc;color: #3D4143;}

body#home div.image {margin-left: 1px;border-top: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;}
body#home #sidebar img {padding: 0 0 0 0; margin: 0;}
body#home #content h1 {display:none;}
body#home #content p.top {padding-top: 8px;}
body#home #content p {line-height:14px;}

body#project div.colD p.regbtn {margin:0 0 0 150px; display:block; height:20px; line-height:20px; font-weight:bold;}
body#project div.colD p.regbtn a {color:#000;}
body#project div.colD p.regbtn a:hover {color:#fff;}
/* ------------------------------------------------------  Side Bar Sub Navigation
---------------------------------------------------------------------------------- */
#subnav {margin-left: 7px;}

#sidebar ul {display:block;list-style:none;margin: 0; padding:0;}

#subnav ul {list-style: none;margin: 0;padding: 0;border: none;}

#subnav li {border-bottom: 1px solid #F0F0F0;margin: 0;}

#subnav li a {
 display: block;
 padding: 3px 5px 3px 7px;
 border-right: 8px solid #3D4143;
 background-color: #FFD123;
 color: #3D4143; font-weight:500;
 text-decoration: none;
 width:294px;
} html>body #subnav li a { width: auto; }

#subnav li a:hover {
 border-right: 8px solid #FFD123;
 background-color: #cccccc;
 color: #3D4143; font-weight:500;
}

#subnav li a.active {
 border-right: 8px solid #E6C02E;
 background-color: #cccccc;
 color: #fff;
}

/* --------------------------------------------------------  Main Content Styling
---------------------------------------------------------------------------------- */
#content {font-size:11px;}
#content p {padding: 0 35px 10px 15px; color:#FFFFFF;}
#content h1 {display: block; margin:15px 0 0 0; font-weight:bold; color:#FFD123; padding: 7px 10px 10px 15px;}
#content h2 {padding: 5px 10px 5px 15px;color:#FFD123;font-weight:bold;}
#content h3 {padding: 7px 10px 5px 15px; font-weight:bold;}
#content h4 {font-size: 12px;}
#content ul{padding: 2px 0 2px 15px;}
#content li{padding: 1px; line-height:1.1em;}

#content p.right {text-align:right;}
#content p.center {text-align:center;}

#sidebar h2 {padding: 0px 5px 2px 5px; font-size:14px; font-weight:bold; color:#3D4143;}
#sidebar p {padding:5px;color:#3D4143;}

div.boxLeft {float:left; width: 210px; padding-top: 20px;}
div.boxRight {float:right; width: 190px; padding-top: 20px;}

html>body div.boxLeft h2 {white-space:nowrap;}

div.boxRight ul {padding: 0 15px 0 0;margin-right: 15px;}
div.boxRight h2 {width: 180px;}

/* CORPORATE PROFILE
---------------------------------------------------------------------------------- */
body#corporate_profile #content h1 {display:none;}
body#corporate_profile #content p.first {padding-top: 15px;}
div.boxLeft ul.credits {color:#FFD123;width: 180px;}

/* PORTFOLIO
---------------------------------------------------------------------------------- */
body#portfolio #container {
	margin: 0 auto;
	width: 764px; padding: 0;
	background: transparent url(/hvp/gfx/main-home.gif) repeat-y left;
	background-position:  12px 50%;
}

body#portfolio div#content {
	float:right; position:relative;
	width: 501px; height: 580px;
	border-top: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
	overflow:hidden;
}
body#portfolio div#sidebar {
	float: left; position:relative;
	width: 232px;height: 460px;
	border-top: 8px solid #ffffff;
	overflow:hidden;
}
body#portfolio #content h1 {display:none;}
body#portfolio h2 {font-size:11px;}
body#portfolio div.boxLeft ul li {padding: 3px 0 3px 0;}
body#portfolio div.boxLeft ul li.tab {padding: 3px 0 3px 0; margin: 0 0 0 10px; border-bottom: 1px solid #cccccc;}
body#portfolio div.boxLeft {float:left; width: 210px; padding-top: 10px;}
body#portfolio div.boxRight {float:right; width: 208px; padding-top: 10px;}
body#portfolio div.boxRight img {border: 1px solid #ffffff; margin:0;}
body#portfolio div.boxRight p {padding: 0; margin:0;}
body#portfolio div.boxLeft ul li.brdr {border-bottom: 1px solid #cccccc; padding-bottom:5px;}

/* LINKS
---------------------------------------------------------------------------------- */
body#links #content h2 {font-size: 12px;}

/* CONTACT US
---------------------------------------------------------------------------------- */
body#contact div.boxLeft {float:left; width: 200px; padding-top: 10px;}
body#contact div.boxRight {float:right; width: 180px; padding-top: 10px;}
body#contact #content h1 {font-size: 12px;}
body#contact #content h2 {font-size:11px;}
body#contact #content div.boxLeft ul {padding-top: 5px;}
body#contact #content div.boxLeft ul li {padding: 2px 0 2px 0;}
body#contact #content address {padding: 2px 0 2px 15px;}
body#contact #content a {color:#FFD123;}
body#contact #content a:hover {color:#cccccc;}
body#contact #content h2.register a { margin: 0 30px 0 0; padding:2px; text-align:center; display: block; text-decoration:none; font-size: 12px;color:#FFFFFF; background:#FFD123;}
body#contact #content h2.register a:hover {text-decoration:none; background:#E6C02E; color:#FFFFFF;}

/* REGISTRATION FORM
---------------------------------------------------------------------------------- */
#regForm { background:#fff; padding: 7px; }

div.clear {clear: left;height: 10px;}

/* -------------------------------------------------------------  Side Bar Content
---------------------------------------------------------------------------------- */
#sidebar img {padding: 0 0 8px 0; margin: 0;}
#sidebar img.top {padding:0 0 8px 0; margin:0;}

#facts {
	margin-left: 0px;	
}

/* -------------------------------------------------------  Navigation Bar Buttons
---------------------------------------------------------------------------------- */
#navbarcontainer div.navbar li a.home {
	background: transparent url(/hvp/gfx/nav/home.gif) no-repeat; 
	width: 105px;background-position: 0 50%;
}
#navbarcontainer div.navbar li a.home:hover {
	background-position: -107px 50%;
}

#navbarcontainer div.navbar li a.currently_offering {
	background: transparent url(/hvp/gfx/nav/currently_offering.gif) no-repeat; 
	width: 195px;background-position: -199px 50%; border-right: 1px solid #ffffff;
}
#navbarcontainer div.navbar li a.currently_offering:hover {
	background-position: 0px 50%;
}
body#currently_offering #navbarcontainer div.navbar li a.winter {
background-position: 0px 50%;}

#navbarcontainer div.navbar li a.corporate_profile {
	background: transparent url(/hvp/gfx/nav/corporate_profile.gif) no-repeat;
	width: 177px; background-position:0px 50%;
}
#navbarcontainer div.navbar li a.corporate_profile:hover {
	background-position: -180px 50%;
}
body#corporate_profile #navbarcontainer div.navbar li a.corporate_profile {
background-position: -180px 50%;}

#navbarcontainer div.navbar li a.portfolio {
	background: transparent url(/hvp/gfx/nav/portfolio.gif) no-repeat;
	width: 132px;background-position: 0px 50%;border-right: 1px solid #ffffff;
}
#navbarcontainer div.navbar li a.portfolio:hover {
	background-position: -132px 50%;
}
body#portfolio #navbarcontainer div.navbar li a.portfolio {
background-position: -132px 50%;}

#navbarcontainer div.navbar li a.contact {
	background: transparent url(/hvp/gfx/nav/contact.gif) no-repeat;
	width: 132px;background-position: 0px 50%;
}
#navbarcontainer div.navbar li a.contact:hover {
	background-position: -133px 50%;
}
body#contact #navbarcontainer div.navbar li a.contact {
background-position: -133px 50%;}

/* -----------------------------------------------------------------  Page  Footer
---------------------------------------------------------------------------------- */
#footer {
	clear: both;
	text-align:right;
	margin:0; padding: 2px 12px 2px 2px;
	display: block;
	background:#3D4143;
	color: #cccccc;
	font-size: 10px;
}

/* -----------------------------------------------------------------  Dynamic Menu
---------------------------------------------------------------------------------- */
ul.dynamicmenu {display: block; background:transparent;}

ul.dynamicmenu li a {
 display: block;
 border-bottom:1px solid #ffffff;
 padding: 0 0 0 8px;
 background-color: #FFD123;
 color: #3D4143; font-size:10px;
 text-decoration: none;
 width:195px;
} html>body ul.dynamicmenu li a { width: auto; }

ul.dynamicmenu li a:hover {background-color: #FFD123;color: #3D4143;}

#menu1Content {background:transparent;}
#menu1Content img {padding: 0 0 0 10px; margin: 0;}


/* INNER PAGE LAYOUT [ vista29 ]
---------------------------------------------------------------------------------- */
body.inner #container {
	margin: 0 auto;
	width: 764px; padding: 0;
	background: transparent url(/hvp/gfx/main-home.gif) repeat-y left;
	background-position:  12px 50%;
}

body.inner div#content {
	float:right; position:relative;
	width: 501px;
	border-top: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
	overflow:hidden;
}
body.inner div#sidebar {
	float: left; position:relative;
	width: 232px;height: 600px;
	border-top: 8px solid #ffffff;
	overflow:hidden;
}

#content p.bar {margin:20px 0 0 0; padding:0;}
#content p.bar a {color:#3D4143; font-weight:bold; background:#FFD123; display:block; width:100%; padding:2px;}
#content p.bar a:hover {background:#cccccc; color:#3D4143;}

#content p.prop {height:600px;width:1px; float:left; padding:0; margin:0;}

/* --- switcheroo --- */
body.inner #contentarea #content {height:100%;}
body.inner #contentarea #sidebar {height:500px; padding:0; margin:0;}
body.inner #contentarea {height:100%;}

ul#plans {margin:0 0 0 5px;}

div.desc {display:none;}
div.rssThumbs {height:15px;}
div.fullsize {clear:both; margin-top:15px;}
html>body div.fullsize {margin-top:0px;}

body.inner #contentarea div.switchdivs div.switchme h1 {margin:15px 0; padding:0;}
body.inner div.switchdivs div.rssThumbFloat a {float:left; display: block; width:60px; height:15px; line-height:15px;}

#contentarea div.switchdivs {float:right; margin:0; padding:0 0 20px 0; width:480px;}
#contentarea #plannav {width:98%; height:500px; background: url(/gfx/floorplans/placeholder.gif) no-repeat top right; position:relative;}
.switchme {display:none;}
.switchplanB {display:none;}
div.switchme p.pdf {clear:both: height:15px; line-height:15px;margin-top:5px; text-align:right;}
div.switchme p.pdf a {font-style:italic;}

body#project #contentarea ul li#ap a.hover,
body#project #contentarea ul li#bp a.hover,
body#project #contentarea ul li#cp a.hover,
body#project #contentarea ul li#dp a.hover,
body#project #contentarea ul li#dt a.hover,
body#project #contentarea ul li#ep a.hover,
body#project #contentarea ul li#fp a.hover,
body#project #contentarea ul li#gp a.hover,
body#project #contentarea ul li#hp a.hover,
body#project #contentarea ul li#jp a.hover,
body#project #contentarea ul li#kp a.hover,
body#project #contentarea ul li#lp a.hover,
body#project #contentarea ul li#mp a.hover,
body#project #contentarea ul li#qp a.hover
 { border-right: 8px solid #FFD123;
 background-color: #3D4143 ;
 color: #cccccc; font-weight:500;}

/* Clear Fix
--------------------------------------------------------------------------------------------------- */
.clear { clear: both; }

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */