body
{
background-color: black;
background-image: url('bg.jpg');
background-repeat: repeat-x;
background-attachment:fixed;

font-family: arial;
text-align:center;
}

@font-face {
font-family: "SansBlack";
src: url("http://simderoemer.com.free.fr/fonts/SansBlack.ttf")
}

a{

color: #466099;

}
A:link {colour: #466099; text-decoration: none}
A:visited {colour: #466099; text-decoration: none}
A:active {colour: #466099; text-decoration: none}
A:hover {colour: #466099; text-decoration: underline;}

p{

padding: 0px;

}

li{
margin-top: 10px;
}

img {
   border:0px;
}

#credit{

margin-top:0px;
margin-bottom:30px;

		text-align:center;
		font-size: 10px;
		float:left;
		width: 95%;
		color: white;
		font-family: verdana;
		text-decoration: none;
		letter-spacing: 2px;

}

#title_box{
width: 840px;
text-align:left;
margin:0px auto;
margin-top: 60px;
margin-bottom: 5px;
}

#forma{
margin: 20px 70px 10px 70px;
font: bold 11px verdana,sans-serif;
background-color: e1e1e1;
padding: 25px;
}


.site{
margin: 20px 70px 10px 70px;
background-color: e1e1e1;
padding: 25px;
float: left;
clear : both;
position: relative;
z-index: 200;
width: 610px;
}


.sitedesc{
margin-left: 265px;
font: bold 11px arial,sans-serif;

}

.extrawebpic{
border: double 3px black;

}

.innerdesc{
height: 105px; 

}

.nobutton40 {
  
  background: url("nobutton40.png") no-repeat top left;
	width: 89px;
	height: 81px;
	float:left;
	margin:0px;
}

.nobutton20 {
  
  background: url("nobutton20.png") no-repeat top left;
	width: 89px;
	height: 81px;
	float:left;
	margin:0px;
}

.menubutton {
  
  background: url("buttons.png") no-repeat top left;
	margin:0px;
	width: 89px;
	height: 81px;
	cursor: pointer;
	float:left;
}

.innermenubutton {
color: white;
font-size: 14px;
font-weight: bold;
font-family: Arial, sans-serif;
margin: 9px;
margin-top: 32px;
margin-left: 10px;
text-align: center;
letter-spacing:-1px;
text-transform: uppercase;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.menubuttonover {
  background-position: -89px 0;
}

#feature{

border-width: 1px;
border-style: solid;
border-color: white;
margin:0px auto;
position: relative;
z-index: 100px;
text-align:right;
		width:840px;
		height:400px;
}

#box{
background: white;
padding: 0px;
width: 840px;
margin:0px auto;
margin-top: 23px;
text-align:left;
margin-bottom: 30px;
position: relative;
z-index: 50;
}

#out-main-vid{
position:relative; 
z-index: 200; 
width: 874px; 
border: 1px solid white; 
margin-left: -38px !important;
margin-left: 0px;

}

#content-box{
padding: 20px;
}

#opa{
padding:0px;
width: 267px;
height: 400px;
margin-top: -400px;
margin-bottom: 0px;
margin-left: 565px;
position: relative;
z-index: 200px;
background-image: url('opacity.png');
background-repeat: repeat;
text-align:left;
color: black;
padding-top: -2px;
padding-bottom : -2px;
float:left;
}
#menu{
padding:0px;
width: 268px;
height: 400px;
margin-top: -403px;
margin-bottom: -100px;
margin-left: 565px;
position: relative;
z-index: 220px;
text-align:left;
float:left;

}

.fade {
  position: relative;
	width:0px;
	display: inline;
	margin: 0px;
}

.fade div {
  position: absolute;
  top: -66px;
  left: 0;
  display: none;
}

#bottomright{
position: relative;
width: 100%;
text-align: right;
margin-bottom: -15px !IMPORTANT;
margin-bottom: 0px;
margin-right:-30px;
}

.vimeoBadge { float: right; position: relative; z-index: 80; margin: 0; padding: 0; font: bold 11px verdana,sans-serif; }
.vimeoBadge img { border: 3px double black; }
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: #3A75C4; text-decoration: none; cursor: pointer; }
.vimeoBadge a:hover { color:#00CCFF; }
.vimeoBadge #vimeo_badge_logo { display: none; margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; margin:3px 0px 0px 0px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:100px;  }