/*
Created by Guido Kisman
WWW.UNLUCKY.NL
June 2009
moonlight-lantern.com
*/

/* global settings */

* { padding: 0; margin: 0; }

body { 
	font-size: 13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	background-image:url(../images/bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	color:#999999;
}

ul, li, p{
	padding:0;
	margin:0;
	list-style:none;
}

/* main layout */

#container {
	width: 1000px;
	overflow:hidden;
	margin: 0 auto;
	margin-top: 20px;

}
#left {
	width:183px;
	float:left;
	text-align:right;
	color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.2em;
	letter-spacing: -1px;
	margin-bottom:5px;
	padding-right:16px;
	padding-top:450px;

}
#middle {
	width:600px;
	float:left;
	border: 1px dotted #666666;
}
#right {
	width:199px;
	float:left;
}

#header{
	width:600px;
	height:55px;
	background-color:#000000;
}

#navigation{
	float:left;
	text-align:left;
	width:600px;
}
#logo{
	float:right;
}
#content{
	width:600px;
	overflow:hidden;
	position:relative;
	height:500px;
	float:left;
}

#footer {
	text-align:center;
	width: 600px;
	color:#444444;
	padding:5px;
	font-size: 0.75em;
	line-height: 24px;
	clear:both;
	margin: 0 auto;
}

.scroller {
	overflow-y:auto;
	overflow-x:hidden;
	height:400px;
	width:500px;
	padding-right:10px;
}

.ytmovie {
	padding:5px;
}

/* typography, titles */

#content p {
	font-size: 0.9em;
	line-height: 1.6em;
}

.textbox h3 {
	font-size:1.4em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:150px;
	height:19px;
	margin-bottom:5px;
	text-indent:-90000px;

}

.title_moonlight {
	background-image:url(../images/title_moonlight.gif);
}
.title_specifications {
	background-image:url(../images/title_specifications.gif);
}
.title_awards {
	background-image:url(../images/title_awards.gif);
}
.title_development {
	background-image:url(../images/title_development.gif);
}
.title_partners {
	background-image:url(../images/title_partners.gif);
}
.title_contact {
	background-image:url(../images/title_contact.gif);
}
/*  link styles */


#footer a{
	text-decoration: none;
	color:#444444;
}
#footer a:hover {
	color:#cccccc;
}

a{
	text-decoration: none;
	color:#ffd24f;
}
a:hover {
	color:#ba8e0f;
}

/* main navigation */

#navigation ul{
	float: right;
	width: 600px;
}
#navigation li{
	display: block;
	float: left;
	list-style-type: none;
}
#navigation li a{
	display: block;
	background-position: 0 0px;
	height: 55px;
	text-indent: -90000px;
}

#navigation li a:hover, #navigation .selected  {
	background-position: 0 -55px;
}
.moonlight {
	width:110px;
	background-image:url(../images/moonlight.gif);
}
.specifications {
	width:113px;
	background-image:url(../images/specifications.gif);
}
.media {
	width:56px;
	background-image:url(../images/media.gif);
}
.awards {
	width:66px;
	background-image:url(../images/awards.gif);
}
.development {
	width:108px;
	background-image:url(../images/development.gif);
}
.partners {
	width:73px;
	background-image:url(../images/partners.gif);
}
.contact {
	width:74px;
	background-image:url(../images/contact.gif);
}

/* slider section */

.section{
	width:4800px;
	position:relative;
}
.section .sub{
	position:relative;
	float:left;
	width:600px;
	height:500px;
}

/* pages */

.filmscreen {
	background-color:#000000;
	height:500px;
	width:600px;
	padding:60px;
	padding-top:40px;
}

#slideshow1,#slideshow2,#slideshow3,#slideshow4,#slideshow5,#slideshow6 {
	background-color:#000000;
	clear:both;
	height:300px;
	width:600px;
}
.textbox{
	height:200px;
	width:580px;
	padding:10px;
	background-color:#000000;

}

.textbox p {
	width: 600px;
}
.textbox ul{
	float: left;
	width: 100%;
	padding-left:10px;
	margin-top:5px;

}
.textbox li{

	list-style-type: none;
	background-repeat:no-repeat;
	padding-left: 20px;
	background-position: 0 0px;
	line-height:1.4em;
}

#development .textbox li{
	background-image:url(../images/bullet_development.png);
}

#specifications .textbox li{
	background-image:url(../images/bullet_specifications.png);
}
#moonlight .textbox li{
	background-image:url(../images/bullet_moonlight.png);
}
#awards .textbox li{
	background-image:url(../images/bullet_awards.png);
}
#partners .textbox li{
	background-image:url(../images/bullet_partners.png);
}
#contact .contact{
	background-image:url(../images/bullet_contact.png);
}
/*
.textbox li a{
	display: block;
	background-position: 0 0px;
	height: 24px;
}
.textbox li a:hover, .textbox .selected  {
	background-position: 0 -24px;
}
*/
.logobox {
	background-color:#FFFFFF;
	width:600px;
	height:55px;
	background-image:url(../images/logos.gif);
	clear:both;
}

/* footer */


/* columns - 3 max */

.col {
	width:200px;
	float:left
}

/* buzz */

#buzz{
	float:left;
	clear:both;
	width:170px;
	padding:10px;
}

#buzz ul{
	float: right;
	width: 100%;
}
#buzz .menuitem, #twitter_update_list li{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.2em;
	letter-spacing: -1px;
	margin-bottom:5px;
	padding-left:16px;
	background-image:url(../images/bullet_twitter.png);
	background-repeat:no-repeat;
}
#buzz .subtitle, #twitter_update_list li a{
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:0.8em;
	line-height:1em;
}
#buzz .title{
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:0.9em;
	line-height:1.1em;
	margin-bottom:5px;
}
#buzz li a{
}

#buzz li a:hover, #buzz .selected  {

}