body{
background-color:#fff;
background-image: url(images/desktop.jpg);
background-repeat:repeat;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:100%;
margin:0px;
color: #333;
}
form{
padding:0;margin:0;
}
ul{
margin:0;padding:0;
}
a img{
border:0;
}
#wrapper_index {
width: 320px;
height: 472px;
position:absolute;
margin:-236px 0 0 -160px;
left:50%;
top:50%;
}
#wrapper {
width: 920px;
height: 500px;
padding: 0 20px 0 0;
float: left;
font-size: 12px;
}
#right {
width: 250px;
float: right;
}
#pad {
margin-top: 10px;
text-align: center;
}
#coaster {
text-align: center;
}
h1 {
line-height: 45px;
font-size: 30px;
}

#left {
width: 670px;
height: 150px;
float: left;
}
.logo {
margin-top: 40px;
margin-left: 80px;
}
#menu {
width: 600px;
height: 140px;
float: right;
margin-top: 5px;
/* margin-right: 50px; */
}
#menu ul {
list-style: none;
padding-right: 70px;
}
#menu ul li{
float: right;
margin-left: 10px;
}
#next {
position: absolute;
bottom: 5px;
right: 30px;
}
#next a{
display:block;
width: 100px;
height: 38px;
}
#back {
position: absolute;
bottom: 8px;
left: 58px;
}
#back a{
display:block;
width: 100px;
height: 38px;
}
#main {
float: left;
text-align: right;
position: relative; 
width: 670px;
}
#main-content {
float: left;
position: absolute;
top: 3px; 
left: 0; 
height: 465px; 
width: 670px; 
}
#main-content p{
margin-right: 60px;
margin-top: 0;
margin-bottom: 10px;
padding: 0;
line-height: 16px;
}
#disclaimer-content {
float: left;
position: absolute;
top: 3px; 
left: 0; 
height: 465px; 
width: 670px; 
}
#disclaimer-content p{
margin-right: 60px;
margin-top: 0;
margin-bottom: 10px;
padding: 0;
line-height: 16px;
}
.highlight {
background-color: #EBEBEB;
}
.bigquote_left {
float: left;
font-size: 60px;
line-height: 52px;
padding: 0;
margin: 0 5px 0 0;
}
.bigquote_right {
float: right;
font-size: 60px;
line-height: 47px;
padding: 0;
margin: 0;
}
#main-content ol {
margin-bottom: 0;
padding-bottom: 10px;
}
#main-content ol a {
text-decoration: none;
color: #000;
padding: 5px;
}
#main-content ol a:hover {
text-decoration: underline;
color: #0099FF;
}
#main-content ol a#active {
text-decoration: underline;
color: #0099FF;
}
#main-content-right {
float:right;
text-align: justify;
width: 295px;
}
#main-content-right .filmclip {
padding-left: 20px;
width: 255px;
float: left;
}
#main-content-right .quoteimage_right {
padding-left: 10px;
padding-right: 40px;
float: right;
}
#main-content-right .quoteimage_left {
padding-left: 0px;
padding-right: 10px;
float: left;
}
#main-content-right .logo_right {
padding-left: 0;
padding-right: 45px;
float: right;
}
#main-content-right .h1tag h1 {
width: 250px;
float: left;
text-align: center;
padding: 0;
margin: 10px 0 10px 0;
}
#main-content a {
text-decoration: none;
color: #000;
}
#main-content a:hover {
text-decoration: underline;
color: #0099FF;
}
#main-content a#active {
text-decoration: underline;
color: #0099FF;
}
#main-content-left .filmclip {
padding-left: 110px;
float: left;
}
#main-content .bigletter{
float: left;
font-size: 70px;
line-height: 65px;
padding: 0;
margin: 0 5px 0 0;
}
#main-content-left {
float: left;
text-align: left;
width: 330px;
}
#main-content-right p .6images {
padding: 0;
margin: 0;
}
.motif {
width: 285px;
padding-left: 75px;
padding-bottom: 20px;
clear:right;
}
#chapters p {
padding: 0;
margin: 0 0 20px 145px;
}
#chapters ol {
list-style: decimal;
margin-top: 0;
font-size: 12px;
font-weight:bold;
}
#chapters ol li{
padding: 0;
margin: 0 0 0 100px;
line-height: 19px;
}
#chapters span h1 {
font-size: 22px;
}
#disclaimer ol {
list-style: lower-alpha;
margin-top: 0;
margin-left: 25px;
font-size: 12px;
padding-left: 0px;
}
#disclaimer ol li{
margin-bottom: 10px;
}
#mainchapters p {
padding: 0;
margin: 0 0 40px 70px;
font-size: 24px;
}
#mainchapters ol {
list-style: decimal;
margin-top: 0;
font-size: 12px;
font-weight:bold;
}
#mainchapters ol li{
padding: 0;
margin: 0 0 0 10px;
line-height: 19px;
}
#mainchapters span h1 {
font-size: 22px;
}


