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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

BODY
{
  background-repeat:	no-repeat;
  background-color: 	#000000;
}

#container
{
  width: 				888px;
  background-repeat:	no-repeat;
  background-position:	right bottom;
  left:					50%;
  margin-left:			-444px;
  position:				relative;
}

#header
{
  margin-top:			10px;
  width: 				888px;
  height:				133px;
  z-index:				10;
}

#header img
{
	z-index: 10;
	position: absolute;
}

#mid
{
  margin-top:		10px;
  margin-bottom:	10px;
  height:			300px;
}

#midleft
{
  float: 			left;
}

#midright
{
  font-size: 		26px; 
  color: 			#ffffff; 
  font-family:		impact;
  font-weight:		normal;
  margin-left:		132px;
}

#footer
{
  padding-top:		50px;
  margin-left:		120px;
}

#footer img
{
  border-width: 	0;
}

/*-----------------------------------------*/
/* CARD SLIDER							   */
/*-----------------------------------------*/

#deck li
{
	padding-right: 17px;
	list-style:none;
	height:125px;
	display: inline;
}

#deck ul
{
	margin: 0;
	padding: 10px 0 0 14px;
	width: 9000px;
}

#slider
{ 
	height:125px;
	width: 750px;
}

#slider div
{
	float: left;
}

#deck
{
	height: 125px;
	width: 600px;
	overflow: hidden;
}

#deckLeft 
{ 
	width: 73px;
	height: 123px;
	cursor: pointer;
	background-image: url('../images/card_left.png'); 
}
#deckLeft.active { background-image: url('../images/card_left_active.png'); }

#deckRight 
{ 
	width: 73px;
	height: 123px;
	cursor: pointer;
	background-image: url('../images/card_right.png'); 
}
#deckRight.active { background-image: url('../images/card_right_active.png'); }

/*-----------------------------------------*/
/* PHOTO ALBUMS							   */
/*-----------------------------------------*/

.albumthumbs ul li
{
	cursor: pointer;	
}

