@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}

body {
	margin: 0; 
    padding: 0 ;
	background-image: url(images/facettes_bg.png);
	color:#9a9a9a;
	font-size: 0.8em;
	font: "Fontin-Sans", 
}

h1 { font: "Fontin-Sans", font-size:1.9em;} 

h2 { 
	font: "Fontin-Sans", font-size:1.8em; font-weight:bold; color:#e57b7e; padding: 30px 20px 15px 20px;} 

h3 { 
	font: "Fontin-Sans", font-size:1.2em; color: color:#e57b7e; border-top: solid 1px #9a9a9a; padding: 0; margin: 15px;} 
	
h4{ 
	font: "Fontin-Sans", font-size:1.15em; color: color:#e57b7e; margin-left: 15px;} 

ol {
  font-family:Fontin Sans;
  padding: 0 0px 0px 25px; 
  width:200px; margin-bottom:5px; 
}

ol p {
  font-family:Fontin Sans;
  border-left: 1px double #d4d4d4;
  padding: 0 0 5px 10px; 
}

.paragraph{ 
	line-height: 13px; width:210px; padding: 0 0 5px 15px;} 
.p2{ 
	line-height: 13px; width:640px; padding: 0 0 5px 15px;} 

a { color:#9a9a9a; text-decoration:none;} 

a:hover { color:#7a9de1;} 

.highlight{  /*background-color: #7a9de1;*/ text-decoration:overline; color:#7a9de1;} 

a img {border: none; } 

a:hover img { /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;} 
  
 .bigger-font{font-weight:bold; font-size: 1.3em; line-height:28pt; } 

.afs-gentium-book-basic { font-family: "Gentium Book Basic", "Georgia", "Palatino", "Times New Roman", "Baskerville", "Hoefler Text", serif; ;}

.afs-fontin-sans { font-family: "Fontin Sans", "Verdana", "Lucida Grande", "Arial", "Helvetica", "Gill Sans", sans-serif; font-size: 92.27%;}

.afs-pt-sans { font-family: "PT Sans", "Arial", "Helvetica", "Gill Sans", "Lucida Grande", "Verdana", sans-serif; font-size: 90.80%;}

.afs-liberation-mono { font-family: "Liberation Mono", Menlo, Courier New, Courier, Mono, monospace; font-size: 85.98%;}

@font-face {
  font-family: Gentium Book Basic;
  src: url('/fonts/Gentium-Basic/GenBkBasI-webfont.ttf');
  src: local('☺'), url('/fonts/Gentium-Basic/GenBkBasI-webfont.woff') format('woff'), url('/fonts/Gentium-Basic/GenBkBasI-webfont.ttf') format('truetype'), url('/fonts/Gentium-Basic/GenBkBasI-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 400;
  font-style: italic;
}


@font-face {
  font-family: Gentium Book Basic;
  src: url('/fonts/Gentium-Basic/GenBkBasR-webfont.ttf');
  src: local('☺'), url('/fonts/Gentium-Basic/GenBkBasR-webfont.woff') format('woff'), url('/fonts/Gentium-Basic/GenBkBasR-webfont.ttf') format('truetype'), url('/fonts/Gentium-Basic/GenBkBasR-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: Gentium Book Basic;
  src: url('/fonts/Gentium-Basic/GenBkBasBI-webfont.ttf');
  src: local('☺'), url('/fonts/Gentium-Basic/GenBkBasBI-webfont.woff') format('woff'), url('/fonts/Gentium-Basic/GenBkBasBI-webfont.ttf') format('truetype'), url('/fonts/Gentium-Basic/GenBkBasBI-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 700;
  font-style: italic;
}


@font-face {
  font-family: Gentium Book Basic;
  src: url('/fonts/Gentium-Basic/GenBkBasB-webfont.ttf');
  src: local('☺'), url('/fonts/Gentium-Basic/GenBkBasB-webfont.woff') format('woff'), url('/fonts/Gentium-Basic/GenBkBasB-webfont.ttf') format('truetype'), url('/fonts/Gentium-Basic/GenBkBasB-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 700;
  font-style: normal;
}



@font-face {
  font-family: Fontin Sans;
  src: url('/fonts/Fontin-Sans/fontin_sans_b_45b-webfont.ttf');
  src: local('☺'), url('/fonts/Fontin-Sans/fontin_sans_b_45b-webfont.woff') format('woff'), url('/fonts/Fontin-Sans/fontin_sans_b_45b-webfont.ttf') format('truetype'), url('/fonts/Fontin-Sans/fontin_sans_b_45b-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 700;
  font-style: normal;
}


@font-face {
  font-family: Fontin Sans;
  src: url('/fonts/Fontin-Sans/fontin_sans_i_45b-webfont.ttf');
  src: local('☺'), url('/fonts/Fontin-Sans/fontin_sans_i_45b-webfont.woff') format('woff'), url('/fonts/Fontin-Sans/fontin_sans_i_45b-webfont.ttf') format('truetype'), url('/fonts/Fontin-Sans/fontin_sans_i_45b-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 400;
  font-style: italic;
}


@font-face {
  font-family: Fontin Sans;
  src: url('/fonts/Fontin-Sans/fontin_sans_r_45b-webfont.ttf');
  src: local('☺'), url('/fonts/Fontin-Sans/fontin_sans_r_45b-webfont.woff') format('woff'), url('/fonts/Fontin-Sans/fontin_sans_r_45b-webfont.ttf') format('truetype'), url('/fonts/Fontin-Sans/fontin_sans_r_45b-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: Fontin Sans;
  src: url('/fonts/Fontin-Sans/fontin_sans_bi_45b-webfont.ttf');
  src: local('☺'), url('/fonts/Fontin-Sans/fontin_sans_bi_45b-webfont.woff') format('woff'), url('/fonts/Fontin-Sans/fontin_sans_bi_45b-webfont.ttf') format('truetype'), url('/fonts/Fontin-Sans/fontin_sans_bi_45b-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 700;
  font-style: italic;
}



@font-face {
  font-family: PT Sans;
  src: url('/fonts/PT-Sans/PTS56F-webfont.ttf');
  src: local('☺'), url('/fonts/PT-Sans/PTS56F-webfont.woff') format('woff'), url('/fonts/PT-Sans/PTS56F-webfont.ttf') format('truetype'), url('/fonts/PT-Sans/PTS56F-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 400;
  font-style: italic;
}


@font-face {
  font-family: PT Sans;
  src: url('/fonts/PT-Sans/PTS75F-webfont.ttf');
  src: local('☺'), url('/fonts/PT-Sans/PTS75F-webfont.woff') format('woff'), url('/fonts/PT-Sans/PTS75F-webfont.ttf') format('truetype'), url('/fonts/PT-Sans/PTS75F-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 700;
  font-style: normal;
}


@font-face {
  font-family: PT Sans;
  src: url('/fonts/PT-Sans/PTS76F-webfont.ttf');
  src: local('☺'), url('/fonts/PT-Sans/PTS76F-webfont.woff') format('woff'), url('/fonts/PT-Sans/PTS76F-webfont.ttf') format('truetype'), url('/fonts/PT-Sans/PTS76F-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 700;
  font-style: italic;
}


@font-face {
  font-family: PT Sans;
  src: url('/fonts/PT-Sans/PTS55F-webfont.ttf');
  src: local('☺'), url('/fonts/PT-Sans/PTS55F-webfont.woff') format('woff'), url('/fonts/PT-Sans/PTS55F-webfont.ttf') format('truetype'), url('/fonts/PT-Sans/PTS55F-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 400;
  font-style: normal;
}

#main-container {/* #809900 is background color of right column and image is bg of left column*/
	width: 960px;
	background-color:#d2d2d2;
	position:relative; 
	margin : 0 auto; 
		}

#top-container {/* #809900 is background color of right column and image is bg of left column*/
	width: 960px;
	height: 247px;
	background-image: url(images/top_bg.jpg);
	position:relative; 
	margin : 0 auto; 
	}
	
#banner {
	width:960px;
	height: 247px;
	}
	
#logo {
	margin: 22px 0 0 20px;
	width:211px;
	height:183px;
	float:left;
	}
	
#info {
	width:679px;
	margin-top: 22px;
	height: 200px;
	border-top:#9a9a9a 1px solid;
	float:right;
	}
	
#name {
	width:160px;
	float:left;
	}
	
#address {
	width:480px;
	float:left;
	}
	
.location {font-size:13px; padding-top:5px; float:right;} 

.header-title {color: #9a9a9a;} 

/* NAVIGATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#navigation{
	width:700px;
	margin-top:100px;
}

ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 2.4em;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:30px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 5px 0 0;
	float: left;
	text-decoration: none;
	color: #9a9a9a;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height:30px;
	line-height: 14px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #7a9de2;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}

/* HOME PAGE GALLERY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.slideshow { width: 620px; margin:auto; }
.slideshow img { border: 15px solid #eee; background-color: #eee; }

/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#container2 {
    clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background-color:#fbf9fa; /* column 2 background colour */
}

#container-top-deco{
    width: 960px;
	height:205px;
	background-image: url(images/bot_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
	} 	
		
#container1{
    float:left;
	width:100%;
	position:relative;
	right:50%;
	/*background:#fbf9fa;  column 1 background colour */
	}
	
#col1 {
	float:left;
	width:24%;
	position:relative;
	left:52%;
	overflow:hidden;
	}	
	
#col2 {
	float:left;
	width:72%;
	position:relative;
	left:54%;
	overflow:hidden;
	margin-top:30px;
	 }

#showcase {
	width:670px;
	margin-top:15px; padding-bottom:15px; 
	}
	
#showcase img{
    width:620px;
	}
	
#flash-content {
	margin-left:15px;
    margin-bottom:15px;
	}
	
	
#prevnext{ 
	 width:640px; text-align:center; font: "Fontin-Sans", font-size:1.15em; color: color:#e57b7e; margin-top:15px;} 

#footer {
	clear: both;
	margin: 0;
	height:150px;
	background:#e1e1e1;
	text-align:left;
	}
	
#footer-deco {
	width:960px;
	height:10px;
	background:url(images/bg_footer.png) no-repeat;
	}
	
#footer-col1{
	width:230px;
	margin: 15px 15px 15px 35px;
	line-height:18px;
	float:left;
	border-right:#c7c7c7 1px solid;
	}
	
#footer-col2 {
	width:350px;
	line-height:18px;
	margin: 15px 15px 15px 15px;
	border-right:#c7c7c7 1px solid;
	float:left;
	}
	
#footer-col3 {
	width:230px;
	margin: 15px 15px 15px 15px;
	line-height:18px;
	float:left;
	}




