/** Website template by freewebsitetemplates.com **/
a{
	color: #FFFFFF;
}
 body { 
            margin:0;
			padding:0;
			font-family: Arial, Verdana, Helvetica, sans-serif; 
			font-size: 14px; 
			line-height: 25px; 
			color:#fff; 
			text-align: justify; 
			 background-image:url('/images/bg-body.gif');  
		}
		
		
	#background{
	     background-image:url('/images/bg-page-top-curve.jpg');  
		 background-repeat:no-repeat;
		 background-position:top center;
	}
   	
	#page{
	   width:950px;
	  margin:0 auto;
	  padding: 0 5px;
	}
	
	#page .header{
		 padding: 78px 0 0 0;
	}
	
	#page .header .footer{
	    background-image:url('/images/bg-page-bottom-curve.jpg');  
		 background-repeat:no-repeat;
		 background-position:bottom center;
		 padding: 0 0 5px 0;
	}
	
	#page .header .footer .body{
	      background-image:url('/images/bg-page.jpg');  
		  width:950px;
		  overflow:hidden; 
	}
	
		
	#page .shadow{
	    background-image:url('/images/bottom-shadow.jpg');  
		background-repeat:no-repeat;
		background-position: center;
		height:35px;
	}
	
	
	
	
/** Start of Sidebar style **/	
		#page .header .footer .body #sidebar{
		   width:211px;
		   float:left;
		}
		#sidebar h1{
			color: #666666;
			margin-left: 20px;
		}
	#page .header .footer .body #sidebar img#logo{
	  border:0;
	  margin:20px 0 20px 20px;
	}	
	
	
	 /** start style navitagion style**/
	 
	#page .header .footer .body #sidebar ul.navigation{
	  margin:0 0  50px 8px;
	  padding:5px 0 0 0;
	  list-style-type:none; 
	  background-image:url('/images/border-dashed.gif');  
	  background-repeat:repeat-x;
	  background-position:top;
	  position:relative;
	  width:200px;
	  z-index:9990;
	  
	}
	
	
	#page .header .footer .body #sidebar ul.navigation li{
	  width:200px;
	  height:40px;
      
	  position:relative;
	  line-height:40px;
	  background-image:url('/images/menu-separator.jpg');  
	  background-repeat:no-repeat;
	  background-position:0 35px;
	  
	}
	
	#page .header .footer .body #sidebar ul.navigation li.last{
	  background-image:url('/images/border-dashed.gif');  
	  background-repeat:repeat-x;
	  background-position:bottom;
	}  
	
	#page .header .footer .body #sidebar ul.navigation li a{
	  width:214px;
	   height:40px;
	  height:40px;
      display:block;
	  position:absolute;
	  left:0;
	  top:-5px;
	  text-align:left;
	  padding-right:10px;
	  padding-left: 20px;
	   color:#666666;
	   text-decoration:none;
	   

	}
	
	#page .header .footer .body #sidebar ul.navigation li a:hover{
	  width:214px;
	   height:40px;
	  height:40px;
      display:block;
	  position:absolute;
	   color:#669933;
	   background: url("/images/sprite.gif");
	  background-repeat:no-repeat;
	  background-position: 200px -228px;
	   text-shadow: #ffffff 2px 0px 1px;
	}
	
	#page .header .footer .body #sidebar ul.navigation li.active a{
	  width:214px;
	   height:40px;
	  height:40px;
      display:block;
	  position:absolute;
	   color:#669933;
	   background: url("/images/sprite.gif");
	  background-repeat:no-repeat;
	  background-position: 200px -228px;
	  text-shadow: #ffffff 2px 0px 1px;
	}
	
	
	
	
	
	 
	  #page .header .footer .body #sidebar .connect{
	    background-image:url('/images/bg-social-sites.jpg');  
	    background-repeat:no-repeat;
		height:49px;
		width:186px;
		margin: 0 auto;
	  }
	  
	  	#page .header .footer .body #sidebar .connect a{
		  display:block;
		  float:left;
		  text-decoration:none;
		  margin: 10px 10px 0 20px;
		}
		
	#page .header .footer .body #sidebar .connect a.facebook{
		background-image:url('/images/sprite.gif');  
	    background-repeat:no-repeat;
		background-position: 0 0; 
		width: 25px; 
		height: 26px; 
		margin-left:20px;
	}
	#page .header .footer .body #sidebar .connect a.twitter{
	    background-image:url('/images/sprite.gif');  
	    background-repeat:no-repeat;
		background-position: 0 -76px; 
		width: 37px; 
		height: 26px;
	}
	#page .header .footer .body #sidebar .connect a.vimeo{
	    background-image:url('/images/sprite.gif');  
	    background-repeat:no-repeat;
		background-position: 0 -152px; 
		width: 32px; 
		height: 26px;
	}
	  
		
	
	#page .header .footer .body #sidebar .footenote{
	     width: 186px;
		 margin: 0 auto;
		 padding-top:50px;
	}
	
	 #page .header .footer .body #sidebar .footenote span{
	 color: #666666;
	   display:block;
	   font-size:10px;
	   text-align:center;
	 }
	 
	 #page .header .footer .body #sidebar .footenote span a{
		 color: #666666;
	   text-decoration:none;
	 }
	 #page .header .footer .body #sidebar .footenote span a:hover{
	   color:#999999;
	 }
	  