.yesnomaybe {
width: 250px;
height: 49px;
padding: 0;
margin: 0;
border: 0;
text-align: center;
}
.yesnomaybe ul {
width: 250px;
height: 49px;
list-style: none;
padding: 0;
margin: 0;
}
.yesnomaybe ul li {
width: 77px;
height: 49px;
margin: 0px;
padding: 0px;
display: block;
float: left;
text-align: center;
}
.yesnomaybe .yes a {
width: 77px;
height: 49px;
margin: 0px;
padding: 0px;
background: #000 url(images/yes.gif) no-repeat top;
display: block;
}
.yesnomaybe .yes a:hover, .yesnomaybe .yes .selected {
width: 77px;
height: 49px;
margin: 0px;
padding: 0px;
background: #666 url(images/yes.gif) no-repeat bottom;
display: block;
}
.yesnomaybe .no a {
width: 77px;
height: 49px;
margin: 0px;
padding: 0px;
background: #000 url(images/no.gif) no-repeat top;
display: block;
}
.yesnomaybe .no a:hover, .yesnomaybe .no .selected {
width: 77px;
height: 49px;
margin: 0px;
padding: 0px;
background: #666 url(images/no.gif) no-repeat bottom;
display: block;
}
.yesnomaybe .maybe a {
width: 77px;
height: 49px;
margin: 0px;
padding: 0px;
background: #000 url(images/maybe.gif) no-repeat top;
display: block;
}
.yesnomaybe .maybe a:hover, .yesnomaybe .maybe .selected {
width: 77px;
height: 49px;
margin: 0px;
padding: 0px;
background: #666 url(images/maybe.gif) no-repeat bottom;
display: block;
}
.yesnomaybe .stop a {
width: 77px;
height: 49px;
margin: 0px;
padding: 0px;
background: #000 url(images/stop.gif) no-repeat top;
display: block;
}
.yesnomaybe .stop a:hover, .yesnomaybe .stop .selected {
width: 77px;
height: 49px;
margin: 0px;
padding: 0px;
background: #666 url(images/stop.gif) no-repeat bottom;
display: block;
}
.yesnomaybe .continue a {
width: 77px;
height: 49px;
margin: 0px;
padding: 0px;
background: #000 url(images/continue.gif) no-repeat top;
display: block;
}
.yesnomaybe .continue a:hover, .yesnomaybe .continue .selected {
width: 77px;
height: 49px;
margin: 0px;
padding: 0px;
background: #666 url(images/continue.gif) no-repeat bottom;
display: block;
}

/* Start compose mail page */
.mail {
width: 250px;
color: #282828;
background:#ccc;
float: left;
padding: 0;
margin: 0;
}
fieldset {
width: 250px;
margin: 0;
padding: 0;
border: 0px solid #ccc;
}
input, textarea {
font-family: Helvetica, Arial, Verdana, sans-serif;
border: 1px solid #ccc;
padding-left: 5px;
width: 110px;
margin-bottom: 5px;
margin-top: 5px;
}
select {
font-family: Helvetica, Arial, Verdana, sans-serif;
border: 1px solid #ccc;
padding-left: 0px;
width: 117px;
margin-bottom: 5px;
margin-top: 5px;
}
#send {
background: #023256;
color: #fff;
font-weight:bold;
font-size:12px;
padding: 4px;
width: 100px;
}
#send:hover {
background: #FFCC00;
color: #fff;
}
input:hover, textarea:hover {
background: #EAEAEA;
border: 1px solid #CCC;
}
input:focus, textarea:focus {
background: #fff;
color: #000;
border: 1px solid #CCC;
}
#mailform p {
padding: 0;
margin: 0;
}
#mailform label {
float: left;
color: #000;
width: 8em;
background-color:#fff;
margin: 0.4em 0 0.4em 0;
padding: 0;
line-height: 1.5em;
}
#mailform #firstname, #mailform #surname,#mailform #email, #mailform #town, #mailform #country {
color: #000;
line-height: 1.5em;
margin: 0.4em 0 0.4em 0;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
}
#mailform #message {
color: #000;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
}
#mailform a img {
padding: 0;
margin: 0;
border: 0;
}
/* end compose mail page */