body {
    margin:0px;
    padding:0px;
    overflow:hidden;
    background:url('images/sky.jpg') top left repeat-x;
}

#frame {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:470px;
    background:url('images/waveBg.jpg') bottom center repeat-x;
    text-align:center;
}

#center {
    top:0px;
    margin-left:auto;
    margin-right:auto;
    width:800px;
    height:470;
    text-align:center;
}

#centerwave {
    position:relative;
    width:800px;
    height:20px;
    top:450px;
    margin-left:auto;
    margin-right:auto;
    background:url('images/wave.png') bottom left no-repeat;
    overflow:visible;
}

#spiralContainer {
    position:absolute;
    width:450px;
    height:245px;
    top:225px;
    overflow:hidden;
}

#spiral {
    position:absolute;
    top:0px;
    left:0px;
    width:275px;
    height:250px;
    background:url('images/spiral.png') bottom left no-repeat;
}

#logo {
    position:absolute;
    top:173px;
    left:36px;
    width:373px;
    height:82px;    
    background:url('images/logo.png') bottom left no-repeat;
}

#tail {
    position:absolute;
    top:0px;
    left:0px;
    width:275px;
    height:250px;    
    background:url('images/tail.png') bottom left no-repeat;
}
    
#tree {
    position:absolute;
    top:390px;
    height:60px;
    width:71px;
    background:url('images/tree.png') top left no-repeat;
    margin-left:580px;
}

#gearsContainer {
    position:absolute;
    height:80px;
    width:370px;
    top:450px;
    margin-left:450px;
    overflow:hidden;
}

#gearsA {
    position:absolute;
    top:-45px;
    left:175px;
    height:97px;
    width:166px;
    overflow:visible;
}

#spinner {
    position:absolute;
    top:15px;
    left:50px;
    height:60px;
    width:59px;
    overflow:visible;
}

#gearB {
    position:absolute;
    top:-40px;
    left:15px;
    height:88px;
    width:88px;
    overflow:visible;
}

#flywheel {
    position:absolute;
    top:-60px;
    left:75px;
    height:126px;
    width:126px;
    overflow:visible;
}

#cogContainer {
    position:absolute;
    top:-50px;
    height:192px;
    width:191px;
    overflow:visible;
    margin-left:280px;
    text-align:center;
    display:none;
}

#cog {
    position:absolute;
    top:0px;
    height:192px;
    width:191px;
    overflow:visible;
    background:url('images/cog/cog00.png');
    text-align:center;
    z-index:1000;
}

#link {
    position:absolute;
    left:0px;
    top:0px;
    z-index:1000;
}

#link a { color:#000000; }
#link a:visited  { color:#000000; }

#icons {
	position:absolute;
	top:50px;
	height:142px;
	width:191px;
	background:url('images/cogSky.png');
	overflow:hidden;	
}

#cogSky {
	position:absolute;
	top:50px;
	height:142px;
	width:191px;
	background:url('images/cogSky.png');
	overflow:hidden;	
}

#gearC {
    position:absolute;
    top:115px;
    left:100px;
    height:88px;
    width:88px;
    overflow:visible;
}

#cogBg {
	position:absolute;
	top:21px;
	left:19px;
	height:150px;
	width:151px;
/* 	background:url('images/cogBg.png') top left no-repeat; */
}

#cogHighlight {
	position:absolute;
	top:21px;
	left:19px;
	height:150px;
	width:151px;
	background:url('images/cogHighlight.png') top left no-repeat;
	z-index:100;
}

#cogPreview {
	position:absolute;
	top:21px;
	left:20px;
	height:150px;
	width:151px;
	overflow:hidden;
}

#cogIcon {
	position:absolute;
	top:0px;
	left:0px;
	height:150px;
	width:151px;
}

#cloud1 {
    position:absolute;
    top:280px;
    right:150px;
    width:125px;
    height:65px;
    z-index:100;
    background:url('images/cloud1.png') top left no-repeat;
}
#cloud2 {
    position:absolute;
    top:250px;
    right:380px;
    width:140px;
    height:65px;
    z-index:100;
    background:url('images/cloud2.png') top left no-repeat;
}

#smoke1 {
    position:absolute;
    top:180px;
    left:0px;
    height:366px;
    width:3630px;
    background:url('images/smoke2.png') top left repeat-x;
    z-index:20;
 }

#orbit1 {
    position:absolute;
    top:-50px;
    width:0px;
    height:0px;
    z-index:0;
}

#orbit2 {
    position:absolute;
    width:0px;
    height:0px;
    margin-left:0px;
    margin-top:0px;
}

.box {
  position:absolute;
  top:0px;
  left:0px;
  height:50px;
  width:50px;
  cursor:pointer;
}

#info {
	position:absolute;
	top:500px;
	left:500px;
    display:none;
}

#bar {
	position:absolute;
	top:65px;
	left:0px;
	width:100%;
	height:19px;
	background:url('images/bar.jpg') top left repeat-x;
	text-align:center;
}

#buttonContainer {
	position:relative;
	top:-12px;
	height:40px;
	width:250px;
	margin-left:auto;
	margin-right:auto;
}

#onlineButton {	
	position:absolute;
	top:0px;
	left:0px;
	height:40px;
	width:125px;
	background:url('images/buttons/onlinebutton0.png') top left no-repeat;
}

#printButton {	
	position:absolute;
	top:0px;
	left:0px;
	height:40px;
	width:125px;
	background:url('images/buttons/printbutton0.png') top left no-repeat;
}

#onlineButtonToggle {
	position:absolute;
	top:12px;
	left:40px;
	height:17px;
	width:43px;
	cursor:pointer;
	clear:both;
}

#printButtonToggle {
	position:absolute;
	top:12px;
	left:40px;
	height:17px;
	width:43px;
	cursor:pointer;
	clear:both;
}

.button {
	position:relative;
	top:0px;
	height:40px;
	width:125px;
	float:left;
}	

.link {
	position:absolute;
	top:15px;
	left:0px;
	height:18px;
	width:125px;
	padding-top:2px;
	text-align:center;
	font-family:sans-serif;
	font-size:11px;
	color:#FFFFFF;
	cursor:pointer;
	background:url('images/linkbg/linkbg0.png') top left no-repeat;
}

.link a {
    text-decoration:none;
    color:#ffffff;
    outline: none;
}

.smallgears {
	position:absolute;
	top:30px;
	left:0px;
	height:45px;
	width:74px;
	border:0px;
/* 	background:url('images/smallgears/smallgears0.png') top left no-repeat; */
/* 	visibility:hidden; */
}

.smallGearsContainer {
    position:absolute;
    top:-18px;
    left:20px;
	height:40px;
	width:74px;
	overflow:hidden;
}

#screenFrame {
	position:absolute;
    top:83px;
    left:0px;
    width:100%;
    height:360px;
    text-align:center;
    overflow:hidden;
}

#screenContainer {
	position:relative;
    top:20px;
    margin-left:auto;
    margin-right:auto;
    width:414px;
    height:301px;
    text-align:center;
}

#previewScreen {
    width:414px;
    height:301px;
	background:url('images/screen/previewscreen0.png') top left no-repeat;
}

#closeButton {
	position:absolute;
	top:10px;
	right:0px;
float:right;
	height:35px;
	width:35px;
	background:url('images/screen/close0.png') top left no-repeat;	
}