/* CSS Document */

body  {
background-color:#6699cc;
	}



#wrapper {
	font-family:"Times New Roman", Times, serif;
	position:relative;
	width:740px;
	height: 980px;
	margin-top:auto ;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	font-size: 20px;
	background-color:#3399FF;
	color:#FFFFFF;
	border: 4px solid black;
}


#message {
	position:absolute;
	left: 56px;
	top: 3px;
	background-color:#3399FF;
	color:#FFFFFF;
	font-size: 20px;
	width: 660px;
	height: 24px;
}

#message1 {
	position:absolute;
	left: 56px;
	top: 3px;
	background-color:#3399FF;
	color:#FFFFFF;
	font-size: 20px;
	width: 660px;
	height: 24px;
}

#masthead1 {
	position:absolute;
	text-align: center;
	width: 200px;
	top: 30px;
	left: 12px;
	height: 180px;
	z-index:1;
	}

#spinner {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 60px;
	top: 30px;
	z-index: 2;
}


#blueglobe1 {position: absolute; width: 80px; height: 80px; left: 10px; top: 10px; z-index: 1; visibility: hidden}
#blueglobe2 {position: absolute; width: 80px; height: 80px; left: 20px; top: 10px; z-index: 1; visibility: hidden}
#blueglobe3 {position: absolute; width: 80px; height: 80px; left: 30px; top: 10px; z-index: 1; visibility: hidden}
#blueglobe4 {position: absolute; width: 80px; height: 80px; left: 20px; top: 10px; z-index: 1; visibility: hidden}
#blueglobe5 {position: absolute; width: 80px; height: 80px; left: 30px; top: 10px; z-index: 1; visibility: hidden}

#www {
	position:absolute;
	width:100px;
	height:62px;
	top: 144px;
	left: -260px;
	z-index:2;
}

#worldwideweb1 {
    position:absolute;
    width:100px;
    height:20px;
    top: 146px;
	left: -60px;
    z-index:2;
}

#worldwideweb2 {
    position:absolute;
    width:100px;
    height:20px;
    top: 167px;
	left: -60px;
    z-index:2;
}

#worldwideweb3 {
    position:absolute;
    width:100px;
    height:20px;
    top: 187px;
	left: -60px;
    z-index:2;
}

 
#masthead2 {
	position:absolute;
	text-align: center;
	width: 201px;
	top: 30px;
	left: 530px;
	height: 180px;
	z-index:1;
	}

#masthead3 {
	position:absolute;
	width: 320px;
	top: 30px;
	left: 212px;
	height: 179px;
	z-index:4;
	}
	
#mover {
	position:absolute;
	width: 80px;
	height: 80px;
    top: 135px;   
	left: -158px;
	z-index: 3;
	}
	
#mover1 {
	position:absolute;
	width: 80px;
	height: 80px;
	top: 156px;
	left: 750px;
	z-index: 3;
	}
	
	
	
#working2gether {
    position:absolute;	
    width:180px;
    height:40px;
    top: 170px;
	left: 307px;
    z-index:2;
}	
	
#time {
    position:absolute;
    width:300px;
    height:26px;
    top: 220px;
	left: 11px;	
    z-index:1;
}		
	
	
#spider1 {position: absolute; width: 80px; height: 80px; left: 200px; top: 600px; z-index:3; visibility:hidden}
#spider2 {position: absolute; width: 80px; height: 80px; left: 300px; top: 600px; z-index:3; visibility:hidden}
#spider3 {position: absolute; width: 80px; height: 80px; left: 299px; top: 154px; z-index:3; visibility:hidden}
#spider1up {position: absolute; width: 80px; height: 80px; left: 200px; top: 600px; z-index:3; visibility:hidden}
#spider2up {position: absolute; width: 80px; height: 80px; left: 300px; top: 600px; z-index:3; visibility:hidden}
#spider3up {position: absolute; width: 80px; height: 80px; left: 299px; top: 154px; z-index:3; visibility:hidden}
		
