@charset "utf-8";

html,body { height: 100%;}
img {border: 0;}

/* PADDING STYLE */

* {padding:0; margin:0;}

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

/* BASE STYLE */

body {font: 76%/1.4em Verdana, Arial, Helvetica, sans-serif; background: url(../images/bg.jpg) repeat-x #262626; color:#fff; padding: 0; margin: 0;}


/* BASE LINKS */
a {outline: none;}
a:link {color: #fcff00; text-decoration: underline;}
a:visited {text-decoration: underline;  color: #fcff00;}
a:hover {color: #f1025d; text-decoration: underline;}
a:active {color: #fff; text-decoration: none;}


/* GLOBAL */




div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 900px;
	background: url(../images/bg_page.gif) repeat-y #000;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#content {padding:0 0 10.5em 0;}



/* HEADER */

div#header {background: url(../images/header2.jpg) no-repeat right top; height: 325px;}
div#header h1 {background: url(../images/header1.jpg) no-repeat; height: 325px; text-indent: -9999px; padding: 0; margin: 0; line-height: 1em; color: #fff;}

div#intro {background: url(../images/bg_intro.gif) no-repeat; padding: 10px 0; position: relative; height: 125px;}
div#intro h2 {position: absolute; top: 45px; left: 24px; width: 475px; text-align: center; font-size: 1.2em; line-height: 1.1em; font-weight: normal; color: #fff;;}
div#intro p#login a {display: block; position: absolute; top: 21px; right: 15px; text-indent: -9999px; background: url(../images/b_login.gif) no-repeat; height: 51px; width: 351px;}
div#intro p#join a {display: block;position: absolute; top: 72px; right: 15px; text-indent: -9999px; background: url(../images/b_join.gif) no-repeat; height: 51px; width: 351px;}
div#intro p#join a:hover {background: url(../images/b_join-over.gif) no-repeat;}

/* SCENE */

div#scene {height: 705px;margin: 0 20px; }

div.first {position:relative;}
div.second {position:relative;}
div.third {position:relative;}

li#picture img {border: solid 2px #2f2f2f;}
li.pic1 {position: absolute; top: 0; left: 0; }
li.pic2 {position: absolute; top: 0; left: 430px; }
li.pic3 {position: absolute; top: 262px; left: 430px; }
li.pic4 {position: absolute; top: 524px; left: 0; }
li.pic5 {position: absolute; top: 524px; left: 215px; }
div#modeldescription {position: absolute; top: 522px; left: 440px; width: 410px;}

h4#name {font-weight: bold; font-size: 1.8em; padding: 10px 0; color: #f1025d;}
.date {float: right; font-size: 0.6em; font-weight: normal; padding-right: 10px;}

p#download a {display: block;background: url(../images/bullet_download.gif) no-repeat; padding: 10px 0 10px 35px; font-size: 2em; margin: 10px 0;}



/* SEPERATION */

div#sep {background: url(../images/bg_middlescene.jpg) no-repeat; width: 844px; height: 70px; margin: 10px 16px; text-align: center; padding: 10px;}
div#sep h2 {font-size: 1.8em;line-height: 1.3em; padding: 9px 0 0 0; color: #fff;}
div#sep h3 {color: #f1025d; font-size: 1.3em;}


/* BOTTOM */

div#bottom {padding: 10px 16px;}
div#bottom h2 a {display: block; background: url(../images/b_getaccess_bottom.gif) no-repeat; height: 90px; width: 864px; text-indent: -9999px;}
div#bottom h2 a:hover {background: url(../images/b_getaccess_bottom-over.gif) no-repeat;}

div#bottom h3 {text-align: center; font-size: 2em; padding: 20px 0;}


/* FOOTER */

div#footer {text-align: center; PADDING: 20px 0; border-top: solid 1px #262626; margin: 0 30px;}
div#footer a {color: #fff;}
div#footer ul {padding: 5px 0;}
div#footer li {display: inline; border-right: solid 1px #262626; padding: 0 1em;}
div#footer li.first {padding-left: 0;}
div#footer li.last {border: none;}
div#footer p { color: #5b5b5b;}