body {
	background: #938E7B url("images/paperbg.jpg");
}

#container {
	width: 900px;
	height: 600px;
	margin: 25px auto 20px auto;
}

#white {
	width: 900px;
	height: 539px;
	margin: 0px auto 10px auto;
	float: left;
	background: url("images/white.png") no-repeat;
}

#content {
	width: 685px;
	height: 430px;
	float: left;
	margin: 30px 15px 30px 125px;
	font-family: Helvetica, Arial;
	font-size: 12px;
	overflow: auto;
}

#storefront {
	width: 461px;
	height: 290px;
	float: left;
	margin: 0px 10px 5px 115px;
	background: url("images/storefrontframe.png");
}

#title-en {
	width: 250px;
	height: 87px;
	float: left;
}

#title-en a {
	text-decoration: none;
	display:block;
	width: 250px;
	height: 87px;
	background: url("images/header-en.png") no-repeat;
}

#title-fr {
	width: 250px;
	height: 87px;
	float: left;
}

#title-fr a {
	display: block;
	width: 250px;
	height: 87px;
	background: url("images/header-fr.png") no-repeat;
}

#header {
	width: 823px;
	height: 87px;
	margin: 0px 0px 0px 110px;
	float: left;
}
#header span{
	visibility: hidden;
}

#francais {
	width: 99px;
	height: 31px;
	margin: 56px 0px 0px 610px;
	float: top;
}
#francais a{
	display: block;
	text-decoration: none;
	width: 99px;
	height: 31px;
	background: url("images/francais.png") no-repeat;
}

#francais a:visited{
	text-decoration: none;
}

#english {
	width: 99px;
	height: 31px;
	margin: 56px 0px 0px 610px;
	float: top;
}

#english a{
	display: block;
	width: 99px;
	height: 31px;
	background: url("images/english.png") no-repeat;
}

#links {
	width: 823px;
	height: 31px;
	margin: 0px 0px 0px 110px;
	float: left;
}

#links a {
	display: block;
	text-decoration:none;
}

#links a:visited {
	text-decoration: none;
		
	}
	
#links span{
	visibility: hidden;
}	



#aboutLink {
	float: left;
	height: 25px;
	width: 90px;
	margin: 0px 12px 0px 12px;
	}
	
#aboutLink a {
	width: 90px;
	height: 25px;
	display: block; 
	background: url("images/aboutsmall.png") no-repeat;
	}
	
	#aproposLink {
		float: left;
		height: 25px;
		width: 92px;
		margin: 0px 10px 0px 10px;
		}

	#aproposLink a {
		width: 92px;
		height: 25px;
		display: block; 
		background: url("images/apropossmall.png") no-repeat;
		}	
		
#magazineLink {
	float: left;
	width: 112px;
	height: 25px;
	margin: 0px 12px 0px 12px;
}

#magazineLink a {
	width: 112px;
	height: 25px;
	display: block;
	background: url("images/magazine.png") no-repeat;
}

#magazine-frLink {
	float: left;
	width: 112px;
	height: 25px;
	margin: 0px 10px 0px 10px;
}

#magazine-frLink a {
	width: 112px;
	height: 25px;
	display: block;
	background: url("images/magazine.png") no-repeat;
}
	
#locationLink {
	float: left;
	height: 25px;
	width: 89px;
	margin: 0px 12px 0px 12px;
	}

#locationLink a {
	width: 89px;
	height: 25px;
	display: block; 
	background: url("images/locationsmall.png") no-repeat;
	}	
	
	#noustrouverLink {
		float: left;
		height: 25px;
		width: 181px;
		margin: 0px 10px 0px 10px;
		}

	#noustrouverLink a {
		height: 25px;
		width: 181px;
		display: block; 
		background: url("images/noustrouversmall.png") no-repeat;
		}
		
#shopLink {
	height:25px;
	width: 155px;
	float: left;
	margin: 0px 12px 0px 12px;
}

#shopLink a {
	display: block;
	height: 25px;
	width: 155px;
	background: url("images/shopsmall.png") no-repeat;
} 

#magasinerLink {
	height:25px;
	width: 108px;
	float: left;
	margin: 0px 10px 0px 10px;
}

#magasinerLink a {
	display: block;
	height: 25px;
	width: 108px;
	background: url("images/magasinersmall.png") no-repeat;
} 

			
#policiesLink {
	float: left;
	height: 25px;
	width: 142px;
	margin:0px 12px 0px 12px;
	}

