/*
	Halcyonic by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Desktop (>= 480px)                                                            */
/*********************************************************************************/

/* Basic */

	body
	{
		min-width: 1200px;
	}

	section:last-child
	{
		/*margin-bottom: 0 !important;*/
	}
	
	section p
	{
	    color:#595959;
	}

/* Wrappers */

	#header-wrapper
	{
		/*background: #3B4346 url('images/bg01.jpg');*/
		background-color: #4d1142;
		border-bottom: solid 1px #272d30;
		box-shadow: inset 0px -1px 0px 0px #51575a;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.75);
	}

	.subpage #header-wrapper
	{
		height: 155px;
	}
	
	#features-wrapper
	{
		background: #353D40 url('images/bg02.jpg');
		border-bottom: solid 1px #272e31;
		padding: 45px 0 45px 0;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.75);
	}
	
	#content-wrapper
	{
        /*background: #3B4346 url('images/bg01.jpg');*/
		background: #f7f7f7 url('images/wallbg.png') !important;
		/*background:#F7F7F7 url('images/lawn.jpg') ;*/
		/*border-top: solid 1px #fff;*/
		padding: 45px 0 45px 0;
		
	}
	
	#footer-wrapper
	{
		padding: 45px 0 45px 0;
		text-shadow: 1px 1px 1px rgba(255,255,255,1);
		
	}

/* Header */

	#header
	{
		min-height: 90px;
		position: relative;
		width:100%;
	}

		#header h1
		{
			position: absolute;
			left: 0;
			bottom: 20px;
			font-size: 2em;
		}
	
			#header h1 a
			{
				color: #fff;
				text-decoration: none;
			}

			#header .navcontainer
			{
				margin-top: 10px;
			}


nav {
	color: #888;
	display: block;
	overflow: hidden;
	width: 100%;

	z-index: 1000 !important;

	bottom: 20px;
	font-weight: 200;

	margin-left: 300px;
}

nav ul {
	margin: 0;
	padding: 0;
	z-index: 10000 !important;
}

nav ul li {
	display: inline-block;
	list-style-type: none;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

nav > ul > li > a > .caret,
nav > ul > li > div ul > li > a > .caret {
	border-top: 4px solid #aaa;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	vertical-align: middle;

	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;
}

nav > ul > li > div ul > li > a > .caret {
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-left: 4px solid #f2f2f2;
	margin: 0 0 0 8px;
}

nav > ul > li > a {
	color: #aaa;
	display: block;
	line-height: 45px;
	padding: 0 20px;
	text-decoration: none;
	font-size: 1.2em;
}

nav > ul > li:hover {
	background-color: rgba( 255, 255, 255, 0.1);
}

nav > ul > li:hover > a {
	color: rgb( 255, 255, 255 );
}

nav > ul > li:hover > a > .caret {
	border-top-color: rgb( 255, 255, 255 );
}

nav > ul > li > div ul > li:hover > a > .caret {
	border-left-color: rgb(255,255,255);
}

nav > ul > li > div,
nav > ul > li > div ul > li > div {
	background-color: #4d1142;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	display: none;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 200px;
	visibility: hidden;

	z-index: 10000 !important;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}

nav > ul > li > div ul > li > div {
	background-color: #4d1142;
	border-radius: 0 4px 4px 4px;
	box-shadow: inset 2px 0 5px rgba(0,0,0,.15);
	margin-top: -42px;
	right: -200px;
}

nav > ul > li:hover > div,
nav > ul > li > div ul > li:hover > div {
	display: block;
	opacity: 1;
	visibility: visible;
}

nav > ul > li > div ul > li,
nav > ul > li > div ul > li > div ul > li {
	display: block;
	position: relative;
}

nav > ul > li > div ul > li > a,
nav > ul > li > div ul > li > div ul > li > a {
	color: #fff;
	display: block;
	padding: 7px 24px;
	text-decoration: none;
}

nav > ul > li > div ul > li:hover > a {
	background-color: rgba( 255, 255, 255, 0.1);
}

#logo{
	margin-left: 10px;
}

