/* CSS Document */

/* Algemene pagina-opbouw */

* {
outline:none;
}

html {
height:100%;
width:100%;
background-color:#000000;
}

body {
margin:0;
padding:0;
height:100%;
text-align:center;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
line-height:16px;
font-weight:bold;
}

#wrapper {
text-align:center;
margin:0 auto;
height:100%;
overflow:hidden;
}

#centerpoint {
position:absolute;
left:50%;
top:50%;
}

#content {
position:relative;
top:-300px;
left:-400px;
width:800px;
height:600px;
text-align:left;
overflow:hidden;
background-repeat:no-repeat;
}

#text {
position:absolute;
width:325px;
top:269px;
left:274px;
}

#caption {
position:absolute;
top:580px;
left:279px;
width:500px;
text-align:right;
font-size:10px;
font-weight:bold;
text-transform:lowercase;
letter-spacing:0.2em;
}

#menu {
position:absolute;
top:210px;
left:19px;
line-height:18px;
font-weight:bold;
text-transform:lowercase;
letter-spacing:0.19em;
}

/* Links en navigatie */

a, 
a:hover, 
a:visited, 
a:active {
text-decoration:none;
color:white; 
}

#text a, 
#caption a {
padding:0px 3px 2px; 
background-color:#FF0000; 
letter-spacing:0.1em;
}

#text a:hover,
#caption a:hover {
background-color:#CC0000;
}

#menu a:hover {
color:red;
}

.menuheading {
color:red; 
font-style:italic; 
margin-top:12px;
}

a#home  {
position:absolute;
text-align:left;
text-indent:-9999px;
display:block;
width:210px;
height:140px;
}

/* Typografie */

p {
margin:0px; 
padding:0px; 
margin-bottom:8px;
}

h1 {
height:1px;
line-height:1px;
padding:0;
margin:0;
text-indent:-9999px;
font-size:1px;
}

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

li {
line-height:18px;
}

em {
font-style:italic;
}

/* Achtergrond-afbeeldingen */

#homepage #content {
background-image:url(../img/rgs_homepage_jungle.jpg);
}

#homepage_jungle #content {
background-image:url(../img/rgs_home_junglepremier.jpg);
}

#homepage_prelude #content {
background-image:url(../img/rgs_home_prelude.jpg);
}

#homepage_taint #content {
background-image:url(../img/rgs_home_taint.jpg);
}

#profile #content {
background-image:url(../img/rgs_profile.jpg);
}

#history #content {
background-image:url(../img/rgs_history.jpg);
}

#contact #content {
background-image:url(../img/rgs_contact.jpg);
}

#taint #content {
background-image:url(../img/rgs_taint.jpg);
}

#kirsten #content {
background-image:url(../img/rgs_kirsten.jpg);
}

#ozarks #content {
background-image:url(../img/rgs_ozarks.jpg);
}

#prelude #content {
background-image:url(../img/rgs_prelude.jpg);
}

#jungle #content {
background-image:url(../img/rgs_junglevid.jpg);
}

#jungle_coming #content {
background-image:url(../img/rgs_jungle.jpg);
}

#jungle.about #content {
background-image:url(../img/rgs_jungle_about.jpg);
}

#prelude.about #content {
background-image:url(../img/rgs_prelude_about.jpg);
}

#fascination #content {
background-image:url(../img/rgs_fascination.jpg);
}

ol {
margin:0;
padding:0;
margin-bottom:8px;
}

ol li {
list-style:inside;
list-style-type:decimal;
font-style:italic;
}

#jungle #content #watchvideos i {
text-indent:-5000px;
} 

#jungle #content #watchvideos i {
text-indent:-5000px;
display: none;
} 

#jungle #content #watchvideos #hd a {
display:block;
position:absolute;
height:102px;
width:157px;
margin-top:43px;
background-image:url(../img/rgs_jungle_hdbutton.jpg);
padding:0px;
}

#jungle #content #watchvideos #sd a {
display:block;
position:absolute;
height:102px;
width:157px;
margin-top:43px;
margin-left:186px;
background-image:url(../img/rgs_jungle_sdbutton.jpg);
padding:0px;
}

#jungle #content #watchvideos #hd a:hover {
display:block;
position:absolute;
height:102px;
width:157px;
margin-top:43px;
background-image:url(../img/rgs_jungle_hdbutton.jpg);
background-position:0 -102px;
padding:0px;
}