#policiesLink a {
	width: 142px;
	height: 25px;
	display: block; 
	background: url("images/policiessmall.png") no-repeat;							
	}						
			
				#politiquesLink {
					float: left;
					height: 25px;
					width: 119px;
					margin: 0px 10px 0px 10px;
					}

				#politiquesLink a {
					width: 119px;
					height: 25px;
					display: block; 
					background: url("images/politiquessmall.png") no-repeat;							
					}
					
		#whatsNewBox {
			width: 670px;
			height: 92px;
			float: left;
			margin: 0px 0px 0px 0px;
			background: url("images/whatsnewbox.png");
		}			
		
		#whatsNewBoxFr {
			width: 670px;
			height: 92px;
			float: left;
			margin: 0px 0px 0px 0px;
			background: url("images/whatsnewbox-fr.png");
		}
		
		#twitter_div {
			font-family: Georgia;
			font-size: 14px;
			width: 650px;
			height: 80px;
			margin: 20px 5px 5px 5px;
			float: left;
		}
			
		#homepage {
			position: absolute;
			right: 5px;
			bottom: 5px;
		}	
		
		#homepage a {
			width: 175px;
			height: 20px;
			display: block;
			background: url("images/bydaniel.png");
		}		
			
		#homepage-fr {
			position: absolute;
			right: 5px;
			bottom: 5px;
		}	
		
		#homepage-fr a {
			width: 181px;
			height: 20px;
			display: block;
			background: url("images/bydaniel-fr.png");
		}
		
		#facebook {
			width: 192px;
			height: 20px;
			position: absolute;
			right: 5px;
			top: 5px;		
		}
		
		#facebook-fr {
			width: 200px;
			height: 20px;
			position: absolute;
			right: 5px;
			top: 5px;		
		}
		
		#facebooklogo {
			width: 24px;
			height: 20px;
			float: left;
			background: url("images/facebooklogo.png");
		}
		
		#facebookshare {
			width: 45px;
			height: 20px;
			float: left;
		}
		
		#facebookshare a {
			width: 45px;
			height: 20px;
			display: block;
			background: url("images/facebookshare.png");
		}
		
		#facebookpartager {
			width: 73px;
			height: 20px;
			float: left;
		}
		
		#facebookpartager a {
			width: 73px;
			height: 20px;
			display: block;
			background: url("images/facebookpartager.png");
		}
		
		#facebookslash {
			width: 11px;
			height: 20px;
			float: left;
			background: url("images/facebookslash.png");
		}
		
		#facebookfan {
			width: 112px;
			height: 20px;
			float: left;
		}
		
		#facebookfan a {
			width: 112px;
			height: 20px;
			display: block;
			background: url("images/facebookbecomeafan.png");
		}
		
		#facebookdevenirfan {
			width: 88px;
			height: 20px;
			float: left;
		}
		
		#facebookdevenirfan a {
			width: 88px;
			height: 20px;
			display: block;
			background: url("images/facebookdevenirfan.png");
		}
		
	
	
#francais a:hover {background: url("images/francais-over.png") no-repeat;}						
#aboutLink a:hover {background: url("images/aboutsmall-over.png") no-repeat;}
#locationLink a:hover {background: url("images/locationsmall-over.png") no-repeat;}
#booksLink a:hover {background: url("images/books-over.png") no-repeat;}
#recordsLink a:hover {background: url("images/records-over.png") no-repeat;}
#policiesLink a:hover {background: url("images/policiessmall-over.png") no-repeat;}
#shopLink a:hover {background: url("images/shopsmall-over.png") no-repeat;}
#magazineLink a:hover {background: url("images/magazine-over.png") no-repeat;}
#facebookfan a:hover {background: url("images/facebookbecomeafan-over.png") no-repeat;}
#facebookshare a:hover {background: url("images/facebookshare-over.png") no-repeat;}

#english a:hover {background: url("images/english-over.png") no-repeat;}
#aproposLink a:hover {background: url("images/apropossmall-over.png") no-repeat;}
#noustrouverLink a:hover {background: url("images/noustrouversmall-over.png") no-repeat;}
#livresLink a:hover {background: url("images/livres-over.png") no-repeat;}
#disquesLink a:hover {background: url("images/disques-over.png") no-repeat;}
#politiquesLink a:hover {background: url("images/politiquessmall-over.png") no-repeat;}
#magazine-frLink a:hover {background: url("images/magazine-over.png") no-repeat;}
#magasinerLink a:hover {background: url("images/magasinersmall-over.png") no-repeat;}
#facebookdevenirfan a:hover {background: url("images/facebookdevenirfan-over.png") no-repeat;}
#facebookpartager a:hover {background: url("images/facebookpartager-over.png") no-repeat;}