/*
	voice-family: "\"}\"";
	voice-family:inherit;
*/

body, html {
	height:100%;
	margin:0;
	}







/* --------------------------------- */
/*                                   */
/* ------>>> GLOBAL STYLES <<<------ */
/*                                   */
/* --------------------------------- */

/* --- TEXT --- */
p {font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:18px; margin:0; padding:0px 20px 20px 0px;}
	.txtBgColor {background-color:#f1f1f1; padding:1px 3px;}
td {font:12px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:15px;}
th {font:12px Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight: bold; line-height:18px;}

/* --- HEADINGS --- */
h1 {font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; margin:0px 0px 0px 0px; padding:0;}
	/* .h1Home {position:absolute; top:462px; left:470px; width:210px; font:10px Arial, Helvetica, sans-serif; color:#777; margin:0; padding-bottom:8px; border-bottom:3px solid #333;} */
	.h1Home {position:absolute; top:467px; left:530px; width:200px; font:10px Arial, Helvetica, sans-serif; color:#777; margin:0; padding-left:10px; border-left:3px solid #333;}

h2 {font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; margin:0px 0px 5px 0px; padding:0;}
	.h2Home {position:absolute; top:520px; left:470px; width:210px; font:14px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:0;}

h3 {font:12px Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; margin:0; padding:0;}

/* --- HYPERLINKS --- */
a {font:11px Verdana, Arial, Helvetica, sans-serif; color:#cc9900; font-weight:normal;}
	a.hpH1Link {font:10px Arial, Helvetica, sans-serif; color:#777;}
	a.hpH1Link:hover {color:#999;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}

/* --- LISTS --- */
ul {margin:0px 0px 20px 0px; padding:0;}
ol {margin:0px 0px 20px 10px; padding:0;}
li {margin:0px 0px 0px 16px; padding:0; font:11px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;}

/* --- FORMS --- */
form {padding:0; margin:0;}
input {padding:0; margin:0; font-size:11px;}

/* -- EXTRAS -- */
img {border:0; padding:0; margin:0; display:block;}
.noCSS {visibility:hidden;}
.noDisplay {display:none;}
.inline {display:inline;}
.clear {clear:both; height:0px;}




/* ---------------------------------- */
/*                                    */
/* --->>> GLOBAL LAYOUT STYLES <<<--- */
/*                                    */
/* ---------------------------------- */

/* backgrounds */
#bgHome {background-image:url(../images/bg_private1.jpg); background-position:center center; background-repeat:no-repeat;}
#bgProfile {background-image:url(../images/bg_subpage.gif); background-position:center center; background-repeat:no-repeat;}
#bgPortfolio {background-image:url(../images/bg_portfolio.gif); background-position:center center; background-repeat:no-repeat;}
#bgContact {background-image:url(../images/bg_contact.gif); background-position:center center; background-repeat:no-repeat;}

/* wrappers */
#centeringWrap {
	width: 1000px;
	height: 575px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -287px;
	}

#contentWrap {
	width:500px;
	height:300px;
	position:absolute;
	top:110px;
	left:30px;
	margin:0;
	padding:0;
	}

#contactInfoTable {
	position:absolute;
	top:225px;
	left:115px;
	}

#copyrightWrap {
	position:absolute;
	top:550px;
	left:0px;
	width:965px;
	margin:0 auto;
	text-align:right;
	font:9px Arial, Helvetica, sans-serif; color:#666; margin:0; padding:0;
	}
#copyrightWrap a {
	font:8px Verdana, Arial, Helvetica, sans-serif; color:#555; margin:0; padding:0;
	}



.btnVideo {position:absolute; left:825px; top:23px; background:url(../images/portfolio/btn_video_on.gif) no-repeat; white-space:nowrap; display:block; width:154px; height:16px; margin:0; padding:0; z-index:20;}
.btnVideo a {display:block; width:154px; height:16px; float:left; padding:0;}
.btnVideo img {width:154px; height:16px; border:0;}
* html a:hover {visibility:visible;}
.btnVideo a:hover img {visibility:hidden;}

