/* myStyles.css
Style sheet for my personal Website
Marcos Frony -- mfrony@yahoo.com */

/* Begin general styles */
p { 
	font-family:"Verdana","Helvetica",sans-serif;
	font-size:15px;
	color:#000000;
 }
 
#logo { 
	position:absolute;
	left:10px;
	top:5px;
	width:86px;
	height:60px;
	z-index:100;
}

#menuBar { 
	position:absolute;
	left:105px;
	top:10px;
	width:600px;
	height:50px;
	z-index:100;
}


/* Begin color of pages */

.home { background:#336699; }

.marvelous { background:#cccc33; }

.stuff { background:#996666; }

.aboutMe { background:#999966; } 

/* End color of pages */


/* End general styles */



/* Begin home */

#homeBar {
	position:absolute;
	left:30px;
	top:80px;
	width:350px;
	height:35px;
	background-color:#336699;
	layer-background-color:#336699;
	border:1px solid #336699;
	visibility:true;
	z-index:10;
}

#textBoxHome { 
	position:absolute;
	left:30px;
	top:150px;
	width:260px;
	background-color:#336699;
	layer-background-color:#336699;
	border:1px solid #336699;
	visibility:true;
	z-index:10;
}

#pao { 
	position:absolute;
	left:330px;
	top:150px;
	width:400px;
	height:264;
	z-index:10;
}

/* End home */

/* Begin marvelous */

#marvelousBar {
	position:absolute;
	left:30px;
	top:80px;
	width:350px;
	height:35px;
	background-color:#cccc33;
	layer-background-color:#cccc33;
	border:1px solid #cccc33;
	visibility:true;
	z-index:10;
}


/* Begin index */

/* Begin Thumbnails */
#barra { 
	position:absolute;
	left:30px;
	top:200px;
	width:156px;
	height:100px;
	z-index:5;
}

#gloria { 
	position:absolute;
	left:30px;
	top:320px;
	width:156px;
	height:100px;
	z-index:5;
} 

#aeroporto { 
	position:absolute;
	left:206px;
	top:320px;
	width:156px;
	height:100px;
	z-index:5;
}

#copa { 
	position:absolute;
	left:206px;
	top:200px;
	width:156px;
	height:100px;
	z-index:5;
}

/* End thumbnails */


#textBoxMarvelous { 
	position:absolute;
	left:430px;
	top:250px;
	width:260px;
	background-color:#cccc33;
	layer-background-color:#cccc33;
	border:1px solid #cccc33;
	visibility:true;
	z-index:10;
}

/* End index */


/* Begin copa.html */

#copaBig { 
	position:absolute;
	left:30px;
	top:150px;
	width:250px;
	height:150px;
	z-index:5;
}

#arpoador { 
	position:absolute;
	left:50px;
	top:340px;
	width:662px;
	height:169px;
	z-index:5;
}

#textBoxCopa { 
	position:absolute;
	left:330px;
	top:150px;
	width:360px;
	background-color:#cccc33;
	layer-background-color:#cccc33;
	border:1px solid #cccc33;
	visibility:true;
	z-index:10;
}

#ballCopa {
	position:absolute;
	left:660px;
	top:305px;
	width:91px;
	height:58;
	visibility:true;
	z-index:20;
}

/* End copa.html */


/* Begin bottomCopa.html */

#bottomCopa { 
	position:absolute;
	left:20px;
	top:20px;
	width:662px;
	height:169px;
	z-index:5;
}

/* End bottomCopa */


/* Begin barra */

#barra2 { 
	position:absolute;
	left:30px;
	top:150px;
	width:250px;
	height:143px;
	z-index:5;
} 

#textBoxBarra { 
	position:absolute;
	left:380px;
	top:150px;
	width:260px;
	background-color:#cccc33;
	layer-background-color:#cccc33;
	border:1px solid #cccc33;
	visibility:true;
	z-index:10;
}

#textBoxBarra2 { 
	position:absolute;
	left:40px;
	top:400px;
	width:200px;
	background-color:#cccc33;
	layer-background-color:#cccc33;
	border:1px solid #cccc33;
	visibility:true;
	z-index:10;
}

