/* CSS Document */

.borderit img{
border: 5px solid #ccc;
}

.borderit:hover img{
border: 5px solid #C2997D;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}


.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;}

/* Specifications for container for layers to show/hide.
	 Most browsers need both width and height set. */
#showcase	{ position:relative; width:381px; height:240px; z-index:100}
/* Include id's for all your layers here, with commas between. */



#present, #ia, #fedbdlogo, #microlink, #microtech, #tetrapoint, #aequus, #ideaburn, #csilogo, #jj, #funtastic { 
position:absolute; visibility:hidden; left:0; top:0; z-index:1 }

div#portexplain
{
position: relative;
border: 0px blue solid;
width: 350px;
height: 335px;
text-align: left;
font: 11pt sans-serif;
color: white;
padding: 7;
float: left;
line-height: 20px;

}

div#portmid
{
position: absolute;
border: 0px blue solid;
width: 381px;
height: 465px;
text-align: left;
font: 11pt sans-serif;
color: white;
padding: 5;
left: 365;
background-color: #ADADAD;
}

div#portright
{
position: absolute;
border: 0px blue solid;
width: 200px;
height: 465px;
text-align: left;
font: 11pt sans-serif;
color: white;
padding: 5;
right: 5;
background-color: #C2997D;

color:#575757; 
font: normal 11pt sans-serif; 
font-weight: bold;
line-height: 12pt; 
}



div#middle
{

height: 477;
}

.explainer
{
color:#575757; 
font: normal 11pt sans-serif; 
line-height: 20px; 
}

p
{
font: 11pt sans-serif;
color: white;
line-height: 20px;
}