@charset "utf-8";

/* CSS Document */



/* Remove padding and margin */ 

*  

    { 

    margin: 0; 

    padding: 0; 

    border: 0; 

}



.clear 

    { 

    clear:both; 

} 



.right 

    { 

    float: right; 

} 



.left 

    { 

    float: left; 

}



body 

    { 

    font: 62.5%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif; 

    background-color: #151515; 

	background-image: url("images/bg.png");

    color: #ffffff; 

} 



#wrapper 

    {  

    width:100%;  

    text-align:left;   

    margin-left:auto;  

    margin-right:auto;  

	background-image: url("images/bg1.jpg");

}



h1 

    { 

    font-size: 2.2em; 

} 



h2 

    { 

    font-size: 2.0em;     

} 



h3 

    { 

    font-size: 1.8em; 

} 



h4 

    { 

    font-size: 1.6em;     

} 



h5 

    { 

    font-size: 1.4em;     

} 



p 

    { 

    font-size: 1.2em;     

}



a:link {

	text-decoration: none;   

}



a:visited {

	text-decoration: none;    	

}



a:hover {

	text-decoration: none;     

}



a:active {

	text-decoration: none;     

}



#header {

	width:auto;

	height:300px;

	float:center;

	line-height:400px;

	background-image:url("images/headerbg.png");

	vertical-align:middle;

	margin-bottom:50px;

	padding-top:10px;

}





.menu {

	position:center;

	width:90%;

	height:70px;

	padding-left:10px;

	padding-right:10px;

	margin-bottom:0px;

	background-color:rgba(0,0,0,0);

	background-image:url("images/bg.png") opacity 0.4em;

	border-bottom:solid 4px #fff:

	

	

}



.menu li {

	width:auto;

	height:30px;

	float:left;

	line-height:30px;

	text-transform:uppercase;

	font-weight:bold;

	margin-right:1px;

	padding-left:20px;

	padding-right:20px;

	color:rgba(255,255,255,0.3);

	list-style: none;

	position:relative;	

	-webkit-transition: all 0.1s ease-in;

  	-moz-transition: all 0.1s ease-in;

  	-ms-transition: all 0.1s ease-in;
  	-o-transition: all 0.1s ease-in;

  	transition: all 0.1s ease-in;

}



.menu li:hover {

	width:auto;

	height:30px;

	background-color:rgba(0,0,0,0.2);

	border-radius:5px;

	float:left;

	line-height:30px;

	text-transform:uppercase;

	font-weight:bold;

	margin-right:1px;

	padding-left:20px;

	padding-right:20px;

	color:#d02b2b;

	list-style: none;

	position:relative;

}



.menu right {

	width:auto;

	height:30px;

	float:right;

	line-height:30px;

	text-transform:uppercase;

	font-weight:bold;

	margin-right:1px;

	padding-left:20px;

	padding-right:20px;

	color:rgba(255,255,255,0.3);

	list-style: none;

	position:relative;	

	-webkit-transition: all 0.1s ease-in;

  	-moz-transition: all 0.1s ease-in;

  	-ms-transition: all 0.1s ease-in;

  	-o-transition: all 0.1s ease-in;

  	transition: all 0.1s ease-in;

}






#servers {

	margin-top:20px;

	width:75%;

	height:auto;

	background-color:rgba(0,0,0,0.5);

	border-radius:10px;

	vertical-align:middle;

	padding-bottom:25px;

}



.title {

	width:100%;

	height:40px;

	background-color:#ecf0f1;

	color:rgba(0,0,0,0.8);

	border-top-right-radius:10px;

	border-top-left-radius:10px;

	text-transform:uppercase;

	line-height:40px;

	font-weight:bold;

	font-size:13px;

	margin-bottom:25px;

}



.about {

	color:#ecf0f1;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	margin-left:50px;

	margin-right:50px;

}



footer {

	width:85,9%;

	height:100px;

	background-color:rgba(0,0,0,0.7);

	margin-top:50px;

	padding-top:20px;

	padding-right:100px;

	padding-left:100px;

	line-height:100px;

	vertical-align:middle;

}



#social {

	font-size:12px;

	font-weight:bold;

	color:#fff;

	text-transform:uppercase;

}



icons {

	width:auto;

	font-size:25px;

	font-weight:bold;

	color:rgba(208,43,43,0.3);

	text-transform:uppercase;

	margin-right:25px;

	-webkit-transition: all 0.1s ease-in;

  	-moz-transition: all 0.1s ease-in;

  	-ms-transition: all 0.1s ease-in;

  	-o-transition: all 0.1s ease-in;

  	transition: all 0.1s ease-in;

}



icons:hover {

	width:auto;

	font-size:25px;

	font-weight:bold;

	color:#d02b2b;

	text-transform:uppercase;

}



#copyright {

	float:center;

	width:85,9%;

	background-color:rgba(0,0,0,0.7);

	height:40px;

	color:rgba(255,255,255,0.2);

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	padding-top:6px;

	text-transform:uppercase;

	font-weight:bold;

}