#barraBig { 
	position:absolute;
	left:260px;
	top:330px;
	z-index:5;
} 

#ballBarra { 
	position:absolute;
	left:700px;
	top:290px;
	z-index:20;
} 

/* End barra */


/* Begin gloria */

#gloria2 { 
	position:absolute;
	left:30px;
	top:150px;
	width:250px;
	height:143px;
	z-index:5;
} 

#textBoxGloria { 
	position:absolute;
	left:380px;
	top:150px;
	width:260px;
	background-color:#cccc33;
	layer-background-color:#cccc33;
	border:1px solid #cccc33;
	visibility:true;
	z-index:10;
}


#ballGloria { 
	position:absolute;
	left:550px;
	top:200px;
	width:43px;
	height:30px;
	z-index:20;
} 

/* End gloria */


/* Begin aeroporto */

#aeroporto2 { 
	position:absolute;
	left:30px;
	top:150px;
	width:250px;
	height:143px;
	z-index:5;
} 

#textBoxAeroporto { 
	position:absolute;
	left:380px;
	top:150px;
	width:260px;
	background-color:#cccc33;
	layer-background-color:#cccc33;
	border:1px solid #cccc33;
	visibility:true;
	z-index:10;
}


#ballAeroporto { 
	position:absolute;
	left:550px;
	top:200px;
	width:43px;
	height:30px;
	z-index:20;
}


/* End aeroporto */


/* End marvelous */




/* Begin stuff */

/* Begin Index */

#stuffBar {
	position:absolute;
	left:30px;
	top:80px;
	width:350px;
	height:35px;
	background-color:#996666;
	layer-background-color:#996666;
	border:1px solid #996666;
	visibility:true;
	z-index:10;
}


#textBoxStuffInd { 
	position:absolute;
	left:30px;
	top:180px;
	width:150px;
	background-color:#996666;
	layer-background-color:#996666;
	border:1px solid #996666;
	visibility:true;
	z-index:10;
}

#garboT { 
	position:absolute;
	left:250px;
	top:140px;
	width:116px;
	height:150px;
	visibility:true;
	z-index:9;
}

#mspT { 
	position:absolute;
	left:460px;
	top:140px;
	width:117px;
	height:150px;
	visibility:true;
	z-index:9;
}

#xgamesT { 
	position:absolute;
	left:250px;
	top:310px;
	width:102px;
	height:150px;
	visibility:true;
	z-index:9;
}

#cameraT { 
	position:absolute;
	left:430px;
	top:332px;
	width:182px;
	height:128px;
	visibility:true;
	z-index:9;
}

/* End Index */


/* Begin mdmv.html */

#textBoxStuffmdmv { 
	position:absolute;
	left:30px;
	top:150px;
	width:150px;
	background-color:#996666;
	layer-background-color:#996666;
	border:1px solid #996666;
	visibility:true;
	z-index:10;
}

#mdmvDIV { 
	position:absolute;
	left:200px;
	top:140px;
	width:511px;
	height:280;
	visibility:true;
	z-index:10;
}

#garboDIV { 
	position:absolute;
	left:200px;
	top:125px;
	width:338px;
	height:280;
	visibility:false;
	z-index:9;
}

#coupleDIV { 
	position:absolute;
	left:240px;
	top:125px;
	width:335px;
	height:280;
	visibility:false;
	z-index:8;
}

#violinDIV { 
	position:absolute;
	left:200px;
	top:125px;
	width:210px;
	height:280;
	visibility:false;
	z-index:7;
}

#arrowRightMDMV {
	position:relative;
	left:80px;
	top:25px;
	visibility:true;
	z-index:7;
}

#ballMDMV {
	position:absolute;
	left:60px;
	top:300px;
	visibility:true;
	z-index:20;
}

/* End mdmv.html */


/* Begin originals */

#garbo2DIV { 
	position:absolute;
	left:5px;
	top:165px;
	width:272px;
	height:225;
	visibility:true;
	z-index:7;
}

#couple2DIV { 
	position:absolute;
	left:287px;
	top:165px;
	width:269px;
	height:225;
	visibility:true;
	z-index:7;
}


