@charset "utf-8";
/* CSS Document */

html, body {
	background:url(../images/bg.jpg) center fixed repeat;
	margin: 0px;
	padding: 0px;
	height:100%;
	width:100%;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}

h1, h2, h3, h4, h5, h6 {

	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color:#C93;
}


h1{
	color:#fff;
	font-size:1.7em;
	font-weight:100;
	margin-bottom:5px;
	margin-top:0px;
	padding-bottom:5px;
	line-height:1.2em;
	text-shadow: 1px 1px 1px #F9F9FB;

}

h2{
	color:#fff;
	font-size:1.05em;
	font-weight:100;
	margin:15px 0 5px 0;
	line-height:1.2em;
}

h3{  
     font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	padding:1px 10px 0px 10px;
}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #F9F9FB000;
	font-size: 16px;
	line-height: 22px;
	text-align:left;
	padding:5px 10px 5px 10px;
	text-align:justify
}

	   
#header  {
		   margin:20px auto;
           width:100%;
           height:auto;
		   
          }
		  
		  
#header a {
	text-decoration:none;
	color:#fff;
	font-size:24px;
}

#menu-wrapper{
			margin:0px auto;
            width:75%;
			height:35px;
			border:0px #930 solid;
		    border-radius:5px 5px 0px 0px;
			}


#menu{
			width:70%;
			margin:0px auto;
	       	}

#menu ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#menu li
{
    float:left;
    margin-right: 0.5em;
}

#menu a
{
    width: 6em;
    color: white;
    text-decoration: none;
    text-align: center;
	font-size:11px;
	padding:5px 3px 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
    border:1px #633 solid;
	border-radius:3px 3px 3px 3px;
}

#menu a:hover
{
	background:url(../images/bodybg.png);
}


#main {
	       width:75%;
           margin: 0 auto;
		    }
			
			
#banner-block {
	width:100%;
	margin:10px 0;
	border-radius:5px;
	border:0px #633 solid;
}


#banner-block img {
	width:100%;
}
		   			
#rounded-block  {
float:left;
		   width:100%;
           background:url(../images/bodybg.png) repeat ;
		   border:1px #999 solid;
		   border-radius:5px 5px 5px 5px;
          }
	
#text-container{
	        position:relative;
	          width:auto;
			  display:inline-block;
		   
	       }

	#bio{
	       height:auto;
		   width:60%;
		   position:absolute;
			}
			
#stats{
	       height:auto;
		   width:40%;
		   position:relative;
		   left:30em;
		   top:1px;
	       }
		   
		   
.links{
	color:#FFF;
	
	}
	
	table.inner
{
border:1px solid #43423d;
padding:0px 0px 0px 0px;
border-spacing:0px;
border-radius:5px 5px 5px 5px;

}

.mainimagestyle{
	border-radius:5px 0px 0px 0px;
	}
	
	#footer {
	float:left;
	width:100%;
	height:auto;
	}


#centeredmenu {
   float:left;
   width:100%;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:2px;
   padding:2px;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 5px;
   padding:5px 10px;
   color:#fff;
   text-decoration:none;
   line-height:1.3em;
   border:3px #EC4561 solid;
	border-radius:3px 3px 3px 3px;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
}
#centeredmenu ul li a:hover {
   background:url(../images/menubg.png);
   color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:url(../images/menubg.png);
   font-weight:bold;
}
	
	

.social-icon-na {
	float:right;
	margin-bottom:10px;
}

.social-icon-na img {
	width:75%;
	margin:10%;
	height:75%;
	float:left;
}


.social-icon-na ul {
	float:right;
	margin:0;
}


.social-icon-na li {
	list-style:none;
	float:left;
	margin-left:10px;
}

.social-icon-na a {
	padding:5px 5px;
	width:15px;
	height:15px;
	float:left;
	border:1px #633 solid;
	border-radius:100%;
}

.social-icon-na a:hover {
	background:#F9F9FB;
}
	
@media only screen and ( max-width: 900px) {

#header img {
width:100%;
margin:25px 0;
}

#centeredmenu ul li {
width:100%;
}

#menu-wrapper{
			height:175px;
			}


.social-icon-na {
	float:none;
width:155px;
padding:0;
	margin:10px auto;
}

#main {
	       width:95%;
           margin: 0 auto;
		    }

			
#banner-block {
	width:100%;
float:left;
}



	#footer {
	width:100%;
text-algin:center;
	}

 }