/** end of Sidebar style **/			


/** Start of Content Style **/	
		
		#page .header .footer .body #content{
		  width:739px;
		  float:left;
		  padding-bottom:50px;
		  
		  overflow:hidden;
		}
		
		#page .header .footer .body #content .content img{
           border:0;
		}		

		#page .header .footer .body #content .content{
		   width:690px;
		     background-image:url('/images/bg-inner-page.jpg');  
	        background-repeat:repeat-y;
			float:left;
			padding:20px;
			padding-left: 30px;

		}
	  
        	  
  		#page .header .footer .body #content .content ul li{
		    list-style-type:none; 
			padding-right:40px;
		}
		
		#page .header .footer .body #content .content ul li span{
		    display:block;
			font-style:Italic;
		}
		
		#page .header .footer .body #content .content ul li  a{
		     text-decoration:none;
		}
		
		#page .header .footer .body #content .content ul li  a:hover{
		     color:#cccccc;
		}
		
		#page .header .footer .body #content .content ul li  a span{
		    display:block;
			color:#ffffff;
			margin-top:20px;
			font-style:Italic;
			
		}
		
		#page .header .footer .body #content .content ul li h2 a{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#ffffff;
		   text-decoration:none;
		   font-weight:bold;
		}
		#page .header .footer .body #content .content ul li p{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#ffffff;
		}
		#page .header .footer .body #content .content ul li p a{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#ffffff;
		   text-decoration:underline;
		}
		#page .header .footer .body #content .content ul li p a:hover{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#cccccc;
		}
		
		/** Style Blog page**/
		  #page .header .footer .body #content .content ul.article li{
		    list-style-type:none; 
			padding-right:40px;
			display:block;
			margin-bottom:30px;
			overflow:hidden;
		}
		
		
		  #page .header .footer .body #content .content ul.article li img{
		    float:left;
			margin: 0 20px 0 0;
		}
		
		#page .header .footer .body #content .content ul.article li h2{
		  margin:0;
		}
		
		#page .header .footer .body #content .content ul.article li h2 a{
		   font-family:Helvetica;
		   font-size:18px;
		   font-style:Italic;
		   color:#ffffff;
		   text-decoration:none;
		   font-weight:bold;
		}
		
		#page .header .footer .body #content .content ul.article li h2 a:hover{
		   font-family:Helvetica;
		   font-size:18px;
		   font-style:Italic;
		   color:#cccccc;
		   text-decoration:none;
		   font-weight:bold;
		}
		
			#page .header .footer .body #content .content ul.article li  a{
		   font-family:Helvetica;
		   font-size:14px;
		   font-style:Italic;
		   color:#ffffff;
		   text-decoration:none;
		   margin-top:20px;
		   
		}
		
		
		#page .header .footer .body #content .content ul.article li a:hover{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#cccccc;
		}
		
		#page .header .footer .body #content .content ul.article li p{
		   margin-top:0;
		}
		
		#page .header .footer .body #content .content ul.article li p{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#ffffff;
		   line-height:20px;
		}
		#page .header .footer .body #content .content ul.article li p a{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#ffffff;
		    text-decoration:underline;
		}
		#page .header .footer .body #content .content ul.article li p a:hover{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#cccccc;
		}
		
		/** End Style Blog Page**/
		
		
	