#loadarea {margin:0; padding:0;}

.portfolioPic {
	width:495px;
	height:376px;
	position:absolute;
	top:23px;
	left:310px;
	margin:0;
	padding:0;
	}

#portfolioThumbs {
	width:154px;
	height:318px;
	position:absolute;
	top:41px;
	left:826px;
	margin:0;
	padding:0;
	}

#portfolioThumbs a {
	width:50px;
	height:38px;
	}

#portfolioThumbs img {
	width:50px;
	height:38px;
	margin-bottom:2px;
	}

#portfolioThumbs div#thumbsCol1 {
	width:50px;
	float:left;
	display:inline;
	margin:0px 2px 0px 0px;
	padding:0;
	}
#portfolioThumbs div#thumbsCol2 {
	width:50px;
	float:left;
	display:inline;
	margin:0px 2px 0px 0px;
	padding:0;
	}
#portfolioThumbs div#thumbsCol3 {
	width:50px;
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0;
	}


img.logo {position:absolute; top:460px; left:780px;}
img.pgTitle {position:absolute; top:50px; left:30px;}
img.resTitle {position:absolute; top:23px; left:293px;}


/* ---------------------------------- */
/*                                    */
/* --------->>> GLOBAL NAV <<<------- */
/*                                    */
/* ---------------------------------- */

#navWrap {
	position:absolute;
	top:505px;
	left:30px;
	width:450px;
	height:10px;
	margin:0;
	padding:0;
	}


a#btnHome {
	background:url(../images/btn_home.gif) no-repeat;
	white-space:nowrap;
	display:block;
	float:left;
	width:21px;
	height:20px;
	margin:0;
	padding:0;
	}
a#btnHome {display:block; width:21px; height:20px; display:block; float:left;}
a#btnHome img {width:21px; height:20px; border:0}
* html a:hover { visibility:visible }
a#btnHome:hover img { visibility:hidden }

a#btnProfile {
	background:url(../images/btn_profile.gif) no-repeat;
	white-space:nowrap;
	display:block;
	float:left;
	width:69px;
	height:20px;
	margin:3px 0px 0px 40px;
	padding:0px;
	}
a#btnProfile {display:block; width:69px; height:20px; display:block; float:left;}
a#btnProfile img {width:69px; height:20px; border:0;}
* html a:hover { visibility:visible }
a#btnProfile:hover img { visibility:hidden; }

a#btnPortfolio {
	background:url(../images/btn_portfolio.gif) no-repeat;
	white-space:nowrap;
	display:block;
	float:left;
	width:93px;
	height:20px;
	margin:3px 0px 0px 40px;
	padding:0;
	}
a#btnPortfolio {display:block; width:93px; height:20px; display:block; float:left;}
a#btnPortfolio img {width:93px; height:20px; border:0}
* html a:hover { visibility:visible }
a#btnPortfolio:hover img { visibility:hidden }

a#btnPartners {
	background:url(../images/btn_partners.gif) no-repeat;
	white-space:nowrap;
	display:block;
	float:left;
	width:86px;
	height:20px;
	margin:3px 0px 0px 40px;
	padding:0;
	}
a#btnPartners {display:block; width:86px; height:20px; display:block; float:left;}
a#btnPartners img {width:86px; height:20px; border:0}
* html a:hover { visibility:visible }
a#btnPartners:hover img { visibility:hidden }

a#btnContact {
	background:url(../images/btn_contact.gif) no-repeat;
	white-space:nowrap;
	display:block;
	float:left;
	width:77px;
	height:20px;
	margin:3px 0px 0px 40px;
	padding:0;
	}
a#btnContact {display:block; width:77px; height:20px; display:block; float:left;}
a#btnContact img {width:77px; height:20px; border:0}
* html a:hover { visibility:visible }
a#btnContact:hover img { visibility:hidden }



