/*----------------------------links------------------------------*/

a:link {
color: #5B375A;
text-decoration: none;
font-weight: bold ;
text-decoration: underline;

} 


a:visited {
color: #5B375A;
text-decoration: none;
font-weight: bold;
text-decoration: underline;

} 


a:hover {
color: #000000;
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;

} 


a:active {

color: #5B375A;
padding-bottom: 5px;
text-decoration: none;
font-weight: bold;
text-decoration: underline;

}

/*----------------------------text------------------------------*/

.txt1 {
	font-weight: bold;
	font-family: verdana, arial;
	font-size: 8pt;
	color: #B6AEFF;
	word-spacing: 0px;
  line-height: 80%;
}

.txt2 {
	font-weight: bold;
	font-family: verdana, arial;
	font-size: 8pt;
	color: #000000;
	word-spacing: 0px;
  line-height: 80%;
}

.txt3 {
	font-weight: bold;
	font-family: verdana, arial;
	font-size: 8pt;
	color: #5B375A;
	word-spacing: 0px;
  line-height: 120%;
}

.txt4 {
	font-weight: ;
	font-family: verdana, arial;
	font-size: 8pt;
	color: #5B375A;
	word-spacing: 0px;
  line-height: 120%;
}

.txt5 {
	font-weight: bold;
	font-family: verdana, arial;
	font-size: 10pt;
	color: #5B375A;
	word-spacing: 0px;
  line-height: 100%;
}

.main {
	font-weight: bold;
	font-family: verdana, arial;
	font-size: 8pt;
	color: #5B375A;
	word-spacing: 0px;
  line-height: 120%;
}

img{border: none;} 

body {
	text-align:center; 
	background-color: #8781BD;
	
}

div {
	text-align:left;
} 



/*----------------------------------------------------------*/

#container {
	position: relative; /* container positioning */
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 768px;
	height: 576px;

	text-align: left;
	background-color: #8781BD;
     }
     

/*----------------------------common------------------------------*/

#logobox {
	position: absolute; /* container positioning */
	margin-top: 00px;
	margin-left: 95px;
	width: 280px;
	height: 60px;
	text-align: left;
	background: url(img/common/logo.gif);
     }
     
#logoboxlink {
	position: absolute;
	margin-top: 00px;
	margin-left: 00px;
	width: 280px;
	height: 60px;
     }
          
#infobox {
	position: absolute; /* container positioning */
	margin-top: 0px;
	margin-left: 473px;
	width: 198px;
	height: 60px;
	text-align: left;
	background: url(img/common/info.gif);
     }
     
#mailtolink {
	position: absolute; /* container positioning */
	margin-left: 143px;
  margin-top: 50px;
	width: 50px;
	height: 10px;
     }     
          
#linebox {
	position: absolute; /* container positioning */
	margin-top: 60px;
	margin-left: 95px;
	width: 576px;
	height: 16px;
	text-align: left;
	background: url(img/common/line.gif);
     }     
     
     
#about {
	position: absolute; /* container positioning */
	margin-top: 96px;
	margin-left: 95px;
	width: 81px;
	height: 237px;
	text-align: left;
	background: url(img/common/about.jpg);
     }
     
#aboutlink {
	position: absolute; /* container positioning */
	margin-top: 200px;
	width: 81px;
	height: 37px;
	text-align: left;
     }     
     
#portfolio {
	position: absolute; /* container positioning */
	margin-top: 96px;
	margin-left: 194px;
	width: 81px;
	height: 237px;
	text-align: left;
	background: url(img/common/portfolio.jpg);
     }
     
#portfoliolink {
	position: absolute; /* container positioning */
	margin-top: 200px;
	width: 81px;
	height: 37px;
	text-align: left;
     }     
     
#shop {
	position: absolute; /* container positioning */
	margin-top: 96px;
	margin-left: 293px;
	width: 81px;
	height: 237px;
	text-align: left;
	background: url(img/common/shop.jpg);
     }     
     
#shoplink {
	position: absolute; /* container positioning */
	margin-top: 200px;
	width: 81px;
	height: 37px;
	text-align: left;
     }          
     
#blog {
	position: absolute; /* container positioning */
	margin-top: 96px;
	margin-left: 392px;
	width: 81px;
	height: 237px;
	text-align: left;
	background: url(img/common/blog.jpg);
     }   
     
#bloglink {
	position: absolute; /* container positioning */
	margin-top: 200px;;
	width: 81px;
	height: 37px;
     }        
     
#resume {
	position: absolute; /* container positioning */
	margin-top: 96px;
	margin-left: 491px;
	width: 81px;
	height: 237px;
	text-align: left;
	background: url(img/common/resume.jpg);
     } 
     
