/* Stylesheet for Jamesliving.com */

body {
	margin: 0px;
	padding: 0px;
	background-image: url('../images2/james_background2.gif');
	background-repeat: repeat;
}

#wrapper {
	background-color: #CFCFC7;
	background-image: url("../images2/page-jameswoodgrain-tile.jpg");
	background-repeat: repeat-y;
	background-position: 10px 0px; 
	border: 1px #4B3900 solid;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	/*height: 655px;*/
}

#home-page #wrapper {
	background-color: #CFCFC7;
	background-image: none;
	border: 1px #4B3900 solid;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 655px;
}

h1 {
	font-family: georgia, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	color: #C3B600;
}

h2 {
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 14px;
	color: #C3B600;
}

a, a:link, a:visited { text-decoration: none; color: #C3B600;}
a:hover { color: #66BBFF;}

#james-living-image{
	float: left;
}

#home-page #wrapper #james-living-image{
	background-image: url('../images2/home-jamesliving.jpg');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	height: 623px;
	width: 349px;
	_width: 337px;
	overflow: hidden;
}

#building-page #james-living-image, 
#amenities-page #james-living-image,
#interiors-page #james-living-image,
#neighbourhood-page #james-living-image,
#cressey-page #james-living-image,
#register-page #james-living-image,
#sitemap-page #james-living-image{
	background-image: url('../images2/page-james-logo.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 603px;
	width: 252px;
	border-top: 10px solid #CFCFC7;
	overflow: hidden;
}

#navigation-content{
	float: right;
	display: inline;
	margin: 0px;
	margin-top: 10px;
	margin-right: 10px;
	padding: 0px;
	width: 638px;
	min-height: 603px;
	height: auto !important;
	height: 603px;
	/*overflow: hidden;*/
	background-color: #FFFFFF;
}

#navigation-content-seperator{
	background-color: #CFCFC7;
	height: 5px;
	}

#home-page #navigation-content{
	width: 541px;
}


#navigation{
	background-color: #C3B600;
	padding-left: 20px;
}

#navigation ul{
	list-style-type: none;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

#navigation ul li { 
	display: inline; 
	padding-right: 2%;
}

#navigation  ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 1.7em;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
}

#navigation  ul li a:hover {
	color: #000000;
}

#navigation ul li a.active{
	color: #000000;
}

#content-wrapper{
	margin-top: 10px;
	background-color: #FFFFFF;
}

#content {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 1.7em;
	color: #4B3900;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
/* Firefox 2 hack, fix PC overhang */
/*#content, x:-moz-any-link { min-height: 477px; }*/

/* Firefox 3 reset */
/*#content, x:-moz-any-link, x:default { min-height: 479px;}*/

#home-page #content{
	padding-top: 100px;
	padding-left: 120px;
	padding-right: 80px;;
}

#building-page #content,
#amenities-page #content,
#neighbourhood-page #content,
#interiors-page #content,
#cressey-page #content,
#register-page #content,
#sitemap-page #content {
	line-height: 1.3em;
	font-size: 11px;
}

#neighbourhood-page #page-image{
	width: 638px;
	height: 298px;
	overflow: hidden;
	border-bottom: #d9d9d9 1px solid;
}


#arrow-container {
	position: absolute;
	right: 0px;
	top: 260px;
	width: 21px;
	/*height: 0px;*/
}

#page-image-arrows{
	margin: 0px;
	padding: 0px;
	width: 21px;
	list-style-type: none;
}

#page-image-arrows li{
	padding: 0px;
	margin: 0px;
	line-height: 0;
}

#page-image-arrows li a{
	outline: none;
}

#legend-content ol li {
	padding: 3px 0px 2px 1px;
}

#legend-future{
	padding: 0px;
	padding-left: 23px;
	margin: 0px;
	list-style-type: decimal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
}

#legend-future .legend-number{
	padding-right: 10px;
}

#legend-existing{
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	list-style-type: upper-alpha;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
}

#legend-transportation{
	padding: 0px;
	padding-left: 0px;
	margin: 0px;
	list-style-type: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#legend-transportation li{
	height: 18px;
	line-height: 18px;
	vertical-align:center;
	text-indent: 25px;
}

#legend-transportation #street-car-route{
	background: #FFFFFF url(../images2/icons/street-car-route.gif) 0px 50% no-repeat;
}

#legend-transportation #street-car-stop{
	background: url(../images2/icons/street-car-stop.gif) 0px 50% no-repeat;
}

#legend-transportation #bike-path{
	background: url(../images2/icons/bike-path.gif) 0px 50% no-repeat;
}

#legend-transportation #bus-stop{
	background: url(../images2/icons/bus-stop.gif) 0px 50% no-repeat;
}

#legend-transportation #waterfront-promenade{
	background: url(../images2/icons/water-front-promanade.gif) 0px 50% no-repeat;
}

#legend-transportation #canada-line-stop{
	background: url(../images2/icons/canada-line-station.gif) 0px 50% no-repeat;
}

