<!--


body
{
background-color: #FFFFFF;
background-image: url("layout/background.gif");
margin: 0px;
font-family: arial, tahoma, verdana;
font-size: 10pt;
color: #000000;
}

a:link, a:active, a:visited
{
color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}

a:hover
{
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

p
{
text-align: justify;
}

h1
{
color: #FFFFFF;
font-size: 12pt;
font-weight: bold;
margin-top: 3px;
}

/* commented backslash hack for ie5mac \*/ html, body{height:100%;} /* end hack */

img
{
border: 0px;
}

#container
{
width: 800px;
height: 500px;
border: 0px;
padding: 0px;
position: absolute;left: 50%;top: 50%;margin-top: -250px;margin-left: -400px;
}

#head
{
width: 100%;
height: 100px;
border: 0px;
padding: 0px;
position: absolute;
margin-left: 0px;
margin-top: 0px;
}

#main
{
width: 100%;
height: 370px;
border: 0px;
padding: 0px;
position: absolute;
margin-left: 0px;
margin-top: 100px;
color: #FFFFFF;
}

#one
{
width: 50px;
height: 370px;
border: 0px;
padding: 0px;
float: left;
line-height: 350px;
background-color: #FF3366;
}

#two
{
width: 50px;
height: 370px;
border: 0px;
padding: 0px;
float: left;
line-height: 350px;
background-color: #66EE00;
}

#three
{
width: 50px;
height: 370px;
border: 0px;
padding: 0px;
float: left;
line-height: 350px;
background-color: #3399FF;
}

#four
{
width: 50px;
height: 370px;
border: 0px;
padding: 0px;
float: left;
line-height: 350px;
background-color: #FFDD00;
}

#oneb
{
width: 580px;
height: 350px;
border: 0px;
padding: 10px;
float: left;
background-color: #FF3366;
display: block;
}

#twob
{
width: 580px;
height: 350px;
border: 0px;
padding: 10px;
float: left;
background-color: #66EE00;
display: none;
}

#threeb
{
width: 580px;
height: 350px;
border: 0px;
padding: 10px;
float: left;
background-color: #3399FF;
display: none;
}

#fourb
{
width: 580px;
height: 350px;
border: 0px;
padding: 10px;
float: left;
background-color: #FFDD00;
display: none;
}

#table
{
width: auto;
height: 100%;
display: table;
margin-left: 60px;
margin-right: 80px;
}

#cell
{
display: table-cell;
vertical-align: middle;
}

#portfolio1
{
width: 140px;
height: 230px;
padding: 0px;
border: 0px;
margin-left: 0px;
float: left;
background-color: #000000;
}

#portfolio2
{
width: 140px;
height: 230px;
padding: 0px;
border: 0px;
margin-left: 10px;
float: left;
background-color: #000000;
}

#copyright
{
width: 100%;
height: 30px;
border: 0px;
padding: 0px;
position: absolute;
margin-top: 470px;
line-height: 45px;
text-align: center;
}

#image:hover
{
position: relative;
left: 1px;
top: 1px;
}

#portfolioimg
{
border: 1px solid #66BB00;
}

.err
{
color: red;
}

-->