#eyeleft {position:absolute; width: 40px; height: 53px; left: 556px; top: 83px; z-index:0}
#eyeright {position:absolute; width: 40px; height: 53px; left: 638px; top: 85px; z-index:0}



#service {
	position:absolute;
	text-align: center;
	width: 452px;
	background-color:#3399FF;
	color:#FFFFFF;
	font-size: 24px;
	left: 278px;
	top: 217px;
	z-index: 2;
	}
	
#Contact {
	position:absolute;
	text-align: center;
	width: 718px;
	background-color:#3399FF;
	color:#FFFFFF;
	font-size: 26px;
	left: 12px;
	top: 278px;
	z-index:1;
	}
	
#weather {
	position:absolute;
	text-align: center;
	width: 175px;
	background-color:#3399FF;
	color:#FFFFFF;
	font-size: 26px;
	left: 10px;
	top: 315px;
	height: 270px;
    z-index:1;
	}
	
#lunarpages {
	position:absolute;
	text-align: center;
	width: 120px;
	background-color:#3399FF;
	color:#FFFFFF;
	font-size: 26px;
	left: 605px;
	top: 315px;
	height: 600px;
	}
	
#footer {
	position:absolute;
	text-align: center;
	width: 720px;
	background-color:#3399FF;
	color:#FFFFFF;
	font-size: 16px;
	left: 10px;
	top: 954px;
	}
	
	
a {text-decoration:none;}
a:link {color: #0000FF;}                
/* a:visited {background-color:#9999FF;}  */
a:hover {background-color:#CCCCCC;} 
a:active{ background-color:#999999;}

#menu {
   /* font-family:"Times New Roman", Times, serif; */
    position:absolute;
    width: 723px;
	height: 27px;
    left: 5px;
	top: 248px;
   /* text-decoration: none; */
   /* text-align: center; */
	/*font-size: 18px; */
	z-index: 3; 
	}
	
#Navigation1 {
	position:absolute;
	width: 91px;
	height: 108px;
	text-decoration: none;
    text-align: center;
	background-color:#FFFFFF;
	left: 32px;
	top: 27px;
	font-size: 18px;
	z-index: 3;
    visibility:hidden;
	 }

#Navigation2 {
	position:absolute;
	width: 96px;
	height: 107px;
	text-decoration: none;
    text-align: center;
	background-color:#FFFFFF;
	left: 147px;
	top: 27px;
	font-size: 18px;
	z-index: 3;
	visibility:hidden; 
	 }
	
	
#Navigation3 {
	position:absolute;
	width: 95px;
	height: 44px;
	text-decoration: none;
    text-align: center;
	background-color:#FFFFFF;
	left: 263px;
	top: 27px;
	font-size: 18px;
	z-index: 3;
	visibility:hidden;
	 }
	 	
#Navigation4 {
	position:absolute;
	width: 117px;
	height: 318px;
	text-decoration: none;
    text-align: center;
	background-color:#FFFFFF;
	left: 369px;
	top: 27px;
	font-size: 18px;
	z-index: 3;
	visibility:hidden;
	 }

	
#Navigation5 {
	position:absolute;
	width: 96px;
	height: 43px;
	text-decoration: none;
    text-align: center;
	background-color:#FFFFFF;
	left: 504px;
	top: 27px;
	font-size: 18px;
	z-index: 3;
	visibility:hidden;
	 }

#Navigation6 {
	position:absolute;
	width: 96px;
	height: 64px;
	text-decoration: none;
    text-align: center;
	background-color:#FFFFFF;
	left: 621px;
	top: 27px;
	font-size: 18px;
	z-index: 3;
	visibility:hidden;
	 }	 	

#WebSupport {
	position:absolute;
	width: 118px;
	height: 27px;
	font-size: 20px;
	text-decoration: none;
	font-weight:bold;
    text-align: center;
	color:#0000FF;
	background-color:#FFFFFF;
	left: 13px;
	top: 0px;
	/*cursor:pointer;*/
		 }
	 