#resumelink {
	position: absolute; /* container positioning */
	margin-top: 200px;
	width: 81px;
	height: 37px;
     }      
     
#contact {
	position: absolute; /* container positioning */
	margin-top: 96px;
	margin-left: 590px;
	width: 81px;
	height: 237px;
	text-align: left;
	background: url(img/common/contact.jpg);
     }       
     
#contactlink {
	position: absolute; /* container positioning */
	margin-top: 200px;
	width: 81px;
	height: 37px;
     } 
     
#linebox2 {
	position: absolute; /* container positioning */
	margin-top: 350px;
	margin-left: 95px;
	width: 576px;
	height: 16px;
	text-align: left;
	background: url(img/common/line.gif);
     }                     
     
#footerbox {
	position: absolute; /* container positioning */
	margin-top: 385px;
	margin-left: 95px;
	width: 320px;
	height: 200px;
	text-align: left;
	background: #8781BD;
     }        
     
#footerbox2 {
	position: absolute; /* container positioning */
	margin-top: 385px;
	margin-left: 470px;
	width: 200px;
	height: 200px;
	text-align: left;
	overflow: auto;
	background: #8781BD;
     }             
     
#footer {
	position: absolute; /* container positioning */
	margin-top: 600px;
	margin-left: 95px;
	width: 280px;
	height: 27px;
	text-align: left;
	background: url(img/common/footer.gif);
     }                                           
     
/*----------------------------contact------------------------------*/ 

#contactbox {
	position: absolute; /* container positioning */
	margin-top: 385px;
	margin-left: 95px;
	width: 576px;
	height: 200px;
	text-align: left;
	background: #8781BD;
     }        
     
/*----------------------------resume------------------------------*/ 

#resumebox {
	position: absolute; /* container positioning */
	margin-top: 385px;
	margin-left: 95px;
	width: 450px;
	height: 200px;
	text-align: left;
	background: #8781BD;
	overflow: auto;
	   }
     
#pdfresume {
	position: absolute; /* container positioning */
	margin-top: 390px;
	margin-left: 570px;
	width: 100px;
	height: 100px;
	text-align: left;
	background: url(img/resume/resume.jpg);
      }             
      
/*----------------------------portfolio------------------------------*/ 

#thumbbox {
	position: absolute; /* container positioning */
	margin-top: 385px;
	margin-left: 95px;
	width: 450px;
	height: 200px;
	text-align: left;
	background-image: url(img/gallery/boxbg.gif);
	overflow: auto;
	   }
     
#pdfportfolio {
	position: absolute; /* container positioning */
	margin-top: 390px;
	margin-left: 570px;
	width: 100px;
	height: 100px;
	text-align: left;
	background: url(img/resume/resume.jpg);
      }                   
      
#thumb001 {
	position: absolute; /* container positioning */
	margin-top: 0px;
	margin-left: 10px;
	width: 40px;
	height: 40px;
	text-align: left;
	background: url(img/gallery/thumbs/001.gif);
	   }
	   
#thumb002 {
	position: absolute; /* container positioning */
	margin-top: 0px;
	margin-left: 55px;
	width: 40px;
	height: 40px;
	text-align: left;
	background: #000000;
	   }	   
	   
#thumb003 {
	position: absolute; /* container positioning */
	margin-top: 0px;
	margin-left: 100px;
	width: 40px;
	height: 40px;
	text-align: left;
	background: #000000;
	   }	   	   
	   
/*----------------------------gallery------------------------------*/ 
#downloadportfolio{
	position: absolute; /* container positioning */
	margin-top: 80px;
	margin-left: 95px;
	width: 400px;
	height: 50px;
	text-align: left;
      }    

#previous {
	position: absolute; /* container positioning */
	margin-top: 110px;
	margin-left: 80px;
	width: 80px;
	height: 50px;
	text-align: left;
	background: url(img/gallery/previous.gif)
      }    
      
#next {
	position: absolute; /* container positioning */
	margin-top: 110px;
	margin-left: 610px;
	width: 80px;
	height: 50px;
	text-align: left;
	background: url(img/gallery/next.gif)
      }    
      
#image001 {
	position: absolute; /* container positioning */
	margin-top: 110px;
	margin-left: 180px;
	width: 402px;
	height: 566px;
	text-align: left;
	background: url(img/portfolio/images/image001.jpg)
      }   
      
#portfoliolink2 {
	position: absolute; /* container positioning */
	margin-top: 0px;
	margin-left: 0px;
	width: 402px;
	height: 566px;
	text-align: left;
      }     
      
#footergallery {
	position: absolute; /* container positioning */
	margin-top: 680px;
	margin-left: 95px;
	width: 280px;
	height: 27px;
	text-align: left;
	background: url(img/common/footer.gif);
     }