body {
	background: black url(../images/background.jpg);
	margin: 0;
	margin-bottom: 1em;
	font-family: Tahoma, Arial, sans-serif;
	font-size: small;
}

a	{
	color: #6ac404;
}

img	{
	border: 0;
}

#main	{
	width: 750px;
	vertical-align: top;
}

.left	{
	width: 188px;
	vertical-align:top;
	overflow: hiddeh;
}

.phyllisbi	{
	margin: 1.5em auto 1em 1.5em;
}

.menuBox	{
	height: 434px;
	width: 188px;
}

.menuItem	{
	height: 37px;
	width: 188px;
}

.menuItem:hover	{
	cursor: pointer;
}

#menu-home	{
	background: url(../images/menu-home.jpg) no-repeat;
}

#menu-home:hover	{
	background: url(../images/menu-home-clicked.jpg) no-repeat;
}

#menu-profile	{
	background: url(../images/menu-profile.jpg) no-repeat;
}

#menu-profile:hover	{
	background: url(../images/menu-profile-clicked.jpg) no-repeat;
}

#menu-artwork	{
	background: url(../images/menu-artwork.jpg) no-repeat;
}

#menu-artwork:hover	{
	background: url(../images/menu-artwork-clicked.jpg) no-repeat;
}

#menu-webDesign	{
	background: url(../images/menu-webDesign.jpg) no-repeat;
}

#menu-webDesign:hover	{
	background: url(../images/menu-webDesign-clicked.jpg) no-repeat;
}

#menu-contact	{
	background: url(../images/menu-contact.jpg) no-repeat;
}

#menu-contact:hover	{
	background: url(../images/menu-contact-clicked.jpg) no-repeat;
}

#menu-space	{
	height: 200px;
	width: 188px;
	vertical-align: bottom;
	background: url(../images/menu-space.jpg) no-repeat;
}

#menu-btm	{
	height: 12px;
	width: 188px;
	vertical-align: bottom;
	background: url(../images/menu-btm.gif) no-repeat;
}

#menu-top	{
	height: 37px;
	width: 188px;
	background: url(../images/menu-top.gif) no-repeat;
}

.title	{
	margin: 0.5em auto 0.5em 0.5em;
}

#data	{
	min-height: 460px;
	height: auto !important;
	height: 460px;
	background: white;
    padding: 0 1em 0 1.5em;
}


#data #content   {
    margin-top: 2em;
}

/*----- home -----------*/
#home .topBox {
    padding-top: 100px; 
    width: 100%; 
    text-align: center; 
    vertical-align: bottom;
}

#home .welcome  {
    padding: 1px 10px; 
}

#home #content  {
    margin-top: 100px; 
    text-align: center; 
    vertical-align: bottom;
}

#home .linkImage    {
    margin: 0 30px;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#home .linkImage:hover    {
    filter: alpha(opacity=100);
    opacity: 1;
    cursor: pointer;
}


/*----- artwork --------*/
#artwork .entry .name   {
    color: #DF4A7C;
    font-family:"Impact","Arial Black","Arial Narrow";
    padding: 0.5em;
    text-align:center;
    background: #eeeeee;
}

#artwork .thumbnailTable td    {
    padding: 20px;
    padding-top: 0;
}

#artwork .thumbnail {
    border:1px solid #eeeeee;
    filter: alpha(opacity=80);
    opacity: 0.8;
    cursor: pointer;
}

#artwork .thumbnail img	{
    height:180px;
    width:180px;
}
	

#artwork .thumbnail:hover {
    filter: alpha(opacity=100);
    opacity: 1.0;
}


/*---- profile ---- */
#profile .detailedProfile    {
    vertical-align: top;
    padding-left: 5px;
    padding-top: 20px;
    line-height: 1.5em;
}

#profile .thumbnailList  {
    vertical-align: top;
    height: 150px;
    padding-left: 5px;
    vertical-align: bottom;
}


#profile .thumbnailList img  {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#profile .thumbnailList img:hover  {
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1;
}

#profile #bigImage   {
    vertical-align: top;
    width: 200px;
}

#profile #bigImage img  {
    width: 200px;
    height: 400px;
}

#profile .layoutTable    {
    width: 100%;
}

#profile #email {
    vertical-align: middle;
}

/*---- webdesign ---- */
#webdesign  {
    font-size: small;
}

#webdesign .divider {
    size: 1px;
    color: #e1e1e1;
    noshade: noshade;
}

#webdesign .tablecell   {
    vertical-align: top;
}

#webdesign .thumbnail	{
    filter: alpha(opacity=80);
    opacity: 0.8;
    border: 1px #e1e1e1 solid;
}

#webdesign .thumbnail img	{
    border: 0;
    margin: 0;
    padding: 0;
    width: 250px;
    height: 150px;
}

#webdesign .thumbnail:hover	{
    filter: alpha(opacity=100);
    opacity: 1;
}

#webdesign .detail	{
    vertical-align: top;
}

#webdesign .entryName	{
    background: #e1e1e1;
    color: #ed145a;
    font-size: larger;
    padding: 0 0.5em;
    margin: 0;
    letter-spacing: 0.2em;
    font-family: "Impact", "Arial Black", "Arial Narrow";
}

#webdesign .entry	{
    margin: 1em 1em 0 1em;
}