/* page layout */
body, html {
margin: 0;
padding: 0;
margin-bottom: 4px;
background-color: #FFFFFF;
text-align: center; /* IE center bug */
z-index: 1;
}
div#pageFrame {
position: relative;
width: 100%; /* total pagewidth */
margin: 0 auto;
 z-index: 1;

}




div#logoFrame {
height: 65px;
position: left;
z-index: 2;

}
div.navBarFrame {
margin-left: 5px;
margin-right: 5px;
height: 30px; /* prevent collapse ? */
z-index: 1;
}
div#navBottomFrame {
margin: 10px auto;

}
div#middleFrame {
position: absolute;
top: 175px;
bottom: 175px;
margin: 0px;
min-height: 500px; /* no go IE */
/* border-top: 1px solid white; Mozilla: else middle frame shifts down a bit depending on content?! */
left: 178px; /* the fluid content is 100% minus these margins wide */


/* right: 178px; */
/* next lines hack for IE5.2 mac (does not listen to right) */
margin-right: 25px;
right: 25px;
}
@media all {
        div#middleFrame {margin-right: 0;}
          } /* values for others */



#middleContent {
width: 100%;  /* prevents IE to jump out of the box! */
text-align: left;
}
/* boxes1 and 2 (call it left and right if you prefer) */




div#boxes1Frame {
	position: absolute;
	left: 7px;
	top: 175px;
	width: 160px;



}

div.infoboxContentsFL {
margin: 5px; /* = the padding */
width: 146px; /* ???????? needed for IE 160 minus margins and borders ? */
padding-bottom: 5px; /* IE */
}

div#bannerFrame {
height: 60px;
margin-top: 10px;
margin-bottom: 10px;
}

BODY.popupImage {
    background: #FFFFFF;
    color: #000000;
    text-align: center;
    padding: 0;
    margin: 0;
}

.screenshotsBlock {
    border: 1px solid #bbc3d3;
    background: #f8f8f9;
    text-align: center;
    padding: 0;
    margin: 0;
}

.screenshotsHeaderText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
    text-align: left;
    background: url("images/infobox/corner_left.gif") top left no-repeat;
    padding: 0 0 0 15px;
    margin: 0;
}

.screenshotsHeader {
    background: #bbc3d3 url("images/infobox/corner_right.gif") top right no-repeat;
    padding: 0;
    margin: 10px 0 0 0;
}

.screenshots {
    float: left;
    width: 25%; /* the width sets the number of images per row (i.e., 50% = 2 per row, 33% = 3 per row, 25% = 4 per row, 20% = 5 per row, etc) */
    text-align: center;
    padding: 5px 0 5px 0;
    margin: 0;
}

.screenshots a:hover {
    text-decoration: none;
}

.screenshots IMG {
    border: 3px double #bbc3d3;
}

.clearScreenshots {
    clear: both;
    height: 1px;
    width: 100px;
}

.clearScreenshots hr {
    display: none;
}

.noScreenshots {
    text-align: center;
    padding: 15px 0 15px 0;
    margin: 0;
}



/* end page layout */