body
{
	color: white;
	margin: 0px;
	padding: 0px;
	background: url(motif.gif) repeat black;
}

*
{
	outline: none;
}

a img
{
	border: none;
}

/*
#logo
{
	position: absolute;
	width: 340px;
	height: 175px;
	left: 0px;
	top: -175px;
}
*/

/* DON'T FORGET THE 3px BORDER WIDTH */

#contents
{
	position: absolute;
	width: 700px;
	height: 400px;
	left: 50%;
	top: 50%;
	margin-left: -353px;
	margin-top: -203px;
	color: white;
	background: black url(design.png) -120px -175px no-repeat;
	border: 3px solid white;
/*	padding: 50px 15px 10px 15px;*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

/*
**

ICONS

**
*/

#icon-web,
#icon-visuals
{
	position: absolute;
	width: 70px;
	height: 0px;
	top: -59px;
	padding-top: 90px;
	overflow: hidden;
	border: none;
}

#icon-web.active,
#icon-visuals.active
{
	background-position: -70px 0px;
}

#icon-web
{
	left: 528px;
	background: url(icon-web.png) no-repeat;
}

#icon-visuals
{
	left: 618px;
	background: url(icon-visuals.png) no-repeat;
}

#icon-about
{
	position: absolute;
	width: 50px;
	height: 0;
	padding-top: 80px;
	left: 18px;
	top: -17px;
	border: none;
	visibility: hidden;
	overflow: hidden;
	background: url(icon-about.png) no-repeat;
}

#icon-contact
{
	position: absolute;
	width: 58px;
	height: 0;
	padding-top: 53px;
	top: 373px;
	left: 644px;
	border: none;
	visibility: hidden;
	overflow: hidden;
	background: url(icon-contact.png) no-repeat;
}

/*
**

BORDERS

**
*/

#contents div.border
{
	position: absolute;
	background: url(design.png) no-repeat;
}

#contents div.border.top
{
	top: -175px;
	left: -120px;
	height: 175px;
	width: 910px;
	background-position: 0px 0px;
}

#contents div.border.bottom
{
	top: 400px;
	left: -120px;
	height: 150px;
	width: 910px;
	background-position: 0px -575px;
}

#contents div.border.left
{
	top: 0px;
	left: -120px;
	width: 120px;
	height: 400px;
	background-position: 0px -175px;
}

#contents div.border.right
{
	top: 0px;
	left: 700px;
	width: 90px;
	height: 400px;
	background-position: -820px -175px;
}

/*
#contents div.border-01
{
	position: absolute;
	width: 120px;
	height: 90px;
	left: -120px;
	top: -90px;
	background: url(border-01.png);
}

#border-02
{
	position: absolute;
	width: 120px;
	height: 400px;
	left: -120px;
	top: 0px;
	background: url(border-02.png);
}

#border-03
{
	position: absolute;
	width: 120px;
	height: 150px;
	left: -120px;
	top: 400px;
	background: url(border-03.png);
}

#border-04
{
	position: absolute;
	width: 700px;
	height: 150px;
	left: 0px;
	top: 400px;
	background: url(border-04.png);
}

#border-05
{
	position: absolute;
	width: 90px;
	height: 150px;
	left: 700px;
	top: 400px;
	background: url(border-05.png);
}

#border-06
{
	position: absolute;
	width: 90px;
	height: 400px;
	left: 700px;
	top: 0px;
	background: url(border-06.png);
}

#border-07
{
	position: absolute;
	width: 90px;
	height: 140px;
	left: 700px;
	top: -140px;
	background: url(border-07.png);
}

#border-08
{
	position: absolute;
	width: 360px;
	height: 140px;
	left: -360px;
	margin-left: 700px;
	top: -140px;
	background: url(border-08.png);
}
*/

/*
**

GALERIES

**
*/

#galeries
{
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 700px;
	height: 400px;
	visibility: hidden;
}

#visuals
{
	position: relative;
	width: 700px;
	height: 400px;
}


/*
**

BLACK

**
*/

#black
{
	cursor: url(/images/cursor-touch.png) 16 16, pointer;
	background: url(black.png) center no-repeat;
}

/*
**

IMAGE LINK

**
*/

#wdblog
{
	position: absolute;
	left: 100%;
	margin-left: -130px;
	top: 100%;
	margin-top: -60px;
}

/*
**

PANEL

**
*/

#panel
{
	width: 500px;
	height: 397px;
	overflow: hidden;
	
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -197px;

	background: black;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}

/*
**

**
*/

#panel-view
{
	width: 1500px;
	position: relative;
	height: 350px;
	overflow: hidden;
}

#panel-view a
{
	color: rgb(80%,80%,80%);
}

#panel-view a[target="_blank"]
{
	background: url(out.gif) no-repeat center right;
	padding-right: 15px;
}

/*
**

PANEL NAVIGATION

**
*/

#panel ul.navigation
{
	margin: 2px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #222;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: normal;
}

#panel ul.navigation li
{
	display: inline;
}

#panel ul.navigation a
{
	color: gray;
	outline: none;
	padding: 0 4ex;
	text-decoration: none;
}

#panel ul.navigation a:hover
{
	color: silver;
}

#panel ul.navigation a.active,
#panel ul.navigation a.active:hover
{
	color: white;
}

/*
**

PANEL / ABOUT

**
*/

#about
{
	width: 460px;
	padding: 30px 20px;
	text-align: justify;
}

#about img
{
	float: left;
	margin: 1ex;
}

/*
**

VIEW-CONTACT

**
*/

#contact
{
	position: relative;
	width: 500px;
	height: 350px;
	background: url(contact-back.png) top left no-repeat black;
}

#contact-email,
#contact-message
{
	position: absolute;
	border: 0;
	padding: 0px;
	margin: 0px;
	color: black;
	background: white;
	font-family: "Consolas", "Courier New", Courier, monospace;
	font-size: 16px;
}

#contact-email,
#contact-message
{
	left: 35px;
	width: 430px;
}

#contact-email
{
	top: 66px;
	height: 18px;
}

#contact-message
{
	top: 105px;
	height: 200px;
}

#contact-submit
{
	position: absolute;
	display: block;
	left: 370px;
	top: 308px;
	width: 100px;
	height: 28px;
	border: none;
	background: url(contact-submit.png) no-repeat;
	cursor: pointer;
	text-indent: -10000px;
}


/*
**

INFO-MORE

**
*/

#plus
{
	width: 460px;
	padding: 60px 20px;
}

#plus acronym
{
	cursor: help;
	border-bottom: 1px dotted silver;
}

/*
**

JS-WARN

**
*/

#js-warn
{
	position: absolute;
	width: 120px;
	top: 10px;
	left: 10px;
	
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;

	text-align: center;
	color: red;
	background: black;
	border: 2px solid maroon;
	padding: 10px;
}