/* -- HOMEPAGE -- */
/* .btnHpSky {position:absolute; left:445px; top:465px; background:url(../images/btn_hp_summerlandsky_on.gif) no-repeat; white-space:nowrap; display:block; width:160px; height:57px; margin:0; padding:0; z-index:20;}
.btnHpSky a {display:block; width:160px; height:57px; float:left; padding:0;}
.btnHpSky img { width:160px; height:57px; border:0;}
* html a:hover {visibility:visible;}
.btnHpSky a:hover img {visibility:hidden;} */

/* -- PORTFOLIO -- */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25;}

span.pic{display:none; z-index:25;}

span.pic a.info:hover { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1em; left:15em; width:25em;
	color:#000;
    text-align: center;
	z-index:25;
	}

.btnViewListingSothebys {position:absolute; left:140px; top:330px; float:left; display:inline; width:114px; height:69px; margin:0; padding:0; z-index:100;}
.btnViewListingSothebys a {background-image:url(../images/btn_view_sothebys_on.gif); background-repeat:no-repeat; white-space:nowrap; width:114px; height:69px; display:block; margin:0; padding:0;}
.btnViewListingSothebys a img {width:114px; height:69px; border:0;}
* html .btnViewListingSothebys a:hover {visibility:visible;}
.btnViewListingSothebys a:hover img {visibility:hidden;}

.btnViewListingSeaToSky {position:absolute; left:140px; top:330px; float:left; display:inline; width:114px; height:69px; margin:0; padding:0; z-index:100;}
.btnViewListingSeaToSky a {background-image:url(../images/btn_view_seatosky_on.gif); background-repeat:no-repeat; white-space:nowrap; width:114px; height:69px; display:block; margin:0; padding:0;}
.btnViewListingSeaToSky a img {width:114px; height:69px; border:0;}
* html .btnViewListingSeaToSky a:hover {visibility:visible;}
.btnViewListingSeaToSky a:hover img {visibility:hidden;}

.btnViewListingHoffman {position:absolute; left:155px; top:330px; float:left; display:inline; width:95px; height:69px; margin:0; padding:0; z-index:100;}
.btnViewListingRemaxKelWestside {position:absolute; left:140px; top:330px; float:left; display:inline; width:114px; height:69px; margin:0; padding:0; z-index:100;}




/* -- PARTNERS - SOTHEBYS -- */
#sothebysVancouverContact {
    position:absolute;
	left:600px;
	top:320px;
	width:110px;
	height:50px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	text-align:center;
 }

#sothebysOkanaganContact {
    position:absolute;
	left:725px;
	top:320px;
	width:110px;
	height:50px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	text-align:center;
 }

#sothebysTollFreeContact {
    position:absolute;
	left:850px;
	top:320px;
	width:110px;
	height:50px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	text-align:center;
 }


/* -- PARTNERS - HOFFMAN -- */
#hoffmanContact {
    float:left;
	width:250px;
	color:#003366;
	text-align:left;
	margin-left:30px;
 }
 
#hoffmanContact p {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	margin:0;
	padding:0;
 }

/*********** Adding New Css for Article Page on 21 June 2011  **************************/
h1.pgheading{
	color:#000;
	font:"Times New Roman", Times, serif;
	font-size:28px;
	text-transform:uppercase;
	letter-spacing:10px;
	font-weight:700;
	padding-left:30px;
	padding-bottom:0;
	margin-bottom:0;
	}
h1 span.subtitle{
	color:#CC9900;
	font-weight:normal;
	font-size:24px;
	letter-spacing:7px;
}
 #articleInfoTable {
	position:absolute;
	top:120px;
	left:60px;
}
ul.linkListing{margin:0; padding:0}
ul.linkListing li a{color:#000;}	

.article1{
	background:url(../images/bg_homedesigner.jpg) no-repeat right top;	
}
.article2{
	background:url(../images/bg_homedesigns.jpg) no-repeat right top;	
}
.article11{
	
	margin-top:30px;
}