html {
	height: 100%;
	width: 100%;
	}

body {
	height: 100%;
	width: 100%;
	min-width: 900px;
	margin: 0;
	background: #000000 url(graphics/starBackground.png);
	background-position: center 20px;
	color: #eeeeee;
	line-height: 20px;
	font-size: 13px;
	font-family: Verdana, Helvetica;
	}

.losLogo {
	position:absolute;
	left:50%;
	top:40px;
	margin-left: -400px;
	height: 158px;
	width: 500px;
	display: block;
	background: url(graphics/liftOffStudios.png) no-repeat;
	}
	
.losLogo:hover {
	background: url(graphics/liftOffStudiosSelected.png) no-repeat;
	}
	
.theStudio {
	position: absolute;
	left: 50%;
	top:30px;
	margin-left:150px;
	height:61px;
	width:200px;
	display: block;
	background: url(graphics/theStudio.png) no-repeat;
	}
	
.theStudio:hover {
	background: url(graphics/theStudioSelected.png) no-repeat;
	height: 70px;
	width: 229px;
	margin-left:135px;
	top:25px;
	}
	
.theStudioPage {
	position:absolute;
	left:50%;
	background: url(graphics/theStudioSelected.png) no-repeat;
	height: 70px;
	width: 229px;
	margin-left:135px;
	top:25px;
	display:block;
	}
	
.theApps {
	position:absolute;
	left:50%;
	top:105px;
	height:61px;
	width:195px;
	margin-left:150px;
	display: block;
	background: url(graphics/theApps.png) no-repeat;
	}
	
.theApps:hover {
	background: url(graphics/theAppsSelected.png) no-repeat;
	margin-left: 135px;
	top:100px;
	height: 70px;
	width: 224px;
	}
	
.theAppsPage {
	position:absolute;
	left:50%;
	top:100px;
	background: url(graphics/theAppsSelected.png) no-repeat;
	display: block;
	height: 70px;
	width: 224px;
	margin-left: 135px;
	}
	
.contact {
	position:absolute;
	left:50%;
	top:175px;
	height:61px;
	width:195px;
	margin-left:150px;
	display: block;
	background: url(graphics/contact.png) no-repeat;
	}
	
.contact:hover {
	background: url(graphics/contactSelected.png) no-repeat;
	margin-left: 135px;
	top:170px;
	height: 70px;
	width: 222px;
	}
	
.contactPage {
	position:absolute;
	left:50%;
	top:170px;
	background: url(graphics/contactSelected.png) no-repeat;
	display: block;
	height: 70px;
	width: 222px;
	margin-left: 135px;
	}
	
.spacer {
	width: 800px;
	min-height:240px;
}

.contentStarter {
	width:800px;
	height: 10px;
	margin: 0px auto;
	margin-top: 20px;
	background: url(graphics/backgroundTop.png) bottom no-repeat;
}

.content {
	width:800px;
	margin: 0px auto;
	background: url(graphics/background.png);
	}
	
.contentEnder {
	position:relative;
	width:800px;
	height: 10px;
	margin: 0px auto;
	margin-bottom: 20px;
	background: url(graphics/backgroundBottom.png);
}

.articleStarter {
	width:800px;
	height: 30px;
	margin: 0px auto;
	background: url(graphics/articleBackgroundTop.png);
}

.article {
	width:740px;
	position:relative;
	margin: 0px auto;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px 20px 10px 20px;
	background: url(graphics/articleBackground.png);
	}
	
.articleEnder {
	position:relative;
	width:800px;
	height: 30px;
	margin: 0px auto;
	background: url(graphics/articleBackgroundBottom.png);
}

.icon {
	position:absolute;
	height: 75px;
	width: 75px;
	top:-60px;
	left:-35px;
	}
	
.footer {
	text-align: center;
	}

.content a:link {
	color: #66ff00;
	text-decoration:none;
	border-bottom: 1px dotted #66ff00;
	}

.content a:visited {
	color: #666666;
	text-decoration:none;
	border-bottom: 1px dotted #666666;
	}

.content a:hover {
	color: #999999;
	text-decoration:none;
	border-bottom: 1px dotted #999999;
	}

.content a:active {
	color: #999999;
	text-decoration:none;
	border-bottom: 1px dotted #999999;
	}

h1, h2, h3, h4, h5, h6 {
	color: #99cc33;
	}
	
span {
	font-weight: bold;
	font-style: italic;
	}

.pink {
	color: #bb00cc;
	}
	
.blue {
	color: #0066cc;
	}
	
.purple {
	color: #6600cc;
	}