#PCSupport {
	position:absolute;
	width: 118px;
	height: 27px;
	font-size: 20px;
	text-decoration: none;
	font-weight:bold;
    text-align: center;
	color:#0000FF;
	background-color:#FFFFFF;
	left: 131px;
	top: 0px;
	 }	 

#thirdParty {
	position:absolute;
	width: 118px;
	height: 27px;
	font-size: 20px;
	text-decoration: none;
	font-weight:bold;
    text-align: center;
	color:#0000FF;
	background-color:#FFFFFF;
	left: 249px;
	top: 0px;
	/*cursor:pointer;*/
	 }	 

#Photography {
	position:absolute;
	width: 118px;
	height: 27px;
	font-size: 20px;
	text-decoration: none;
	font-weight:bold;
    text-align: center;
	color:#0000FF;
	background-color:#FFFFFF;
	left: 367px;
	top: 0px;
	/*cursor:pointer;*/
	 }	 
	 
#Stuff {
	position:absolute;
	width: 118px;
	height: 27px;
	font-size: 20px;
	text-decoration: none;
	font-weight:bold;
    text-align: center;
	color:#0000FF;
	background-color:#FFFFFF;
	left: 484px;
	top: 0px;
	/*cursor:pointer;*/
	 }	 

#Links {
	position:absolute;
	width: 118px;
	height: 27px;
	font-size: 20px;
	text-decoration: none;
	font-weight:bold;
    text-align: center;
	color:#0000FF;
	background-color:#FFFFFF;
	left: 600px;
	top: 0px;
/*	cursor:pointer;*/
	 }	 
	
#Basics {
	position:absolute;
	width: 552px;
	height: 600px;
	font-size: 16px;
	text-decoration: none;
	padding: 1em;
	text-align: center;
	color:#FFFFFF;
	left: 16px;
	top: 321px;
	 }
	 	 
#tech1 {
position:absolute;
	width: 133px;
	height: 131px;
	font-size: 16px;
	text-decoration: none;
	
	text-align: center;
	color:#FFFFFF;
	left: 0px;
	top: 440px;
	
	}

#tech2 {
position:absolute;
	width: 147px;
	height: 131px;
	font-size: 16px;
	text-decoration: none;
	
	text-align: center;
	color:#FFFFFF;
	left: 438px;
	top: 441px;
	
	}

#photostage {
	position: absolute;
	width: 718px;
	height: 643px;
	font-size: 16px;
	text-decoration: none;
	
	text-align: center;
	color:#FFFFFF;
	left: 15px;
	top: 310px;
	}

#Competitors {
	position:absolute;
	text-align: center;
	width: 407px;
	background-color:#3399FF;
	color:#FFFFFF;
	font-size: 22px;
	left: 192px;
	top: 652px;
	z-index: 2;
	}

#Salespitch {
	position:absolute;
	text-align: center;
	width: 588px;
	background-color:#3399FF;
	color:#FFFFFF;
	font-size: 22px;
	left: 10px;
	top: 685px;
	z-index: 2;
	height: 261px;
	}

#sharks {
	position:absolute;
	width: 421px;
	height: 303px;
	left: 194px;
	top: 316px;
	}
	
#shark1 {position: absolute; width: 80px; height: 80px; left: 10px; top: 10px; z-index: 1; visibility: hidden}
#shark2 {position: absolute; width: 80px; height: 80px; left: 20px; top: 10px; z-index: 1; visibility: hidden}
#shark3 {position: absolute; width: 80px; height: 80px; left: 30px; top: 10px; z-index: 1; visibility: hidden}
#shark4 {position: absolute; width: 80px; height: 80px; left: 20px; top: 10px; z-index: 1; visibility: hidden}
#shark5 {position: absolute; width: 80px; height: 80px; left: 30px; top: 10px; z-index: 1; visibility: hidden}
#shark6 {position: absolute; width: 80px; height: 80px; left: 20px; top: 10px; z-index: 1; visibility: hidden}
#shark7 {position: absolute; width: 80px; height: 80px; left: 30px; top: 10px; z-index: 1; visibility: hidden}