body {
	font-family:Arial, Helvetica, sans-serif; 
	background: #000000;
	background-image:url(../image/fudo.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	}
/*
....base.............................................................
*/

#base {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	} 
#menu {
	width: 900px;
	
	}

#menu {
	background-color:#000000;
	height:23px;
	float: left;	
	}

	#menu a {
		color: #999999;
		text-decoration: none;
		font-size:12px;
		}

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

#envoltura {
clear: both;
overflow: hidden; 
height: 509px; 
width: 900px;
position: relative;
}

#dentro {
width: 4100px;
height: 1600px;
position: relative;
}

.titulos {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	padding-top:30px;
	margin-left:60px;
	color:#000000;
	}

h1 { 
color: #666;
text-shadow: #000 1px 1px 10px;

}


	
/*
....home.............................................................
*/

#home {
	position: absolute;
	left: 0px; 
	top: 0px;
	/*background-image:url(../image/home.gif);
	background-repeat:no-repeat;
	*/height:509px;
	width:900px;
	}
	
	#home .text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:16px;
	height:400px; 
	width:260px; 
	margin-top:80px; 
	margin-left:60px;
	}
	
/*
....menu ensamble.............................................................
*/

	
.menu {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	padding-top:30px;
	margin-left:60px;
	color:#ff6600;
	}
	
	.menu a {
		text-decoration:none;
		color:#999999;
		}
	.menu a:hover {
		text-decoration:none;
		color:#666666;
		}



/*
....ensamble.............................................................
*/

.text a {
		font-weight:bold;
		text-decoration:none;
		color:#333333;
		}
 
#about {
	position: absolute;
	left: 900px; 
	top: 0px;
	background-image:url(../image/about.gif);
	background-repeat:no-repeat;
	height:509px;
	width:900px;
	}
	
	#about .text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:14px;
	height:400px; 
	width:330px; 
	margin-top:35px; 
	margin-left:60px;
	}
	
	#about .text a {
		font-weight:bold;
		text-decoration:none;
		color:#333333;
		}
 
#barbara {
	position: absolute;
	left: 1800px; 
	top: 0px;
	background-image:url(../image/barbara.jpg);
	background-repeat:no-repeat;
	height:509px;
	width:900px;
	}
	
	#barbara .text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:14px;
	height:400px; 
	width:330px; 
	margin-top:35px; 
	margin-left:60px;
	}

#iason {
	position: absolute;
	left: 2700px; 
	top: 0px;
	background-image:url(../image/iason.jpg);
	background-repeat:no-repeat;
	height:509px;
	width:900px;
	}
	
	#iason .text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:14px;
	height:270px; 
	width:330px; 
	margin-top:35px; 
	margin-left:60px;
	}

#scroll {
     width:330px;
     height:270px;
     overflow:auto;
}

#erik {
	position: absolute;
	left: 3600px; 
	top: 0px;
	background-image:url(../image/erik.jpg);
	background-repeat:no-repeat;
	height:509px;
	width:900px;
	}
	
	#erik .text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:14px;
	height:400px; 
	width:330px; 
	margin-top:35px; 
	margin-left:60px;
	}
 


/*
....photos.............................................................
*/
 
#photos {
	position: absolute;
	left: 4500px; 
	top: 0px;
	background-image:url(../image/photos.gif);
	background-repeat:no-repeat;
	height:509px;
	width:900px;
	}
	#photos .text {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		line-height:14px; 
		margin-top:80px; 
		margin-left:60px;
		}

.galeria {
	height:293px;
	width:900px;
	margin-top:30px;
	margin-left:60px;
	/*background-color:#666666;*/
	}
	
	
.thums {
	height:85px;
	width:85px;
	background-color:#ffffff;
	margin-right:30px;
	margin-bottom:20px;
	float:left;
	border:0px;
	}
	.thums img{
		border:0px;
		}

/*
....contact.............................................................
*/

#contact {
	position: absolute;
	left: 5400px; 
	top: 0px;
	background-image:url(../image/contact.gif);
	background-repeat:no-repeat;
	height:509px;
	width:900px;
	}
	
	#contact .box {
		height:290px;
		width:415px;
		margin-top:85px;
		margin-left:60px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12;
		font-style:italic;
		color:#FFFFFF;
		}
		
input, textarea, select {
	font-family:Arial,Verdana,Helvetica;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:2px;
	}
.missatge{
	height:100px; 
	width:286px; 
	background-color:#FFFFFF;
	border:none;
	}

.others{	
	height:17px; 
	width:286px; 
	background-color:#FFFFFF;
	border:none;
	}
	
.boto {
	width:80px;
	height:20px;
	background-color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	border:none;
	color:#FFFFFF;
}


/*
....ourworld............................................................
*/

#ourworld {
	position: absolute;
	left: 6300px; 
	top: 0px;
}

#ourworld a{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-style:normal;
	color:#333333;
	text-decoration:none;
}

#ourworld a:hover{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-style:normal;
	color:#666666;
}


/*
....credits.............................................................
*/

#credits {
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:#000000;
	
	}
	
#credits a{
	color:#666666;
	text-decoration:none;
	font-style:normal
	}
	
#credits a:hover{
	color:#333333;
	}
	
	
/*
....lightbox.............................................................
*/
	
.textbox {
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:16px;
	}
	
.textbox a {
		font-weight:bold;
		text-decoration:none;
		color:#333333;
		}
	

/*
....scroll.............................................................
*/

.holder {
				float: left;
				margin: 10px;
			}
			.scroll-pane {
				width: 200px;
				overflow: auto;
				background: #ccc;
				float: left;
				height: 200px;
			}
			
			.winXP .jScrollPaneTrack {
				background: url(windows_track.gif) repeat-y;
			}
			.winXP .jScrollPaneDrag {
				background: url(windows_drag_middle.gif) no-repeat 0 50%;
			}
			.winXP .jScrollPaneDragTop {
				background: url(windows_drag_top.gif) no-repeat;
				height: 4px;
			}
			.winXP .jScrollPaneDragBottom {
				background: url(windows_drag_bottom.gif) no-repeat;
				height: 4px;
			}
			.winXP a.jScrollArrowUp {
				height: 17px;
				background: url(windows_arrow_up.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowUp:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollArrowDown {
				height: 17px;
				background: url(windows_arrow_down.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowDown:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
				background-position: 0 -40px;
			}
			
			
			.osX .jScrollPaneTrack {
				background: url(osx_track.gif) repeat-y;
			}
			.osX .jScrollPaneDrag {
				background: url(osx_drag_middle.gif) repeat-y;
			}
			.osX .jScrollPaneDragTop {
				background: url(osx_drag_top.gif) no-repeat;
				height: 6px;
			}
			.osX .jScrollPaneDragBottom {
				background: url(osx_drag_bottom.gif) no-repeat;
				height: 7px;
			}
			.osX a.jScrollArrowUp {
				height: 24px;
				background: url(osx_arrow_up.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowUp:hover {
				background-position: 0 0;
			}
			.osX a.jScrollArrowDown {
				height: 24px;
				background: url(osx_arrow_down.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowDown:hover {
				background-position: 0 0;
			}
			
			.left .jScrollPaneTrack {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowUp {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowDown {
				left: 0;
				right: auto;
			}
		
			
			/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */