/*this centers the page and sets baseline font for page*/
body {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#666666;
	margin:0px auto;
	padding:0px;
	float:none;
	clear:none;
	background-color:#FFFFFF; 

}

/*overall page div's which center the inner divs*/
#containerDiv {
	margin:0px auto;
	padding:0px;
	width:100%;
	/* part 2 of the centering hack*/
	text-align:center;
	clear:none;
	float:none;
}



/*layout of content of the page*/

/*where the Eng/Fr switch is*/
#headerDiv {
	/*position:absolute;
	top:5px;*/
	text-align:left;
	z-index:97;

}


/*positions the div containing Lapointe Architects wordmark*/
#wordmarkDiv {
	display:block;
	position:absolute;
	margin-left:1px;
	border-bottom: #999999 1px solid;
	left:1px;
	top:42px;
	width:99.8%;
	height:50px;
	z-index:99;
	
	/* positions the wordmark*/
	text-align:right;


	}

/*controls placement of the wordmark - note, it will affect any images in this div*/	
#wordmarkDiv img{
	margin: 1px 15px;

}


#contentleft {
	display:block;
	float:left;
	
	margin-top: 10px;
	margin-left:14px;
	
	width:35%;
	height:500px;
	background-color:#FFFFFF;
	
	z-index:99;

	
	}


#contentright {
	display:block;
	float:left;
	
	margin-top: 10px;
	margin-left: 20px;
	width:52%;
	height:500px;
	background-color:#FFFFFF;
	
	text-align:left;
	z-index:99;
	
	}
/*styles on project & Research pages*/

#projectList {
	display:block;
	float:left;
	margin:1px 0px 0px 5px;

	width:100%;
	height: auto;
	
	text-align:left;
}
	

#projectDesc {
	display:block;
	float:left;
	margin-top:62px;
	margin-left:5px;
	width:100%;
	height:auto;
	
	text-align:left;
}	

#folio {
	display:block;
	float:left;
	text-align:left;
	margin-top:35px;
	margin-left:5px;
	width:500px;
	height:auto;
	z-index:auto; 

}

#thumbnail {
	display:block;
	float:left;
	margin-right:10px;
	z-index:inherit;
	border:1px #999 solid;
} 

#thumbnail:hover {
	border:1px #000 solid;
} 

#tmbSpacer {/*used when there are no thumbnails - just as a spacer to line up main image to the text*/
	display:block;
	float:left;
	margin-right:10px;
	z-index:inherit;
	border:1px #ffffff solid;

}

#projImage {
	display:block;
	float:left;
	margin-top: 10px;
	

} 	
	
/*END of styles on project & Research pages*/


/*positions the splash image on index page */	
#splashDiv {
	overflow:hidden;
	background-color:#FFFFFF;
	position:absolute;
	border-top: #FFF 1px solid;
	border-bottom: #FFF 1px solid;
	left:0px;
	top:125px;
	width:100%;
	height:280px;
	z-index:98;
	
	}	
		
/*center column on the main splash page */
#indexcenter {
	display:block;
	float:left;
	
	width:50%;
	height:200px;
	
	
	background-color:#FFFFFF;

	
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align:left;
	
	text-decoration:none;

	marign-top:20px;
	margin-bottom:15px;
	margin-left:20%;

	padding: 420px 5px 10px 5px;
	
	z-index:99;
	
	}


#footerDiv {
	clear:both;
	display:block;
	float:left;
	
	margin-top:50px;
	margin-left: 10px;/*centres the footer somehow*/
	
	padding-top: 5px;
	padding-bottom: 5px;

	width:90%;
	height: auto;
	
	z-index:200;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-align:center;
	color: #999999;
	
}

/*this is the stand alone print link*/
#print {
	display:block;
	float:left; 
	padding: 10px 0px 8px 15px;
	margin: 10px 0px 0px 30px;
	background-image:url(../graphics/print_sm.gif); 
	background-repeat:no-repeat; 
	background-position:left;

	}

#tool {
	display:block;
	float:left;
	width:24px;
	height:24px;
	margin-right:10px;
	padding:5px;
	text-align:center;
	z-index:inherit;
	border:1px #FFF solid;

}

#tool:hover {
	border:1px #000 solid;
}




.link {
		
	font-family:Arial, Helvetica, sans-serif;	
	text-decoration:none;
	font-weight:bold;
	color:#666666;
	
	}
	
	
.link:hover {
	
	color:#000000;
	text-decoration:none;

}	

.projLinkOn, .projLinkOff {
	text-decoration:none;
	font-weight:normal;
	text-decoration:none;
}

.projLinkOn{
	color:#647958;
	font-weight:bold;
}


.projLinkOff{
	color:#999999;
	font-weight:normal;
}


.projLinkOff:hover{
 		color:#000000;

}



.plainLink {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#666666;
	}
	
.plainLink:hover {
	color:#000000;
	text-decoration: underline;

}


.keyword {
	padding:0px 0px 0px 14px;
	line-height:20px;
	text-decoration:none;
	color: #647958;
	
	background-image:url(../graphics/css/keyword.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
	
	}

.keyword:hover {
	
	color:#000000;

}

.top {
	padding: 10px 16px 8px 0px;
	margin: 0px 0px 0px 0px;
	
	text-decoration:none;
	color: #647958;
	
	background-image:url(../graphics/css/top.gif); 
	background-repeat:no-repeat; 
	background-position:right;
	
	}

.top:hover {

	color:#000000;

}
	

.exLink {
	padding: 10px 16px 8px 0px;
	margin: 0px 0px 0px 0px;
	
	text-decoration:none;
	color: #647958;
	
	background-image:url(../graphics/css/newWindow.gif); 
	background-repeat:no-repeat; 
	background-position:right;
	
	}

.exLink:hover {

	color:#000000;

}
	


.langOn, .langOff {
	margin-left:40px;
	margin-right:15px;/*this is here in case we align it right, it will line up with the wordmark*/
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
.langOn {
	color:#666666;
	}


.langOn:hover{
	color:#000000;
}		


.langOff{
	color:#999999;
}
	
.langOff:hover{
	color:#000000;
}		



.selected {
		
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	
	text-decoration:none;
	color:#FF6600;
	
	}
		
	



.smallText {	
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;

	font-size: .8em;
	vertical-align:text-top;
	
	
	text-decoration:none;	
	}
	
	
.projSpec {

	font-family:Arial, Helvetica, sans-serif;	
	text-decoration:none;
	font-weight:bold;
	color: #647958;

	
	}
	
	
	

/*****************************
CSS for the scrolling content 
*****************************/

	#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:100%;
		height:420px;	/* The height of the scrolling div */
	}
	#scrolldiv_parentContainer{
		width:90%;	/* Width of the scrolling text */
		height:100%;
		overflow:hidden;
		
		float:left;
		position:relative;
	}
	

	#scrolldiv_content{
		border:#FFF 1px solid;
		padding: 5px;
		position:relative;
		font-family: Arial, Helvetica, sans-serif;
		line-height:120%;
		text-align:left;
		
	}
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:15px;
		margin-left:2px;
		height:420px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width:15px;
		height:420px;	/* when exposing UP/Down arrows make Total height - 40 pixels */
		border:1px solid #848484;
		position:relative;
		
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:13px;
		height:40px;
		background-color:#999;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:15px;
		height:16px;
		border:1px solid #848484;
		background-color:#848484;
		color: #999;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}

/****************************************
End of Scrollbar styles
*****************************************/