/* CSS Document */
body{
/*background:#000 url(../_graphics/background.jpg) top center repeat-y;*/
background:#000;
line-height:20px;
margin: 0;
padding: 0;
height:100%;
text-align: center;
}

html{
background:#000;
margin: 0;
padding: 0;
width:100%;
height:100%;
min-width:800px;
overflow-y:scroll;
}

.storycontent {
	color:#333333;
}

#Header{
background:#000 url(../_graphics/header.jpg) top center no-repeat;
width:800px;
height:220px;
position:relative;
}

#Wrap{
width:800px;
margin:0 auto;
min-height: 100%;
background:#FFF;
}

#Page {
position:relative;
width:800px;
text-align:left;
min-height:100%;
padding-bottom:220px;
background:#FFF;
}

* html #Wrap{
height: 100%;
}

#Content{
padding:0 50px;
position:relative;
font-size:12px;
background:#FFF;
color:#999999;
}

* html #Content {
padding: 0 25px;
}

#Footer{
position:relative;
background:url(../_graphics/footer.jpg) no-repeat;
width:800px;
height:200px;
margin:-200px auto 0 auto;
}

#mainContent {
	width:475px;
	float:left;
}

#Sidebar {
	width:200px;
	float:right;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.Menu {
opacity: .6;
filter: alpha(opacity=60);
}

.Menu:hover{
opacity: 1;
filter: alpha(opacity=100);
}

.personnelle{
color:#999;
float:left;
background:url(../_graphics/_icons/personnelle.jpg);
width:100px;
height:100px;
}

.personnelle:hover{
color:#FFF;
background:url(../_graphics/_icons/personnelle_red.jpg);
width:100px;
height:100px;
}

.facilities{
color:#999;
float:left;
background:url(../_graphics/_icons/facilities.jpg);
width:100px;
height:100px;
}

.facilities:hover{
color:#FFF;
background:url(../_graphics/_icons/facilities_red.jpg);
width:100px;
height:100px;
}

.contact{
color:#999;
float:left;
background:url(../_graphics/_icons/contact.jpg);
width:100px;
height:100px;
}

.contact:hover{
color:#FFF;
background:url(../_graphics/_icons/contact_red.jpg);
width:100px;
height:100px;
}

#Bios {
position:relative;
height:350px;
border-top:#999 1px dotted;
margin-top:15px;
padding-top:15px;
}

#Video {
background:url(../_graphics/video.png) no-repeat;
float:right;
margin:0 -150px 0 20px;
width:500px;
height:280px;
z-index:10;
}

* html #Video {
float:right;
margin:0 -50px 0 0px;
}

#Player {
width:432px;
height:260px;
margin:32px 25px 0 25px;
}

#Testimonial {
position:relative;
width:350px;
top:0;
margin-left:25px;	
}

#ContactBar {
position:relative;
top:0;
left:0;
z-index:50;
width:700px;
height:40px;
margin-top:-60px;
}

.IconButton {
cursor:pointer;
}

#subContent {
width:350px;
}

* html #subContent {
width:300px;
}

#CaseStudy {
overflow:auto;
width:320px;
height:250px;
padding:5px;
}

* html #CaseStudy {
width:200px;
}