* { margin: 0; padding: 0; }
				
		html { background: url('/images/wallpaper.lion.jpg') no-repeat center center fixed; background-size : cover;}

		/* These are classes, because I may want to have more than one "window" in the future */
		.AquaLikeBar { background-color :#cecece; display : block; height : 24px;}
		.AquaLikeBarTitle { display : inline; padding-top : 0px;padding-left : 30px; }
		.CloseButton {display : inline;width : 19px; height : 19px; background-image : url('/images/buttons/onoff.png'); 
		background-repeat : no-repeat;
			background-position : top right; }
		.CloseButton:hover  { cursor: pointer; background-image : url('/images/buttons/onoff.png'); 
			background-position : top left; }
		
		#topBar{min-width:600px; background : #ffffff;top:0px;font-size:12px;height:18px;left:0;right:0;padding:3px 10px 0 10px;position:fixed;overflow:hidden; white-space:nowrap; opacity:0.8; } 

		#quicklook { float : right ;z-Index: 2400; }
		#footer{min-width:578px; background-image:url(/images/footerbg.jpg);bottom:0;font-size:12px;height:15px;left:0;right:0;padding:3px 10px 0 10px;position:fixed;z-index:2400;overflow:hidden; white-space:nowrap; border-top:1px solid #2B334F;} 


		#contentWindow { background: white; border : 1px solid black;position : absolute ;min-height: 400px ; height : 500px; width : 90%; left : 40px; top: 40px; }
		#content { padding : 50px; font-family : Verdana, Arial , Helvetica, sans-serif:} /* Nice center effect */


	   #content { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}

	/* Dock and icons */

	  	#dock { position : absolute ; bottom: 20px; left : 240px;  }

		.Icon { position : absolute; bottom : 40px; z-index :10 ; height : 64px;}
	  	#finderIcon { position : absolute ; bottom: 40px;left : 300px; width : 64px;  }
	  	#newsIcon { left :  448px; width :64px;}
	  	#xcodeIcon { position : absolute ; bottom: 40px; left : 515px; width : 64px;  }

	  	#linksIcon { position : absolute ; bottom: 38px; left : 660px; height : 70px; width : 70px;  }
	  	#notesIcon { position : absolute ; bottom: 38px; left : 730px; height : 70px; width : 70px;  }
	  	#downloadsIcon { position : absolute ; bottom: 38px; left : 590px; height : 70px; width : 70px;  }
	  	#amazonIcon { position : absolute ; bottom: 38px; left : 800px; height : 70px; width : 70px;  }
	  	#bookIcon { position : absolute ; bottom: 40px; left : 375px; width : 64px;  }
	  	#dockGroup img { cursor : pointer; border : 0px solid white;}
	  	
	  	#appleLogo { height : 16px; width: 16px;}
	  	
	  	a:hover { cursor : pointer;  z-index : 10;}

    	.Hover { padding-bottom : 5px;}
	  	
    /* Menu Stuff */


#navMenu{ list-style:none; /* Required to disable bullets */
	  z-index : 2410; /* On top of TopBar */
	   font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
      margin-bottom:10px; 
      float:left; 
      color: black;
      width:100%; 
      position:relative; z-index:5;  
      }

#navMenu li{ min-width : 80px;height : 10px;display : block; font-size : 10pt; padding-top : 3px; padding-bottom : 7px; padding-left: 5px; float:left; margin-right:10px; position:relative; }
#navMenu a{  
              text-decoration:none; /* Disable link underlining */ } 

#navMenu li:hover { 
      font-weight:bold; 
      background-color: blue;  /* Closest font to OS X system font I could find.. */ font-family: "Lucida Sans" , "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color : white }


#navMenu  li ul{ list-style:none; /* Again, disable bullets on sub */
		position : absolute;top: -1px;background : #eeddee; opacity : 0.9;
		padding : 10px;
		color : black;
	        left:-1024px; } /* Make invisible */

/* Explorer 9 still have a bug with these - it's a browser bug, verified */
#navMenu li ul li a { color : black }
#navMenu li ul li a:hover { color :white; width : 100%} 

#navMenu li ul li:hover { font-weight : bold;  width : 100%; color: white;}

/* Third level CSS - ended up not using */
#navMenu li ul li:hover ul {  background : #eeddee ; opacity : 0.9 ; width : 100%; display : block; left: 0px; top : 2px;}



#navMenu ul li{  white-space : nowrap; padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */ float:none; } 
#navMenu li:hover ul{ top: 20px;left:0px;  /* this has the effect of repositioning the inner list (= drop down) */ } 

    /* End Menu Stuff .. */
    /* Used for Javascript */
    .Invisible { display : none ;}
    .Visible { display : block;}
    #toolTip { background : black; font-weight : bold; color : white}