.previewcontainer
{
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

.previewcontainer a img
{
	border-width: 	0;
}


/*-----------------------------------------*/
/* MENU									   */
/*-----------------------------------------*/

#menuheader
{
	background-image: url('../images/trio.jpg');
	background-repeat: no-repeat;
	background-position: center;
	height: 82px;
	width: 122px;
	padding-bottom: 20px;
}

#menu
{
	margin-top: 0px;
	width: 122px;
}

#menu ul, #menu ul li
{
	margin:0;
	padding:0;
	list-style-type: none;
	float: left;
}

.menuitem
{
	width:			122px;
	height:			27px;
	border-bottom:	2px solid #2D9002;
	overflow:		hidden;
}

#menu_home .menuitem 
{
	border-top:		2px solid #2D9002;
}

#menu span
{
	font-size: 			14px; 
	color: 				#cbc4c2 ; 
	font-family:		arial;
	font-weight:		normal;
	display:			block;
}	

#menu a span 
{
	height:			31px;
	width:			122px;
	text-indent:	-9999px;
}

.menuitem div span
{
	width:			50px;
	height:			50px;
	padding-left:	7px;
}

#menu_home .menuitem div
{
	background-image: 		url('../images/dice1.png');
	background-position:	0px center;
	background-repeat:		no-repeat;
}

#menu_home div a span
{
	background-image: 		url('../images/menu/home.png');
	background-repeat:		no-repeat;
}

#menu_home div.active a span
{
	background-image: 		url('../images/menu/homeglow.png');
}

#menu_about .menuitem div
{
	background-image: 		url('../images/dice2.png');
	background-position:	0px center;
	background-repeat:		no-repeat;
}

#menu_about div a span
{
	background-image: 		url('../images/menu/about.png');
	background-repeat:		no-repeat;
}

#menu_about div.active a span
{
	background-image: 		url('../images/menu/aboutglow.png');
}

#menu_portfolio .menuitem div
{
	background-image: 		url('../images/dice3.png');
	background-position:	0px center;
	background-repeat:		no-repeat;
	padding-left:			50px;
}

#menu_portfolio div a span
{
	background-image: 		url('../images/menu/portfolio.png');
	background-repeat:		no-repeat;
	background-position:	-2px center;
}

#menu_portfolio div.active a span
{
	background-image: 		url('../images/menu/portfolioglow.png');
	background-position:	-2px center;
}

#menu_freework .menuitem div
{
	background-image: 		url('../images/dice4.png');
	background-position:	0px center;
	background-repeat:		no-repeat;
	padding-left:			50px;
}

#menu_freework div a span
{
	background-image: 		url('../images/menu/stock.png');
	background-repeat:		no-repeat;
	background-position:	0px center;
}

#menu_freework div.active a span
{
	background-image: 		url('../images/menu/stockglow.png');
	background-position:	-13px center;
}

#menu_clients .menuitem div
{
	background-image: 		url('../images/dice5.png');
	background-position:	0px center;
	background-repeat:		no-repeat;
}

#menu_clients div a span
{
	background-image: 		url('../images/menu/clients.png');
	background-repeat:		no-repeat;
	background-position:	-3px center;
}

#menu_clients div.active a span
{
	background-image: 		url('../images/menu/clientsglow.png');
	background-position:	-3px center;
}

#menu_contact .menuitem div
{
	background-image: 		url('../images/dice6.png');
	background-position:	0px center;
	background-repeat:		no-repeat;
}

#menu_contact div a span
{
	background-image: 		url('../images/menu/contact.png');
	background-repeat:		no-repeat;
}

#menu_contact div.active a span
{
	background-image: 		url('../images/menu/contactglow.png');
}

#menu_portfolio div div span a:hover, #menu_freework div div span a:hover
{
	color: #DD0000;
}

#menu_portfolio div div span a, #menu_freework div div span a
{
	color: #FFFFFF;
	text-decoration: none;
}

/*-----------------------------------------*/
/* FICHES								   */
/*-----------------------------------------*/

#fiche_w, #fiche_ew, #fiche_l, #fiche_c, #fiche_o, #fiche_m, #fiche_e
{
	top:  -125px;
	position: absolute;
	z-index: 20;
}

#fiche_ew { margin-left: 115px; }
#fiche_l { margin-left: 221px; }
#fiche_c { margin-left: 336px; }
#fiche_o { margin-left: 451px; }
#fiche_m { margin-left: 566px; }
#fiche_e { margin-left: 681px; }	

/*-----------------------------------------*/
/* CONTACT					               */
/*-----------------------------------------*/

#contactimg
{
	top: -600px;
	position: absolute;
	z-index: 1;
}

/*-----------------------------------------*/
/* CLIENTS					               */
/*-----------------------------------------*/

#clientsimg
{
	top: -600px;
	position: absolute;
	z-index: 1;
	margin-left: -40px;
}

#clientslistleft, #clientslistright, #clientslistmiddle
{
	font-size: 		14px; 
	color: 			#000000; 
	font-family:	Franklin Gothic Medium;
	font-weight:	normal;
	z-index:		10;
	position:		absolute;	
	overflow:		hidden;
	/* for IE */
	filter:alpha(opacity=0);
	/* CSS3 standard */
	opacity:0;
}

#clientslistleft
{
	margin-left:	85px;
	margin-top:		100px;
	height:			345px;
}

#clientslistmiddle
{
	margin-left:	275px;
	margin-top:		125px;
	height:			345px;
}

#clientslistright
{
	margin-left:	460px;
	margin-top:		185px;
	height:			252px;
}

#clientslistleft ul, #clientslistright ul, #clientslistmiddle ul
{
	margin:0;
	padding:0;
	float: left;
	list-style-type: none;
}
/*-----------------------------------------*/
/* ABOUT					               */
/*-----------------------------------------*/

#aboutimg
{
	top: -400px;
	position: absolute;
	z-index: 1;
}


.centerbox
{
	margin-left:auto;
	margin-right:auto;
	width:80%;
}