#violin2DIV { 
	position:absolute;
	left:566px;
	top:165px;
	width:169px;
	height:225;
	visibility:true;
	z-index:7;
}

#ballOriginals {
	position:absolute;
	left:350px;
	top:410px;
	width:91px;
	height:58;
	visibility:true;
	z-index:20;
}

/* End originals */


/* Begin msp.html */

#textBoxMsp { 
	position:absolute;
	left:50px;
	top:180px;
	width:160px;
	background-color:#996666;
	layer-background-color:#996666;
	border:1px solid #996666;
	visibility:true;
	z-index:10;
}

#mspDIV { 
	position:absolute;
	left:300px;
	top:140px;
	width:313px;
	height:450px;
	visibility:true;
	z-index:10;
}

#ballMsp {
	position:absolute;
	left:120px;
	top:425px;
	width:91px;
	height:58;
	visibility:true;
	z-index:20;
}


/* End msp */


/* Begin xgames */

#textBoxXgames { 
	position:absolute;
	left:50px;
	top:280px;
	width:160px;
	background-color:#996666;
	layer-background-color:#996666;
	border:1px solid #996666;
	visibility:true;
	z-index:10;
}

#xgames { 
	position:absolute;
	left:300px;
	top:140px;
	visibility:true;
	z-index:10;
}

#ballXgames {
	position:absolute;
	left:55px;
	top:390px;
	visibility:true;
	z-index:20;
}

#xgamesBottom { 
	position:absolute;
	left:300px;
	top:600px;
	width:300px;
	height:50px;
	background-color:#996666;
	layer-background-color:#996666;
	border:1px solid #996666;
	visibility:true;
	z-index:10;
}

/* End xgames.html */


/* Begin pictures.html */

#textBoxPictures { 
	position:absolute;
	left:50px;
	top:180px;
	width:160px;
	background-color:#996666;
	layer-background-color:#996666;
	border:1px solid #996666;
	visibility:true;
	z-index:10;
}

#ggbT { 
	position:absolute;
	left:363px;
	top:130px;
	visibility:true;
	z-index:10;
}

#fmParkT { 
	position:absolute;
	left:230px;
	top:230px;
	visibility:true;
	z-index:10;
}

#barraPicT { 
	position:absolute;
	left:500px;
	top:230px;
	visibility:true;
	z-index:10;
}

#enseadaT { 
	position:absolute;
	left:230px;
	top:330px;
	visibility:true;
	z-index:10;
}

#sugarLoafT { 
	position:absolute;
	left:474px;
	top:330px;
	visibility:true;
	z-index:10;
}

#fmEntranceT { 
	position:absolute;
	left:80px;
	top:430px;
	visibility:true;
	z-index:10;
}

#arpoadorT { 
	position:absolute;
	left:389px;
	top:430px;
	visibility:true;
	z-index:10;
}


/* End pictures.html */


/* Begin ggb */

#ggbPic { 
	position:absolute;
	left:90px;
	top:140px;
	visibility:true;
	z-index:10;
}

#ggbLPic { 
	position:absolute;
	left:90px;
	top:285px;
	visibility:true;
	z-index:10;
}

#ggbRPic { 
	position:absolute;
	left:382px;
	top:285px;
	visibility:true;
	z-index:10;
}

#ballGGB {
	position:absolute;
	left:550px;
	top:100px;
	width:91px;
	height:58;
	visibility:true;
	z-index:20;
}

/* End ggb */


/* Begin fmPark */

#fmParkPic { 
	position:absolute;
	left:90px;
	top:140px;
	visibility:true;
	z-index:10;
}

#fmParkLPic { 
	position:absolute;
	left:90px;
	top:285px;
	visibility:true;
	z-index:10;
}

#fmParkRPic { 
	position:absolute;
	left:382px;
	top:285px;
	visibility:true;
	z-index:10;
}

#ballfmPark {
	position:absolute;
	left:550px;
	top:100px;
	width:91px;
	height:58;
	visibility:true;
	z-index:20;
}

/* End fmPark */


/* Begin barraPic */

