body{
background-image: url(images/bg.jpg);
background-position: top center;
background-repeat:no-repeat;
background-color: #23240c;
margin:0;
padding:0;
line-height: 1.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

a:active {
outline: none;
}


#maincontainer{
width: 975px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection {

height: 560px; /*Height of top section*/
position: relative;
}


.feedback 
{
position:absolute;
top: 0px;
left: 220px;
width: 480px;
height: 60px;
}

.topsection_header
{
position:absolute;
top: 0px;
left: -40px;
width: 206px;
height: 205px;
}

#topsection #frame {
background-image:url(images/frame.png);
background-repeat:no-repeat;
position: absolute;
width: 732px;
height: 533px;
top: 18px;	/* default = 20px; */	
left: 110px;  /* default = 130px; */

}


#topsection #frame .fb_hitbox {
height:28px;
width:28px;
position:absolute;
top:485px;
left:270px;
}

#topsection #frame .tw_hitbox {
height:28px;
width:28px;
position:absolute;
top:485px;
left:313px;
}

#topsection #frame .digg_hitbox {
height:28px;
width:28px;
position:absolute;
top:485px;
left:356px;
}

#topsection #frame .del_hitbox {
height:28px;
width:28px;
position:absolute;
top:485px;
left:399px;
}

#topsection #frame .su_hitbox {
height:28px;
width:28px;
position:absolute;
top:485px;
left:441px;
}


#videocontainer .hitbox_btn {
display:block;
height:28px;
text-decoration:none;
width:28px;
}

#topsection #frame .tw_hitbox span,
#topsection #frame .fb_hitbox span,
#topsection #frame .digg_hitbox span,
#topsection #frame .del_hitbox span,
#topsection #frame .su_hitbox span {
display:none;
}

#videocontainer {
position: relative;
width: 732px;
height: 533px;
}

#video{
position: absolute;
border: 2px solid #463220;
width: 560px;
height: 340px;
top: 78px;
left: 80px;
}


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-top: 15px;
margin-right: 635px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#leftcolumn{
margin-top: 15px;
float: left;
width: 339px; /*Width of left column in pixel*/
margin-left: -625px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
}

#rightcolumn{
float: left;
width: 296px; /*Width of right column in pixels*/
margin-left: -296px; /*Set margin to -RightColumnWidth*/
}


.box {
width:312px;
margin-bottom: 30px;

}

.box .box-top {
background:transparent url(images/box_header.gif) no-repeat scroll 0 0;
height:43px;
width:312px;
padding: 5px 0px 0px 10px;
margin: auto;
}

.box .box-content {
background:transparent url(images/box_body.gif) repeat-y scroll 0 0;
width:312px;
padding: 0px 0px 0px 20px;
margin: auto;
}



.box .box-bottom {
background:transparent url(images/box_footer.gif) no-repeat scroll 0 0;
background-position:bottom;
height:21px;
width:312px;
margin: auto;
}




.step1 {
background:transparent url(images/step1.gif) no-repeat scroll 0 0;
width: 225px;
height: 65px;
padding: 5px 0px 10px 55px;
line-height: 15px;
text-align:left;
border-bottom: 1px dashed #4f5e26;
margin-bottom: 8px;
}

.step2 {
background:transparent url(images/step2.gif) no-repeat scroll 0 0;
width: 225px;
height: 65px;
padding: 8px 0px 8px 55px;
line-height: 15px;
text-align:left;
border-bottom: 1px dashed #4f5e26;
margin-bottom: 8px;
}

.step3 {
background:transparent url(images/step3.gif) no-repeat scroll 0 0;
width: 225px;
height: 65px;
padding: 5px 0px 10px 55px;
line-height: 15px;
text-align:left;
border-bottom: 1px dashed #4f5e26;
margin-bottom: 8px;
}

.step4 {
background:transparent url(images/step4.gif) no-repeat scroll 0 0;
width: 225px;
height: 65px;
padding: 10px 0px 5px 55px;
line-height: 15px;
text-align:left;
border-bottom: 1px dashed #4f5e26;
margin-bottom: 8px;
}

.step5 {
background:transparent url(images/step5.gif) no-repeat scroll 0 0;
width: 225px;
height: 95px;
padding: 5px 0px 10px 55px;
line-height: 15px;
text-align:left;
border-bottom: 1px dashed #4f5e26;
margin-bottom: 8px;
}

.step6 {
width: 265px;
height: 20px;
padding: 5px;
line-height: 15px;
text-align:center;
font-size: 11px;
}


#rightcolumn .sidebar {
width:296px;

}

#rightcolumn .sidebar .sidebar-top {
background:transparent url(images/sidepanel_header.gif) no-repeat scroll 0 0;
height:79px;
width:296px;
}

#rightcolumn .sidebar .sidebar-content {
background:transparent url(images/sidepanel_body.gif) repeat-y scroll 0 0;
padding:0px 10px 0px 40px;
width:236px;
height: 100%;
}

#rightcolumn .sidebar .sidebar-content a{
color: #fec000;
}

#rightcolumn .sidebar .sidebar-content a:hover{
color: #FF9900;
}

#rightcolumn .sidebar .sidebar-bottom {
background:transparent url(images/sidepanel_footer.gif) no-repeat scroll 0 0;
background-position:bottom;
height:49px;
width:296px;
}


.wood_divider {
background-image: url(images/wood_divider.png);
background-repeat:no-repeat;
width: 234px;
height: 30px;
}

.shirt_btn
{
  display: block;
  width: 234px;
  height: 271px;
  background: url("images/savethemurloc_tee.png") no-repeat 0 0;

}

.shirt_btn:hover
{ 
    background-position: 0 -272px;
}

.shirt_btn span
{
  display: none;
}




#footer{
clear: left;
position:relative;
background:transparent url(images/footer.png) no-repeat scroll 0 0;
height:102px;
width:975px;


}

.footer_text {
position:absolute;
font-size: 10px;
line-height: 12px;
left: 95px;
top: 53px;
}

.jinx_hitbox {
height:50px;
width:125px;
position:absolute;
top:25px;
left:630px;
}

.wow_hitbox {
height:50px;
width:112px;
position:absolute;
top:25px;
left:810px;
}


.hitbox_btn {
display:block;
height:50px;
text-decoration:none;
width:112px;
}



 a{
color: #fec000;
outline: none;
}

a:link{
color: #fec000;
outline: none;
}

a:hover
{
color:#FF9900;
outline: none;
}

.innertube{
width: 270px;
text-align: left;
}



.smalltext {
font-size: 10px;
color: #fec000;
margin: 0px;
}

#signup {
padding: 0px 0px 0px 12px;
}