body {
	margin:0;
	padding:0;
	height: 550px;
	font: 62.5%/150%   Helvetica, Arial sans-serif;
	background: #fff
	
}

#index {
	width: 2950px;
}

#webpage {
	width: 2400px;
}

#illustrationpage {
	width: 3500px;
}

#aboutpage {
	width: 1200px;
	
}

#contactpage {
	width: 100%;
}

h1 {
	text-decoration:none;
}

h2 {

	font-size: 14px;
	font-weight:normal;
	margin-top: 0px;

	
}

h3 {

	font-size: 11px;
	font-weight:lighter;
	margin-top: 0px;
	text-decoration:underline;	
}


#page {
	height: 500px; 
}

#leftsider {
	padding: 50px 0 0 40px;
	float: left;
	width:300px;
	text-decoration:none;
}

#leftsider h1 {

	font-size: 16px;
	margin-left: 23px;
	margin-top: 0px;
	height:70px;

}

#leftsider a {

	text-decoration:none;
}

#leftsider a:visited{

	color:#000000;
}



ul#menu {

	text-align:right;
	float:right;
	width:120px;
	margin-top:30px;

}

li#graphics a{
	background-image: url(../img/menu/graphic.png);
	height: 19px;
	width: 117px;
	margin-top:-5px;
	float:right;
	text-align:right;
}



li#graphics a:hover {
	display:block;
	background-position: 0px -19px;
}


li#web a{
	background-image: url(../img/menu/web.png);
	height: 19px;
	width: 38px;
	margin-top:5px;
	text-align:right;
	float:right;
	
}

li#web a:hover {
	display:block;
	background-position: 0px -19px;
}


li#illustration a{
	background-image: url(../img/menu/illustration.png);
	height: 19px;
	width: 95px;
	margin-top: 5px;
	text-align:right;
	float:right;
}

li#illustration a:hover {
	display:block;
	background-position: 0px -19px;
}

li#about a{
	background-image: url(../img/menu/about.png);
	height: 19px;
	width: 53px;
	margin-top:5px;
	text-align:right;
	float:right;
}


li#about a:hover {
	display:block;
	background-position: 0px -19px;
}

li#contact a{
	background-image: url(../img/menu/contact.png);
	height: 19px;
	width: 71px;
	margin-top:5px;
	text-align:right;
	float:right;
}


li#contact a:hover {
	display:block;
	background-position: 0px -19px;
}

#content {
	margin: 60px 0 0 70px; 
	float: left;
	font-size: 11px; 
	
}

ul {
	list-style:none;
	padding:inherit;

}

 li {
	list-style:none;
	margin-bottom: 0px;
}

.par {
	margin: 0px 0px 0px 40px; 
	padding-right: 40px; 
	float: left; 
	width: 480px;
	height: 450px;
	align:center;
	border-right: 1px solid  #dadada;
	
}


#altabout {

	border-right:none;
	
	
}

#altcontact {

	border-right:none;
	
}
.img {
	text-align:center;
	margin-top:-11px;

}

.information  {
	background-color:#fff;
	text-align:left;
	display:none;
	padding:5px 20px ;
	position:absolute;
	width:350px;
	z-index:1;
	border: 1px solid #dadada;

}

.par:hover .information  {
	display:block;
	z-index:1;
	
}

.goto a{
	border-bottom:none;
	color: #000;
	text-decoration:none;
	cursor:pointer;
	padding:0px 1px;
}

.goto a:hover {
    color:#fff;
	background-color: #000;
	padding:0px 1px;
	
}

p.illulink a{
	color:#c84949;
	

}

p.illulink a:hover{
	color:#fff;
	background-color:#c84949;

}

p.weblink a{
	color:#449fbf;

}

p.weblink a:hover{
	color:#fff;
	background-color:#449fbf;

}

p.goto#aboutlink a{
	color:#e08626;

}

p.goto#aboutlink a:hover{
	color:#fff;
	background-color:#e08626;

}

p.goto#contactlink a{
	color:#289d93;

}

p.goto#contactlink a:hover{
	color:#fff;
	background-color:#289d93;

}

#flash { 

		width:480px;
		height:330px;
		z-index:-1;
		
}

.hilde{
		
		margin-top:-270px;
		margin-right:10px;
		float:right;
		

		
}

.hildecontact{
		
		margin-top:-160px;
		margin-right:190px;
		float:right;
		

		
}

#arrows {
	position: fixed;
	top: 545px;
	left: 620px; 
	width: 160px;
	height: 11px;
	cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 65px;
	height: 11px;
}

#arrows ul li a{
	margin-right: -10px;
	float: left;
	display: block;
	width: 65px;
	height: 11px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9000px;
}

#arrows ul #left a {	background: transparent url(../img/left.png) no-repeat;}
#arrows ul #right a{	background: transparent  url(../img/right.png) no-repeat;}


#rightsider {
	margin: 0; 
	padding: 0px 0px 0px 20px;
	float: left;
}	


.back a{
	background-image: url(../img/menu/backtomenu.png);
	height: 19px;
	width: 105px;
	float:right;
	margin-left:10px;
	margin-top:100px;

}

.back a:hover{

	display:block;
	background-position: 0px -19px;
	
}