body{
width: 228px;
text-align: center;
background: #3A4C59 url(graphics/mini/bg.png);
font-family: Arial, Veranda, Tahoma, "Trebuchet MS", "Times New Roman";
font-size: 10px;
color: #FFFFFF;
}

div.hidden{
display: none;
}

div.main{
background: #638CD3 url(graphics/mini/bg2.png) no-repeat;
background-position: bottom right;
border-bottom: 6px #4E6DA5 solid;
}

div.text{
margin: 20px 10px 0px 10px;
padding: 5px 5px 10px 5px;
text-align: left;
background: #4E6DA5 url(graphics/mini/bg3.png) no-repeat;
background-position: bottom right;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;
}

.header{
display: inline;
height: 15px;
margin-bottom: 10px;
margin-right: 10px;
padding: 1px 5px 1px 5px;
color: #FF3300;
background-color: #4E6DA5;
border: 1px #FFFFFF solid;
font-size: 11px;
font-weight: bold;
}

#portfolio{
min-height: 150px;
}

div.extend{
float: right;
width: 1px;
height: 400px;
}

div.extend2{
clear: both;
width: 1px;
overflow: hidden;
}

div.logo{
width: 100%;
height: 60px;
margin: 0px;
padding: 0px;
background-color: #4E6DA5;
background-image: url(graphics/mini/logo.png);
background-repeat: no-repeat;
}

div.menu{
padding: 5px;
margin: 10px 10px 0px 10px;
text-align: center;
background-color: #4E6DA5;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;
}

a{
text-decoration: none;
font-family: Arial, Veranda, Tahoma, "Trebuchet MS", "Times New Roman";
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
}

a:hover{
text-decoration: none;
font-family: Arial, Veranda, Tahoma, "Trebuchet MS", "Times New Roman";
color: #FF3300;
font-size: 10px;
font-weight: bold;
}

a.menu:link, a.menu:visited{
padding-left: 5px;
background-color: #4E6DA5;
text-decoration: none;
font-family: Arial, Veranda, Tahoma, "Trebuchet MS", "Times New Roman";
color: #FFFFFF;
font-size: 9px;
font-weight: bold;
}

a.menu:hover{
background-color: #FF3300;
}

img.projects{
padding: 5px;
}