a{color:#bfe1dc;}
a:hover{color:#ffe7a6;}


#background
{
    background-image:url('images/vikingconquest/bg.jpg');
}

#gamelogo
{
    background-image:url('images/vikingconquest/logo.png');
    position:absolute;
    width:387px;
    height:272px;
    left:980px;  /*480 + 30*/
    top:105px;
}


#footer
{
    background-image:url('images/vikingconquest/bg_footer.png');
    min-height:99px;
    padding-top:30px;
}

#menuleft,#menulefttail
{
   height:34px;
    display: inline-block;
}

#menuright,#menurighttail {
    height:34px;
    display: inline-block;
}

#buttonmenu
{
    height:42px;
    width:auto;
    background-image:url('images/vikingconquest/menu_bg.png');
    padding-top:5px;
    text-align: center;
}

#menuleft
{
  background-image:url('images/vikingconquest/menubar_left1.png');
}

#menulefttail
{
    margin-top:-2px;
    background-image:url('images/vikingconquest/menubar_left2.png');
    width:30px;
}

#menuright
{
    width: 30px;
    margin-top:-2px;
    margin-left: -3px;
    background-image:url('images/vikingconquest/menubar_right1.png');
}

#menurighttail
{
    
    background-image:url('images/vikingconquest/menubar_right2.png');
    width:0px;
}

#shadow
{
    
    background-image:url('images/vikingconquest/menushadow.png');
}

.newstitle, .contenttitle
{
    color: #e4fcff;
}

.newsbody, .contentbody
{
    color: #d9d5c7;
}

.newsreadmore
{
    color:#bfe1dc;
}

.frame
{
	-webkit-border-image:url(images/vikingconquest/frame.png) 30 30 30 30 stretch  stretch;
	border-image:url(images/vikingconquest/frame.png) 30 30 30 30 stretch  stretch;
}


hr
{
    background:url('images/vikingconquest/seperator.png') no-repeat top center;
}

/* BUTTONS */

.menubutton::after 
{ 
    content: '';
    width: 18px;
    background: transparent url('images/vikingconquest/button_a_right_.png') no-repeat scroll top right;
    display: inline-block;
    height: 33px;
}

.menubutton::before 
{
    content: '';
    width: 18px;
    background: transparent url('images/vikingconquest/button_a_left_.png') no-repeat scroll top right;
    display: inline-block;
    height: 33px;
}

.menubutton 
{
    color: #bbb;
    font: normal 14px arial, sans-serif;
    background: transparent;
    line-height: 33px;
    border: 0px;
    padding: 1px;
    margin-top: -4px;
}

.menubutton span
{
    background: transparent url('images/vikingconquest/button_span_.png') no-repeat;
    background-position: center; 
    position: relative;
    top: -11px;
    line-height: 33px;
    display: inline-block;
	
}

.menubutton span a
{
	color: #bab494;
}

.menubutton a
{
    position: relative;
    top: 1px;    
}

.menubutton:hover span
{
    background: transparent url('images/vikingconquest/button_span_hover_.png') no-repeat;
    background-position: center; 
    color: #cfcfcf;
}

.menubutton:hover::after 
{ 
    content: '';
    width: 18px;
    background: transparent url('images/vikingconquest/button_a_hover_right_.png') no-repeat scroll top right;
    display: inline-block;
    height: 33px;
  
}

.menubutton:hover::before 
{
    content: '';
    width: 18px;
    background: transparent url('images/vikingconquest/button_a_hover_left_.png') no-repeat scroll top right;
    display: inline-block;
    height: 33px;
}


.menubutton:active::before , .menubutton.selected::before, .menubutton.selected:hover::before {
    background: transparent url('images/vikingconquest/button_a_active_left_.png') no-repeat scroll top right;
    color: #fff;
}

.menubutton:active::after , .menubutton.selected::after, .menubutton.selected:hover::after {
    background: transparent url('images/vikingconquest/button_a_active_right_.png') no-repeat scroll top right;
    color: #fff;
}

.menubutton:active span, .menubutton.selected span, .menubutton.selected:hover span {
    background: transparent url('images/vikingconquest/button_span_active_.png') no-repeat;
    background-position: center; 
    color: #cfcfcf; 
}