*{
margin:0; padding:0;
}

/* IE PNG Fix */
img { behavior: url(iepngfix.htc) }

/* Defines the main page */
html, body {
width:100%;
height:100%;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
background-color:#ececec}

/* is the entire size of the screen */
#container {
z-index:0;
width:100%;
height:100%;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:none;
background-color:#ececec;
}

/* Upper part of the gradient background, should always be at the bottom of the screen */
#topcontainer {
z-index:0;
width:100%;
height:259px;
background-image:url(../images/topbg.png);
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#ececec;
background-repeat:repeat-x;
}

/* Lower part of the gradient background, should always be at the bottom of the screen */
#bottomcontainer {
z-index:0;
width:100%;
height:300px;
position:absolute;
background-image:url(../images/bottombg.png);
bottom:0;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#ececec;
}

/* Is the panel that contains everything */
#overlaypanel {
z-index:1;
position:relative;
width:880px;
height:550px;
margin:0 auto;
top:10px;
}

/* Is where the logo and banner is stored */
#topbanner {
width:880px;
height:90px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(../images/topbanner.png);
background-repeat:no-repeat;
}

/* Contains the next 3 Divs */
#mainbody {
width:880px;
height:460px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/* Contains the left 2px vertical border */
#leftborder {
float:left;
width:2px;
height:390px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(../images/midleft.png);
}

/* Contains the GI Watermark */
#middlebody {
float:left;
width:876px;
height:390px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(../images/midbg.png);
}

/* Contains the right 2px vertical border */
#rightborder {
float:right;
width:2px;
height:390px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(../images/midright.png);
}

/* The Container for the lower reflection image */
#bottom {
width:880px;
height:80px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
behavior: url(../iepngfix.htc); 
}

/* 2nd skin that is placed over the top of the "Bottom Div" */
#bottomoverlay {
position:relative;
left:10px;
top:-80px;
width:350px;
height:35px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
behavior: url(../iepngfix.htc); 
}




#mainbodyleft{
float:left;
position:absolute;
left:13px;
width:435px;
height:355px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#;
}

#leftupper{
height:180px;
width:435;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#;
}

#leftlower{
height:175px;
width:435;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#;
}

#mainbodyright{
top:33px;
float:right;
position:relative;
width:438px;
height:355px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#;
}

#mainbodytotal{
position:absolute;
left:16px;
width:862px;
height:342px;
background-color:#;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.thumbnail{
border:3px solid #555;
margin-left:0px;
margin-right:8px;
margin-top:4px;
margin-bottom:4px;;
}

a img.thumbnail {
border:3px solid #555;
margin-left:0px;
margin-right:8px;
margin-top:4px;
margin-bottom:4px;;
}

a:hover img.thumbnail {
border:3px solid #aaa;
margin-left:0px;
margin-right:8px;
margin-top:4px;
margin-bottom:4px;}

.midthumbnail{
border:3px solid #555;
margin-left:0px;
margin-right:8px;
margin-top:4px;
margin-bottom:4px;;
}

a img.midthumbnail {
border:3px solid #888;
margin-left:0px;
margin-right:8px;
margin-top:4px;
margin-bottom:4px;;
}

a:hover img.midthumbnail {
border:3px solid #ccc;
margin-left:0px;
margin-right:8px;
margin-top:4px;
margin-bottom:4px;}

#tucked {
position:absolute;
right:0;
top:0;
z-index:-1;
width:100px;
height:100px;
background-color:#000;
}





/* nothing below here - this is a hack for Opera */
@media all and (min-width:0px) {  head~body #bottom {background: url(../images/bottom.png); 
background-repeat:no-repeat; width:880px; height: 70px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:absolute; bottom:0px}}

@media all and (min-width:0px) {  head~body #bottomoverlay {
position:absolute;
z-index:2;
left:10px;
top:480px;
width:350px;
height:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
behavior: url(../iepngfix.htc); 
}}