#legend-transportation #skytrain-station{
	background: url(../images2/icons/main-skytrain-station.gif) 0px 50% no-repeat;
	padding-top: 8px;
}

#legend-transportation #canada-line-route{
	background: url(../images2/icons/canada-line-route.gif) 0px 50% no-repeat;
}

#legend-transportation #expo-line{
	background: url(../images2/icons/expo-line-skytrain.gif) 0px 50% no-repeat;
}

#legend-transportation #aquabus-route{
	background: url(../images2/icons/aquabus-route.gif) 0px 50% no-repeat;
}
#legend-transportation #aquabus-stop{
	background: url(../images2/icons/aquabus-stop.gif) 0px 50% no-repeat;
}

#building-page #content #page-title,
#amenities-page #content #page-title,
#neighbourhood-page #content #page-title,
#interiors-page #content #page-title,
#cressey-page #content #page-title,
#register-page #content #page-title,
#sitemap-page #content #page-title {
	padding-right: 22px;
	padding-top: 25px;
}

#page-text{
	margin-top: 5px;
}

#page-text p{
	margin: 0px;
	margin-bottom: 8px;
}

#building-page #content #page-text,
#amenities-page #content #page-text,
#interiors-page #content #page-text,
#cressey-page #content #page-text {
	padding-right: 22px;
/*	height: 185px;
	overflow: auto;*/
}

#register-page #page-title, #register-page #page-text { margin-left: 15px;}


#scroll-wrapper {
	/*overflow:auto;
	height: 238px;*/
	margin-left: 175px;
}

#neighbourhood-page #content #page-text {
	padding-right: 0px;
/*	height: 230px;
	overflow: hidden;*/
}

#register-page #content #page-text{
	padding-right: 22px;
/*	height: 500px;
	overflow: hidden;*/
}

#sitemap-page #content #page-text{
	padding-right: 22px;
/*	height: 500px;
	overflow: auto;*/
}

#legend-content .list-title{
	font-weight: bold;
}


#page-navigation {
	float: left;
	padding:0px;
	margin:0px;
	margin-left: 25px;
	margin-top: 25px;
	width: 150px;
	/*height: 215px;*/
	list-style-type: none;
}

#cressey-page- #page-navigation {
	width: 22px;
}

#cressey-page #video-title {
	background-color: #4d4d4d;
	color: #FFFFFF;
	padding-left: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 2.2em;
	text-transform: uppercase;
}

#neighbourhood-page #page-navigation {
	width: 120px;
}

#neighbourhood-page #scroll-wrapper {
	margin-left: 120px;
	overflow: hidden;
}

#bottom-page-nav {
	position: fixed;
	margin-top: 190px;
	color: #4B3900;
	display: none;
}

#neighbourhood-page #bottom-page-nav {
	position: fixed;
	margin-top: 160px;
	color: #4B3900;
	display: none;
}

#neighbourhood-page div#navigation-content {
	position: relative;
}


#page-navigation a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #807F83;
	text-decoration: none;
	outline: none;
}

#page-navigation a:hover {
	color: #4B3900;
}

#page-navigation a.active {
	color: #4B3900;
}

#content-scroll {
	position: absolute;
	display: none;
	width: 13px;
	height: 30px;
	border: 0px #000000 solid;
	margin-left: 620px;
	margin-top: -200px;
}

/*#neighbourhood-page #content-scroll {
	margin-top: -170px;
}*/

#content-scroll a {
	outline: none;
	cursor: pointer;
}

#footer { 
	background-color: #CFCFC7;
	padding-bottom: 8px;
	padding-top: 10px;
}

#footer a {
	color: #717074;
}

#home-page #footer {
	background: none;
	padding: 0;
}

#statement {
	margin-left: 10px;
	color: #717074;
	text-transform: uppercase;
	width: 335px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 1.5em;
	float: left;
}

#address {
	margin-left: 20px;
	color: #717074;
	text-transform: uppercase;
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 1.5em;
	float: left;
}

#logos {
	float: right;
	display: inline;
}

#logos img {
	border: none;
	margin: 0px 10px;
}

#logos img.mac {
	padding: 0px 10px 4px 10px;;
}

#cressey-video {
	height: 225px;
}

.content-title{
	font-weight: bold;
	font-style: italic;
}
.clearme {
	line-height: 1%;
	font-size: 0;
	margin: 0;
	padding: 0;
	clear:both;
}

div#neighbourhood-content,
div#athletes-content,
div#connected-content,
div#community-content {
	padding-right: 20px;
}

.floor-plans-headings { 
font-weight: bold; 
}



/***** CLEAR FIX *****/

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} 
.clearfix {
display: inline-block;
} 
html[xmlns] .clearfix {
display: block;
} 
* html .clearfix {
height: 1%;
}



/* SCROLL PANE */
a.jScrollArrowUp {
	background: url(../images2/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images2/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}