#barraPic { 
	position:absolute;
	left:140px;
	top:140px;
	visibility:true;
	z-index:10;
}

#barraLPic { 
	position:absolute;
	left:140px;
	top:345px;
	visibility:true;
	z-index:10;
}

#barraRPic { 
	position:absolute;
	left:393px;
	top:345px;
	visibility:true;
	z-index:10;
}

#ballBarraPic {
	position:absolute;
	left:500px;
	top:100px;
	width:91px;
	height:58;
	visibility:true;
	z-index:20;
}

/* End barraPic */


/* Begin enseada */

#enseadaPic { 
	position:absolute;
	left:140px;
	top:140px;
	visibility:true;
	z-index:10;
}

#enseadaLPic { 
	position:absolute;
	left:140px;
	top:350px;
	visibility:true;
	z-index:10;
}

#enseadaRPic { 
	position:absolute;
	left:400px;
	top:350px;
	visibility:true;
	z-index:10;
}

#ballEnseada {
	position:absolute;
	left:510px;
	top:100px;
	width:91px;
	height:58;
	visibility:true;
	z-index:20;
}

/* End enseada */


/* Begin Sugar Loaf */

#sugarLoafPic { 
	position:absolute;
	left:140px;
	top:140px;
	visibility:true;
	z-index:10;
}

#sugarLoafLPic { 
	position:absolute;
	left:140px;
	top:320px;
	visibility:true;
	z-index:10;
}

#sugarLoafRPic { 
	position:absolute;
	left:395px;
	top:320px;
	visibility:true;
	z-index:10;
}

#ballSugarLoaf {
	position:absolute;
	left:510px;
	top:100px;
	width:91px;
	height:58;
	visibility:true;
	z-index:20;
}

/* End Sugar Loaf */


/* Begin Fort Mason */

#fmEntrancePic { 
	position:absolute;
	left:140px;
	top:140px;
	visibility:true;
	z-index:10;
}

#fmEntranceLPic { 
	position:absolute;
	left:140px;
	top:320px;
	visibility:true;
	z-index:10;
}

#fmEntranceRPic { 
	position:absolute;
	left:435px;
	top:320px;
	visibility:true;
	z-index:10;
}

#ballFMEntrance {
	position:absolute;
	left:570px;
	top:100px;
	width:91px;
	height:58;
	visibility:true;
	z-index:20;
}

/* End Fort Mason */


/* Begin Arpoador */

#arpoadorPic { 
	position:absolute;
	left:65px;
	top:140px;
	visibility:true;
	z-index:10;
}

#arpoadorLPic { 
	position:absolute;
	left:50px;
	top:320px;
	visibility:true;
	z-index:10;
}

#arpoadorMPic { 
	position:absolute;
	left:285px;
	top:320px;
	visibility:true;
	z-index:10;
}

#arpoadorRPic { 
	position:absolute;
	left:518px;
	top:320px;
	visibility:true;
	z-index:10;
}

#ballArpoador {
	position:absolute;
	left:600px;
	top:100px;
	width:91px;
	height:58;
	visibility:true;
	z-index:20;
}

/* End Arpoador */



/* End stuff */



/* Begin styles for aboutMe */

#aboutMeBar {
	position:absolute;
	left:30px;
	top:80px;
	width:350px;
	height:35px;
	background-color:#999966;
	layer-background-color:#999966;
	border:1px solid #999966;
	visibility:true;
	z-index:10;
}

#textBoxAboutMe { 
	position:absolute;
	left:30px;
	top:120px;
	width:260px;
	height:500px;
	background-color:#999966;
	layer-background-color:#999966;
	border:1px solid #999966;
	visibility:true;
	z-index:10;
	margin-bottom:50px;
}

#textBoxResume { 
	position:absolute;
	left:342px;
	top:450px;
	width:400px;
	background-color:#999966;
	layer-background-color:#999966;
	border:1px solid #999966;
	visibility:true;
	z-index:10;
}

#paodeAcucar { 
	position:absolute;
	left:330px;
	top:170px;
	width:400px;
	height:262;
	z-index:10;
}

	
/* End styles for aboutMe */