body
  {
		background: #8D8A7E url(../images/vav-workshop.gif) no-repeat bottom center;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
	}

#content
  {
	  width: 800px;
	  height: 580px;
		padding: 0;
		margin: 0;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -400px;
	  /* Hiding from IE5 Mac \*/
		margin-top: -320px;
	  /* End hiding */
	}

#menubar
  {
		position: absolute;
		margin-top: 50px;
	  width: 800px;
		height: 80px;
		background-color: #434038;
	}

#maincontent
  {
		padding: 0;
		margin: 0;
		position: absolute;
	  width: 800px;
		height: 460px;
		background-color: #716D62;
		margin-top: 130px;
		border-bottom: 1px solid rgb(160,160,160);
	}

img#logo
  {
		position: absolute;
		display: block;
	  left: 480px;
		top: 7px;
		width: 320px;
		border: 0;
		height: 40px;
	}

ul#mainmenu
	{
		height: 30px;
		margin: 0;
		padding: 0;
		margin-top: 10px;
		list-style-type: none;
		font-size: 12px;
		color: rgb(100,100,100);
	}

ul#galmenu
	{
		height: 30px;
		padding: 0;
		margin: 0;
		margin-top: 7px;
		list-style-type: none;
		font-size: 12px;
		color: rgb(100,100,100);
	}

ul#mainmenu li
	{
		display: inline;
	  background: url(../images/menuline-2.gif) no-repeat left top;
	  padding-left: 10px;
	  padding-top: 10px;
	  height: 30px;
  }

li#portfolio
  {
    position: absolute;
		left: 20px;
  }

li#bio
  {
    position: absolute;
		left: 655px;
  }

li#contact
  {
    position: absolute;
		left: 735px;
  }

ul#galmenu li
	{
		display: inline;
	  background: url(../images/menuline-2.gif) no-repeat left top;
	  padding-left: 10px;
	  padding-top: 7px;
	  height: 30px;
  }

li#gal1
  {
    position: absolute;
		left: 20px;
  }

li#gal2
  {
    position: absolute;
		left: 240px;
  }

li#gal3
  {
    position: absolute;
		left: 450px;
  }

#mainmenu li a:link, #galmenu li a:link, #mainmenu li a:visited, #galmenu li a:visited
{
 color: rgb(100,100,100);
 text-decoration: none;
}

#mainmenu li a:hover, #galmenu li a:hover
{
 color: rgb(250,250,250);
 text-decoration: none;
}

img#photo
  {
		padding: 0;
		margin: 0;
	  display: block;
		position: absolute;
		height: 400px;
		left: 170px;
		margin-top: 15px;
		border: 1px solid rgb(60,60,60);
	}

img#photo2
  {
	  display: block;
		position: absolute;
		left: 60px;
		margin-top: 15px;
		border: 1px solid rgb(60,60,60);
	}

ul#vignettes
  {
		position: absolute;
		list-style-type: none;
		padding: 0;
		margin: 0;
	  width: 72px;
		heigth: 375px;
		left: 700px;
		top: 15px;
	}

ul#vignettes li
  {
		list-style-type: none;
		padding: 0;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 5px;
		width: 72px;
		height: 72px;
		vertical-align: bottom;
	}

ul#vignettes li img
  {
		padding: 0;
		margin: 0;
		width: 70px;
		height: 70px;
		border: 1px solid rgb(60,60,60);
		vertical-align: bottom;
	}

ul#vignettes li img#vignettecourant
  {
    border: 1px solid rgb(200,200,200);
  }

p#next
	{
		padding: 0;
		margin: 0;
	  position: absolute;
		left: 760px;
		top: 400px;
		font-size: 20px;
	}

p#previous
	{
		padding: 0;
		margin: 0;
	  position: absolute;
		left: 700px;
		top: 400px;
		font-size: 20px;
	}

p#next a:link, p#next a:visited, p#previous a:link, p#previous a:visited
	{
	  text-decoration: none;
		color: rgb(160,160,160);
	}

p#next a:hover, p#previous a:hover
	{
	  text-decoration: none;
		color: rgb(250,250,250);

	}