/*
		#header nav
		{
		   	position: absolute;
			right: 0;
		    z-index: 1000 !important;

			bottom: 20px;
			font-weight: 200;
			
           left: 300px;
		}
		
		#header nav ul
		{
		    padding: 0px;
            margin: 0px;
			z-index: 1000 !important;
		}
		
		#header nav ul:after {
            clear: both;
            content: " ";
            display: block;
            font-size: 0;
            height: 0;
            visibility: hidden;
            
                background-color: #4d1142;
        }
        
            #header nav ul li {
                list-style: none;
                background-color: #4d1142;
                float:left;
              min-width: 80px !important;
            }
            
            #header nav ul li a {
                text-decoration: none;
                display: block;
                font-size: 1.2em;
                outline: 0;
                color: #c6c8c8;
              
            }
            
            #header nav ul li:hover > ul {
                visibility: visible;
            }
            #header nav ul li ul{
                display: inline;
                visibility: hidden;
                position: absolute;
                padding-right:10px;
                padding-left:10px;

                background-color: #4d1142;
            }
           
            
            #header nav ul li ul{
                
                background-color: #4d1142;
                min-height: 100px;
            }
            
            #header nav ul li ul li{
                float: none;
                width: auto !important;
                background-color: #4d1142;
                
            }
            #header nav ul li ul li a:hover{
                color: #4d1142;
                background-color: #FAFAFA !important;
            }
            
            
            
            
            
            #header nav ul li ul li ul{
                display: inline;
                visibility: hidden;
                position: absolute;
                padding-right:10px;
                padding-left:10px;
                margin-left: 120px;
                margin-top: -25px;
                background-color: #4d1142;
            }
            
            #header nav ul li ul li ul li{
                float: none;
                background-color: #4d1142;
                width: auto !important;
                
            }
            #header nav ul li ul li ul li a:hover{
                color: #4d1142;
                background-color: #FAFAFA !important;
            }
            
            
            
            
            
            */
            
	
			/*#header nav a
			{
				color: #c6c8c8;
				text-decoration: none;
				font-size: 1.4em;
				margin-left: 60px;
				outline: 0;
			}

			#header nav a:hover
			{
				color: #f6f8f8;
			}*/

/* Banner */
	.bannermobile
	{
	    display:none;
	}
	.bannerdesktop
    {
        visibility:visible;
    }
	
	
	
	#banner
	{
		border-top: solid 1px #222628;
		box-shadow: inset 0px 1px 0px 0px #3e484a;
		padding: 2px 0 2px 0;
		color: #fff;
		margin-bottom:0;
	}

		#banner .bordered-feature-image
		{
			margin-bottom: 0;
		}

		#banner p
		{	
			font-size: 2em;
			font-weight: 200;
			line-height: 1.25em;
			padding-right: 1em;
			margin: 0 0 1em 0;
		}
		
		
		
#banner { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

#banner .countdown { 
   position: absolute; 
   bottom: 20px; 
   left: 0; 
   width: 100%; 
  
}

#banner .countdown span { 
   color: white; 
   /*letter-spacing: 2px;*/  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.4);
   padding: 10px; 
}

#banner .countdown span a{
    color: #bbb;
}


#banner .importanttext { 
   position: absolute; 
   top: 20px; 
   right: 0; 
   text-align:right;
   width: 100%; 
}

#banner .importanttext span { 
   color: white; 
   /*letter-spacing: 2px;*/  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.4);
   padding: 10px; 
}



#banner .counter { 
   position: absolute; 
   bottom: 10px; 
   right: 0; 
   text-align:right;
   width: 50%;
   font-size:9px;
}

#banner .counter span { 
   color: #c6c8c8; 
   /*letter-spacing: 2px;*/  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.4);
   padding: 10px; 
}

.newscontent
{
    max-width: 700px;
}

.teamcategory img
    {
        max-width: 50%;
    }


/* Features */

	#features
	{
		color: #a0a8ab;
	}
	
		#features h2
		{
			font-size: 1.25em;
			color: #fff;
			margin: 0 0 0.25em 0;
		}

		#features a
		{
			color: #e0e8eb;
		}
		
		#features strong
		{
			color: #fff;
		}
		
		.newsimage img
{
    width: 250px !important;
}

/* Content */

	#content
	{
	}
	
		#content section
		{
			background: #fff;
			/*background: rgba(255,255,255,0.8);*/
			padding: 40px 30px 45px 30px;
			box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5);
			margin: 0 0 10% 0;
		}

		#content h2
		{
			font-size: 1.5em;
			color: #373f42;
			margin: 0 0 0.25em 0;
		}
		
		#content h3
		{
			color: #96a9b5;
			font-size: 1.25em;
		}
		

		
		#content a
		{
			color: #8b008b;

		}
		
		#content header
		{
			margin: 0 0 2em 0;
		}

/* Footer */

	#footer
	{
		color: #546b76;
		text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	}
	
		#footer h2
		{
			font-size: 1.25em;
			color: #212f35;
			margin: 0 0 1em 0;
		}
		
		#footer a
		{
			color: #546b76;

		}

/* Copyright */

.fb-follow
{
    position: absolute;
    top: 0;
    right: 0 !important;
    width: 100%;
}

	#copyright
	{
		border-top: solid 1px #b5bec3;
		box-shadow: inset 0px 1px 0px 0px #e0e4e7;
		text-align: center;
		padding: 45px 0 80px 0;
		color: #8d9ca3;
		text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	}
	
		#copyright a
		{
			color: #8d9ca3;
		}

.tableevent
{
    width:50%;
}

.tableenemies
{
    width:100%;
}
.tableenemies .name
{
    max-width: 200px;
}