@charset "UTF-8";

/* CSS Document */
/* Rocketweb - Dene Hall 2008*/


/* EDITOR START */

hr {
border:1px solid #f50014;
margin:15px 0px 15px 0px;}

h1 {
font-size:20px;
color:#f50014;
margin:0 0 10px 0;
padding-bottom:15px;
line-height:25px}

h2 {
font-size:16px;
color:#f50014;
margin-top:5px;
margin-bottom:5px}

h3 {
font-size:13px;
color:#272f33;
margin-top:5px;
margin-bottom:5px}

h4 {
font-size:9px;
color:#f50014;
margin-top:5px;
margin-bottom:5px}

a {
color:#f50014;
text-decoration:none}

a:hover {
color:#f50014;
text-decoration:underline}

p {
margin:0 0 10px 0}

ul {
padding:0 0 0 20px;_padding:0}

li {
padding:0 0 0 5px}

.red {
color:#f50014}

.black {
color:#000000}

.green {
color:#2eb34b}

/* EDITOR END */

body {
font-size:12px;
font-weight:200;
line-height:20px;
color:#272f33;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(assets/bg_body.jpg) repeat-x top center;
padding:0;
margin:0}

img {
border:0}

img, div, input {behavior: url(iepngfix.htc) }

/* --------- Main Container --------- */

#wrapper {
width:100%;
height:100%;
background:url(assets/big_rocket.png) no-repeat center top;
_background:none;
padding:0;
margin:0}

#main_container {
width:992px;
height:100%;
padding:0;
margin:0 auto;}

/* --------- Masthead ---------*/

#masthead {
width:992px;
height:219px;
margin:0;
padding:0;
float:left}

#masthead h2{
width:500px;
margin:135px 0 0 30px;
padding:0;
float:left;
font-size:18px;
color:#ffffff}

#flashcontent {
width:390px;
height:185px;
margin:20px 30px 0 0;
padding:0;
float:right}

#ad_area {
width:992px;
float:left;
height:305px;
margin:0;
padding:0;
background:none}


/* Slideshow */

#slideshowbg{
width:992px;
height:308px;
float:left;
padding:0;
margin:0 0 10px 0;
background:url(assets/slideshowbg.png) no-repeat}

.slideshow{
width:977px;
height:302px;
float:left;
padding:0;
margin:6px 0 0 8px;_margin:6px 0 0 4px;}

/* --------- Mainarea ---------*/

#main_area {
padding:0;
margin:0;_margin-top:-3px;
width:992px;
height:100%;
float:left;
background:url(assets/bg_textarea.jpg) repeat-y top left}

#right_column {
width:188px;
float:right;
height:100%;
margin:0;
padding:15px 0 0 0}

.sound{
width:100%;_width:160px;
_height:100%;
float:left;
display:block;
padding:15px 0 15px 15px}

.facebook{
width:154px;
height:50px;
float:left;
display:block;
padding:10px 0 0 14px}

.rocketwords{
width:144px;
height:67px;
float:left;
display:block;
padding:20px 0 0 16px}

.block {
font-size:12px;
width:100%;
height:100%;
float:right;
padding:0 0 30px 0;_padding:0 0 15px 0;
margin:20px 20px 15px 0;_margin:20px 0 0 0;
border-bottom:2px solid #f50014}

.block a {
color:#f50014;
text-decoration:none}

.block a:hover {
color:#f50014;
text-decoration:underline!important}

/* --------- Text Area ---------*/

.textarea {
padding:40px 15px 25px 25px;
margin:0;
_margin:-20px 0 0 0;
width:740px;
float:left}

#bookmarks {
width:735px;
float:left}

.package {
float:left;
width:220px;
margin:20px 25px 20px 0;_margin:20px 25px 0 0px}

.package img {
margin:20px 0 0 20px}

/* --------- Navigation Top ---------*/

.navigation_top{
width:992px;
height:29px;_height:32px;
float:left;
text-align:left;
padding:0;
margin:0;
background:url(assets/bg_top_nav.png) no-repeat top left}

.navigation_top ul{
margin:3px 0 0 15px;
padding:0;
width:992px}

.navigation_top li{
list-style:none;
display:inline;
margin:0;
padding:0}

.navigation_top a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:5px 10px 5px 10px}

.navigation_top a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:5px 10px 5px 10px}

.navigation_top .active{
text-decoration:none;
color:#ffffff;
margin:0;
padding:0;
font-weight:bold;
background: none}


/* --------- Navigation Right ---------*/
.nav-right{
width:155px;
margin:2px 0 0 14px;_margin:2px 0 0 8px;
padding:0;
border-top: 1px solid #f50014;
float:left}

.nav-right ul{
margin:7px 0 0 0;
padding:0;
width:155px}

.nav-right li{
list-style:none;
margin:0 0 1px 0;
border-bottom:1px solid #f50014;
padding:0;
height:22px;
color:#000000}

.nav-right h4{
margin:0 0 0 15px;
padding:0;
width:155px}

.nav-right a{
text-decoration:none;
color:#000000;
margin:0;
padding:0}

.nav-right a:hover{
text-decoration:underline;
color:#000000;
margin:0;
padding:0}

.nav-right .active a{
text-decoration:none;
color:#ed1c24;
font-weight:bold;
display:block;
background:url(assets/active-rocket.png) no-repeat top right} 
margin:0;
padding:0}

.nav-right .active a:hover{
text-decoration:underline;
color:#000000;
margin:0;
display:block;
padding:0}

.nav-right li ul li a, .nav-right li ul li a:hover{
font-weight:normal!important;
line-height:15px!important;
background-image:none!important}

/* --------- Footer --------- */

#footer {
width:992px;
height:42px;
font-size:9px;
color:#272f33;
text-align:center;
margin:10px 0 30px 0;
padding:0;
clear:both;
background:#ffffff url(assets/bg_footer.jpg) no-repeat bottom left}

.footer_text p {
padding:5px 0 0 0}

.footer_text a {
color:#272f33}

.footer_text a:hover {
color:#272f33}