#jungle #content #watchvideos #sd a:hover {
display:block;
position:absolute;
height:102px;
width:157px;
margin-top:43px;
margin-left:186px;
background-image:url(../img/rgs_jungle_sdbutton.jpg);
background-position:0 -102px;
padding:0px;
}





#prelude #content #watchvideos i {
text-indent:-5000px;
} 

#prelude #content #watchvideos i {
text-indent:-5000px;
display: none;
} 

#prelude #content #watchvideos #hd a {
display:block;
position:absolute;
height:102px;
width:157px;
margin-top:43px;
background-image:url(../img/rgs_prelude_hdbutton.jpg);
padding:0px;
}

#prelude #content #watchvideos #sd a {
display:block;
position:absolute;
height:102px;
width:157px;
margin-top:43px;
margin-left:186px;
background-image:url(../img/rgs_prelude_sdbutton.jpg);
padding:0px;
}

#prelude #content #watchvideos #hd a:hover {
display:block;
position:absolute;
height:102px;
width:157px;
margin-top:43px;
background-image:url(../img/rgs_prelude_hdbutton.jpg);
background-position:0 -102px;
padding:0px;
}

#prelude #content #watchvideos #sd a:hover {
display:block;
position:absolute;
height:102px;
width:157px;
margin-top:43px;
margin-left:186px;
background-image:url(../img/rgs_prelude_sdbutton.jpg);
background-position:0 -102px;
padding:0px;
}






#jungle #content ul#relnav, #prelude #content ul#relnav  {
position:absolute;
margin-left:343px;
margin-top:-25px;
width:300px;
text-transform:lowercase;
} 

#jungle #content ul#relnav a.active, #prelude #content ul#relnav a.active  {
background-color:#CC0000;
}

#jungle.about table, #prelude.about table {
margin:0px;
padding:0px;
border:0px;
width:100%;
position:relative;
left:-3px;
}

#jungle.about td, #prelude.about td {
vertical-align:top;
margin:0px;
padding:0px;
}

#jungle.about td.divider, #prelude.about td.divider {
border-bottom:1px dotted red;
padding-top:3px;
}

#jungle.about tr, #prelude.about tr {
vertical-align:top;
margin:0px;
padding:0px;
}

#jungle.about td.paddingright5px, #prelude.about td.paddingright5px {
padding-right:5px;
}


#jungle_watch table {
width:100%;
text-align:center;
margin-top:50px;
}

p.slugline {
margin-top:10px;
padding-top:10px;
font-size:90%;
color:#666666;
}

p.slugline a{
border-bottom:1px solid #666666;
}

#homepage_jungle h2 a {
display:block;
text-indent:-9999px;
position:absolute;
top:-23px;
left:-5px;
height:80px;
width:347px;
background-color:transparent;
background-image:url(../img/rgs_home_junglepremier_butt.jpg);
padding:0px;
margin:0px;
}

#homepage_jungle h2 a:hover {
display:block;
text-indent:-9999px;
position:absolute;
top:-23px;
left:-5px;
height:80px;
width:347px;
background-color:transparent;
background-image:url(../img/rgs_home_junglepremier_butt.jpg);
background-position:0px -80px;
padding:0px;
margin:0px;
}

#homepage_prelude h2 a {
display:block;
text-indent:-9999px;
position:absolute;
top:-23px;
left:-5px;
height:109px;
width:347px;
background-color:transparent;
background-image:url(../img/rgs_home_prelude_butt.jpg);
background-position:0px -1px;
padding:0px;
margin:0px;
}

#homepage_prelude h2 a:hover {
display:block;
text-indent:-9999px;
position:absolute;
top:-23px;
left:-5px;
height:109px;
width:347px;
background-color:transparent;
background-image:url(../img/rgs_home_prelude_butt.jpg);
background-position:0px -111px;
padding:0px;
margin:0px;
}


#content #tainttext {
text-transform:uppercase;
position:relative;
top:14px;
left:50px;
}

#content #tainttext h2 {
display:block;
font-size:28px;
margin:0;
padding:0;
margin-bottom:10px;
line-height:22px;
}

#content #tainttext h2 small{
display:block;
font-size:14px;
padding-top:7px;
}

#content #tainttext p{
font-weight:normal;
margin:0;
padding:0;
line-height:15px;
}