body {

background-image:url(../images/bgnd2.jpg);
background-repeat:repeat;
background-color:#484040;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}
#header{
 background-image:url(../images/header.png);
background-repeat:repeat-x;
  position:absolute;
  top:-10px;
  left:0;
  width:100%;
  height:100px;
 }
#logo {
	position:absolute;
	left:282px;
	top:29px;
	width:225px;
	height:136px;
	z-index:25;
}
#logo-index {
	position:absolute;
	left:287px;
	top:-195px;
	width:225px;
	height:136px;
	z-index:25;
}
/*   */
.movie
{

position:absolute;
top:85px;
left:0px;
float:left;
border-style: solid;
border-color:none;

}


#navmenu {
	position: absolute;
	margin:130px 0 0 150px;
	padding: 3px;
	width: 500px;
	height: 32px;
	left: -1px;
	top: 12px;
}
#navmenu li {
	
	height: 16px;
	position: absolute;
	top: 8px;
	display: block;
	list-style: none;
	left: -37px;
}
#navmenu a {width: 100%; height: 17px; display: block; border: none; outline:none;	z-index:30}
#navmenu a:hover {border: none;z-index:30}
#navmenu #panel1c {
width: 50px;
	left: 0px;
	background: url(../images/web.png) 0 0 no-repeat;z-index:30
}
#navmenu #panel2c {
width: 250px;

	left: 133px;
	background-position: 0;
	background: url(../images/print.png) 0 0 no-repeat;z-index:30
}
#navmenu #panel3c {
	width:180px;
	left: 237px;
	background-position:0;
	background: url(../images/ill-mo.png) 0 0 no-repeat;z-index:30
}
#navmenu #panel4c {
width: 90px;

	left: 433px;
	background-position:0;
	background: url(../images/contact.png) 0 0 no-repeat;z-index:30
}

#navmenu #panel1c a:hover {background:url(../images/web.png) -0px -14px no-repeat;z-index:30}
#navmenu #panel2c a:hover {background: url(../images/print.png) -0px -14px no-repeat;z-index:30}

#navmenu #panel3c a:hover {background:url(../images/ill-mo.png) -0px -14px no-repeat;z-index:30}
#navmenu #panel4c a:hover {background: url(../images/contact.png) -0px -14px no-repeat;z-index:30}






/*        */
#page {
	position:relative;
	background:none;
	width:850px;
	height:700px;
	margin: auto; 
}
#content{
	text-align:center;
	position:absolute;
	left:1px;
	top:1px;
	width:848px;
	height:677px;
	z-index:2;
}


#footer{
/*background-image:url(../images/footer.png);*/
background-repeat:repeat-x;
  position:absolute;
  bottom:-30px;
  left:0px;
  width:100%;
  height:200px;
  z-index:2;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }
#center {
	position:absolute;
	left:-46px;
	top:202px;
	width:849px;
	height:531px;
	z-index:1;
}

#nav-container {
	position:absolute;
	margin:auto;
	width:845px;
	height:30px;
	z-index:800;
	left: 1px;
	top: 1px;
	
	
}
#shading {
	position:absolute;
	left:-73px;
	top:-84px;
	width:1109px;
	height:77px;
	z-index:0;
	background-image:url(../images/NAV.png);
	background-repeat:no-repeat;
}

#apDiv2 {
	position:absolute;
	left:-65px;
	top:-139px;
	width:1109px;
	height:126px;
	z-index:0;
	background-image:url(../images/NAV.png);
	background-repeat:no-repeat;
}

        
        .bubbleInfo {
	position: absolute;
	top: 172px;
	left: 53px;
	height: 50px;
	width: 54px;
        }
        .trigger {
            position: absolute;
        }
     
        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
        z-index:400;
        	border-collapse: collapse;
			height:80px;
			
        }

        .popup td.corner {
        	height: 10px;
        	width: 19px;
        }

       
        .popup table.popup-contents {
        	font-size: 11px;
        	
        		text-transform:uppercase;
	font-family:'Century Schoolbook', Georgia;
        	color: #666;
        	
        	}

        table.popup-contents th {
        	text-align: right;
        	
        	}

        table.popup-contents td {
        	text-align: left;
        	}

        tr#release-notes th {
        	text-align: left;
        	text-indent: -9999px;
        
        	
        	}

        tr#release-notes td a {
        	color: #333;
        }
        
		tr#release-notes td a:hover {
	color: #3ecb07;
}
 tr#release-notes td a.two {
        	color: #333;
        }
        
		tr#release-notes td a.two:hover {
	color: #1db5f5;
}
    
ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
	float: left;
	width: 220px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}
/*--CSS Sprites - Default State--*/
ul#topnav a {
	float: left;
	
	height: 38px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	
}
/*--CSS Sprites - Hover State--*/

/*--Assign an image and width to each link--*/
ul#topnav li.websites a {
	background-image: url(../images/websiteslink.png);
	background-repeat:no-repeat;
	outline:none;
	width: 386px;
}
ul#topnav li.websites a:hover {
	background-image: url(../images/websites-over.png);
	background-repeat:no-repeat;	outline:none;
	width: 386px;
}
ul#topnav li.ads a {
	background-image: url(../images/advertisinglink.png);
	background-repeat:no-repeat;	outline:none;
	width: 386px;
}
ul#topnav li.ads a:hover {
	background-image: url(../images/advertising-over.png);
	background-repeat:no-repeat;	outline:none;
	width: 386px;
}
#webpage li.websites a, /*--Home Page > Home Link--*/
#about li.ads a, /*--About Page > About Link--*/
{
	background-position: left bottom;
}