/**----------------- Start Freatured Style  --------------------**/	
		#page .header .footer .body #content .featured{
		  width:294px;
		  position:relative;
		  z-index:20px;
		  margin:-473px 0 25px 432px;
		  overflow:hidden;
		  display:block;
		  
		}
	
		
		#page .header .footer .body #content .featured  .body{
		    background-image:url('/images/bg-slogan.jpg');  
	        background-repeat:no-repeat;
			width:272px;
			position:relative;
			z-index:40;
			top:-90px;
			padding: 10px;
			height:260px;
			margin:0 10px;

		}
		
		#page .header .footer .body #content .featured .body p{
		 padding:0 20px 0 20px;
		 margin:left:0;
		
		}
		
		#page .header .footer .body #content .featured .body p a{
		   color:#ffffff;
		}
		#page .header .footer .body #content .featured .body p a:hover{
		   color:#cccccc;
		}
		
		
	  #page .header .footer .body #content .featured .header{
	      background-image:url('/images/bg-heading.jpg');  
	        background-repeat:no-repeat;
			width:294px;
			height:90px;
	  }
			
		#page .header .footer .body #content .featured .header ul{
		  position:relative;
		  top:-70px;
		  left:0px;
		  width:294px;
		  margin:0;
		  padding:0;
		}
	  #page .header .footer .body #content .featured .header ul li{
		   list-style-type:none; 
		   float:left;
		   line-height:15px;
		   padding:0 10px;
	  }
	  
	   #page .header .footer .body #content .featured .header ul li p{
		   font-family:Arial;
		   font-size:16px;
		   margin-top:0px;
		   height:70px;
   		   color: #FFFFFF;
	  }
	  
	  #page .header .footer .body #content .featured .header ul li.first{
		   width:70px;
		   height:90px;
		   float:left;
		   text-align:center;
		   padding-top:10px;
	  }
	  
	  #page .header .footer .body #content .featured .header ul li.first p{
		   color:#ffffff;
		   font-family:Arial;
		   font-size:48px;
		   margin-top:10px;
		   text-align:center;
	  }
	  
	  #page .header .footer .body #content .featured .header ul li.last{
		   width:180px;
		   height:90px;
		   float:left;
	  }
	  
	  #page .header .footer .body #content .featured .header ul li.last a{
		   color:#999999;
	  }
	   #page .header .footer .body #content .featured .header ul li.last a:hover{
		   color:#ffffff;
	  }
		
		
/**----------------- Start Freatured Style  --------------------**/			



/** end of Content Style **/			

div.serverinfo{
	width: 650px;
	padding: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#326699;
	}
	div.serverinfo div.serverinfo_table{
	width: 320px;
	height: 300px;
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid #FFFFFF;
	padding: 5px;	
	font-size: 14px;
	}
	div.serverinfo div.serverinfo_stats{
	width: 290px;
	height: 300px;
	margin-left: 345px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid #FFFFFF;
	padding: 5px;	
	font-size: 14px;
	}


div.website{
	width: 650px;
	padding: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#669933;
	}

	div.website h1.name{
		margin-top: -10px;
		font-size: 16px;
		
	}
	
br.clear{
	clear: both;
}


.button, .button:visited {
	background: #222 url(/images/button_overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	margin-left: 6px;
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

input.button{
	border: 0px solid #FFFFFF;
}

.button:hover							{ background-color: #111; color: #fff; }

.small.button 	{ font-size: 11px; padding: ; }
.button, .medium.button 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button	{width: 140px; font-size: 16px; padding: 6px 7px 4px; text-align:center;}
.green.button	{ background-color: #91bd09; }
.green.button:hover						{ background-color: #749a02; }
.red.button		{ background-color: #e33100; }
.red.button:hover						{ background-color: #872300; }

.blue.button	{ background-color: #5b96e3; }
.blue.button:hover						{ background-color: #4979b6; }