/* ---------------------------
stylesheet for Marc Torikian website
media=screen & media=projection
design by Peter Koninckx
------------------------------ */


/* ------ Layout ------ */
body  {
	background-color: black;
	margin: 0px;
	padding: 0px;
}

#container  {
	position: absolute;
	font-family: Century Gothic, Arial, Geneva, sans-serif;
	margin-top: -250px;
	margin-left: -331px;
	top: 50%;
	left: 50%;
	width: 662px;
	height: 500px;
	overflow: hidden;
}

#main {
	position: absolute;
	background-color: white;
	top: 0px;
	left: 0px;
	width: 660px;
	height: 350px;
	overflow: hidden;
	border: solid silver 1px;
}

#bodytext {
	position: absolute;
	top: 10px;
	left: 3%;
	width: 94%;
	height: 320px;
	font-size: 90%;
	overflow: auto;
}

#bodytableau {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 450px;
	height: 330px;
	overflow: hidden;
}

#bodytableautext {
	position: absolute;
	top: 10px;
	left: 480px;
	width: 168px;
}


#bodylabel {
	position: absolute;
	bottom: 10px;
	left: 480px;
	width: 168px;
	overflow: hidden;
}

#submenu {
	position: absolute;
	font-size: 60%;
	color: gray;
	top: 352px;
	left: 0px;
	width: 660px;
	height: 48px;
	overflow: hidden;
}

#menu {
	position: absolute;
	font-size: 80%;
	text-transform: lowercase;
	text-align: justify;
	text-align-last: justify;
	top: 400px;
	left: 0px;
	width: 660px;
	height: 50px;
	overflow: hidden;
	padding-top: 30px;
}

#torikian {
	position: absolute;
	color: #999;
	font-size: 100%;
	text-align: justify;
	text-align-last: justify;
	top: 450px;
	left: 0px;
	width: 660px;
	height: 50px;
	overflow: hidden;
	padding-top: 30px;
}

#footer {
	font-size: 60%;
	color: gray;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	display: none;
}
	
/* ------ Styling ------ */

#menu a:link, #menu a:visited  {
	color: #999;
	text-decoration: none;
}

#menu a:hover {
	color: #666;
}

#menu a:active {
	color: #999;
	text-decoration: none;
}

#menu .activemenu {
	font-weight: bold;
}

.textmenu , .activetxtmenu {
	position: relative;
	top: 20px;
	float: left;
	display: block;
	width: auto;
	margin-right: 25px;
	border: none;
	overflow: hidden;
	padding-bottom: 3px;
}

.textmenu a , .activetxtmenu a {
	color: #666;
	text-decoration: none;
}

.textmenu a:link, .textmenu a:visited {
}

.textmenu a:hover {
	display: block;
	padding-bottom: 3px;
	border-bottom: solid 1px gray;
}

.activetxtmenu {
	border-bottom: solid 1px gray;
}

.tnmenu , .activetnmenu {
	position: relative;
	top: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
	float: left;
	display: block;
	width: 25px;
	margin-right: 25px;
	border: none;
	overflow: hidden;
}

.tnmenu {
	border: none;
}

.activetnmenu {
	border-bottom: solid 1px gray;
}

.invisible {
	visibility: hidden;
}

#tableau-title, #tableau-size, #tableau-technique,
#tableau-status, #tableau-text {
	color: #999;
	font-weight: normal;
	font-size: 60%;
	margin-top:10px;
	border-bottom: 0px solid silver;
}

#tableau-text {
	margin-top:0px;
}

.title {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
	color: silver;
}

.tabletext {
	font-size: 75%;
}

p {
	font-size: 85%;
}