@charset "utf-8";
/* CSS Document */

body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif; 
  background-repeat: no-repeat;	
  max-width: 1024px;
  min-width: 760px;
}

a:link {text-decoration: none; color: #333333;}
a:visited {text-decoration: none; color: #333333;}
a:hover {text-decoration: none; color: #140D9C; background-color: #999999;}
a:focus {text-decoration: none; color: #130F5D; /*background-color: #D1D2D4;*/}
a:active {text-decoration: none; color: #130F5D; /*background-color: #D1D2D4;*/}


.name {
	float:left;
	border-bottom:0px;
	font-size: 32px;
	font-weight: normal;
	font-style: italic;
	color: #828282;
	position: absolute;
	left: 222px;
	top: 65px;
	letter-spacing: 3px;
	height: 40px;
	width: 730px;
}

.menu {
	font-style: normal;
	font-size: 18px;
	top: 282px;
	left: 31px;
	position: absolute;
	width: 270px;
	letter-spacing: 2px;
	height: 130px;
}

/*** Nav bar styles ***/

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	margin-top: -0.3em;
	margin-left: 90px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu styles (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #FFFFFF;
	color: #369;
}

ul.nav li:hover,
.nav ul li a:hover{
	background-color: #FFFFFF;
	color: #461F59;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #FFFFFF;
	color: #369;
}

ul{
	border: none;
}

.nav a{
	text-decoration: none;
}

/*different page divs*/

div.index {
	height: 400px;
	width: 480px;
	float: right;
	border: 1px solid #666;
	padding: 4px 10px;
	overflow: scroll;
	text-align:left;
	position: absolute;
	right: 60px;
	bottom: 60px;
	font-size: 11px;
	color: #333333;
}

div.webmestre {
	height: 400px;
	width: 480px;
	float: right;
	border: 1px solid #666;
	padding: 4px 10px;
	overflow: scroll;
	text-align:left;
	position: absolute;
	right: 59px;
	bottom: 60px;
	font-size: 11px;
	color: #333333;
}

div.arts {
	height: 400px;
	width: 480px;
	float: right;
	border: 1px solid #666;
	padding: 4px 10px;
	overflow: scroll;
	text-align:left;
	position: absolute;
	right: 38px;
	bottom: 47px;
	font-size: 11px;
	color: #333333;
}

div.jewelry {
	height: 400px;
	width: 460px;
	float: right;
	border: 1px solid #666;
	padding: 4px 10px;
	overflow: scroll;
	text-align:center;
	position: absolute;
	right: 38px;
	bottom: 47px;
	font-size: 11px;
	color: #333333;
}

div.boats {
	border: 1px solid #666;
	padding: 4px 10px;
	overflow: visible;
	float: right;
	text-align: left;
	position: absolute;
	overflow: scroll;
	right: 60px;
	bottom: 60px;
	font-size: 11px;
	width: 480px;
	height: 390px;
}

div.building {
	height: 400px;
	width: 480px;
	float: right;
	border: 1px solid #666;
	padding: 4px 10px;
	overflow: scroll;
	text-align:left;
	position: absolute;
	right: 60px;
	bottom: 60px;
	font-size: 11px;
	color: #333333;
}

div.interests {
	height: 400px;
	width: 480px;
	float: right;
	border: 1px solid #666;
	padding: 4px 10px;
	overflow: scroll;
	text-align:left;
	position: absolute;
	right: 60px;
	bottom: 60px;
	font-size: 11px;
	color: #333333;
}

.email {
	font-style: normal;
	font-size: 14px;
	bottom: 20px;
	left: 31px;
	position: absolute;
	letter-spacing: 3px;
	color:#333333;
}
.imageCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #666666;
}

div.audioCaption {
	border: none;
	padding: 4px 10px;
	overflow: visible; 
	text-align:left;
	position: absolute;
	right: 20px;
	top: 50px;
	font-size: 16px;
	color:#333333;
}

div.audioCaption2 {
	border: none;
	padding: 4px 10px;
	overflow: visible; 
	text-align:left;
	position: absolute;
	right: 20px;
	top: 140px;
	font-size: 16px;
	color:#333333;
}

div.audioCaption3 {
	border: none;
	padding: 4px 10px;
	overflow: visible; 
	text-align:left;
	position: absolute;
	right: 20px;
	top: 240px;
	font-size: 16px;
	color:#333333;
}

div.audio {
	border: 1px solid #666;
	padding: 4px 10px;
	overflow: visible; 
	float: right;
	text-align:justify;
	position: absolute;
	right: 70px;
	top: 220px;
	font-size: 11px;
}