/**---------------- Main Page Style ====================**/
body { 
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 25px; 
	color:#fff; 
	text-align: justify; 
	background-image:url('../images/bg-body.gif');
	overflow-y:scroll;
}
		
	#background{
		background-image:url('../images/bg-page-top-curve-bg.jpg');  
		background-repeat:no-repeat;
		background-position:top center;
		background-size:contain;
	}
   	
		#page{
			width:75%;
			margin:0 auto;
			padding: 0 5px;
		}
		
		#page #header{
			padding: 72px 0 0 0;
			background-image:url('../images/bg-page-top-curve-2.jpg');  
			background-repeat:no-repeat;
			background-position:bottom center;
			background-size:contain;
		}
		
		#page #footer{
			background-image:url('../images/bg-page-bottom-curve.jpg');  
			background-repeat:no-repeat;
			background-position:top center;
			background-size:contain;
			padding: 0 0 0 0;
		}
		
		#page #footer .shadow{
			background-image:url('../images/bottom-shadow.jpg');  
			background-repeat:no-repeat;
			background-position: center;
			height:25px;
		}
		
		#page .body{
			background-image:url('../images/bg-page.jpg');  
			background-size:contain;
			overflow:hidden;
		}
	
		/**----------- Sidebar style -----------**/	

			#page .body #sidebar{
				width:22%;
				float:left;
			}
			
			#page .body #sidebar img#logo{
				border:0;
				width:90%;
				margin:5%;
			}	
			
			/**------------- Navitagion style --------------**/
				 
				#page .body #sidebar ul.navigation{

					padding:7px 0 0 0;
					list-style-type:none; 
					background-image:url('../images/border-dashed.gif');  
					background-repeat:repeat-x;
					background-position:top;
					position:relative;
					width:100%;
					z-index:9990;
				}
				
				#page .body #sidebar ul.navigation li{
					width:100%;
					height:40px;
					position:relative;
					line-height:30px;
					background-image:url('../images/menu-separator.jpg');  
					background-repeat:no-repeat;
					background-position:45% 100%;
				}
				
				#page .body #sidebar ul.navigation li.last{
					background-image:url('../images/border-dashed.gif');  
					background-repeat:repeat-x;
					background-position:bottom;
				}  
				
				#page .body #sidebar ul.navigation li a{
					width:100%;
					height:40px;
					display:block;
					position:absolute;
					left:0;
					top:-5px;
					text-align:center;
					padding-right:10px;
					color:#999999;
					text-decoration:none;
				}
				
				#page .body #sidebar ul.navigation li a:hover{
					width:100%;
					height:36px;
					display:block;
					position:absolute;
					color:#669933;
					background: url("../images/menu-selected.jpg");
					background-repeat:no-repeat;
					background-position: 100% 100%;
					text-shadow: #ffffff 2px 0px 1px;
				}
				
				#page .body #sidebar ul.navigation li.active a{
					width:100%;
					height:36px;
					display:block;
					position:absolute;
					color:#669933;
					background: url("../images/menu-selected.jpg");
					background-repeat:no-repeat;
					background-position: 100% 100%;
					text-shadow: #ffffff 2px 0px 1px;
				}
				
				#page .body #sidebar .connect{
					background-image:url('../images/bg-social-sites.jpg');  
					background-repeat:no-repeat;
					height:49px;
					width:186px;
					margin: 0 auto;
				}
				  
				#page .body #sidebar .connect a{
					display:block;
					float:left;
					text-decoration:none;
					margin: 10px 10px 0 20px;
				}
					
				#page .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 .body #sidebar .connect a.twitter{
					background-image:url('../images/sprite.gif');  
					background-repeat:no-repeat;
					background-position: 0 -76px; 
					width: 37px; 
					height: 26px;
				}
				#page .body #sidebar .connect a.vimeo{
					background-image:url('../images/sprite.gif');  
					background-repeat:no-repeat;
					background-position: 0 -152px; 
					width: 32px; 
					height: 26px;
				}
				  
				#page .body #sidebar .footnote{
					width: 95%;
					margin: 0 auto;
					padding-top:50px;
				}
				
				#page .body #sidebar .footnote span{
					color:#cccccc;
					display:block;
					font-size:10px;
					text-align:center;
				}

				#page .body #sidebar .footnote span a{
					color:#cccccc;
					text-decoration:none;
				}
				#page .body #sidebar .footnote span a:hover{
					color:#999999;
				}
			  
		/** end of Sidebar style **/			




		/**------------- Content Style ----------------**/	
				
			#page .body #content{
				width:75%;
				float:left;
				padding:25px 10px 50px;
				overflow:hidden;
				background-color:#d9e2ea;
			}		

			/**--------------- Featured Style ----------------**/	
			#page .body #content .featured{
				position:relative;
				overflow:hidden;
				padding-top:56.25%
			}
			
			#page .body #content .featured  #video{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border: 0;
			}
			/** end of Freatured Style **/
			
			/**--------------- standard content style ---------------**/
			#page .body #content .content{
				list-style-type:none; 
				background-image:url('../images/bg-inner-page.jpg'); 
				background-repeat:repeat-y;
				background-size:contain;
				padding-top:20px;
				overflow:hidden;
			}
			
			#page .body #content .content img{
				border:0;
			}
			
			#page .body #content .content ul li{
				padding-right:40px;
			}
			
			#page .body #content .content ul li span{
				display:block;
				font-style:Italic;
			}
			
			#page .body #content .content ul li  a{
				text-decoration:none;
			}
			
			#page .body #content .content ul li  a:hover{
				color:#cccccc;
			}
			
			#page .body #content .content ul li  a span{
				display:block;
				color:#ffffff;
				margin-top:20px;
				font-style:Italic;
			}
			
			#page .body #content .content ul li h2 a{
				font-family:Helvetica;
				font-size:14px;
				color:#ffffff;
				text-decoration:none;
				font-weight:bold;
			}
			
			#page .body #content .content ul li p{
				font-family:Helvetica;
				font-size:14px;
				color:#ffffff;
			}
			#page .body #content .content ul li p a{
				font-family:Helvetica;
				font-size:14px;
				color:#ffffff;
				text-decoration:underline;
			}
			
			#page .body #content .content ul li p a:hover{
				font-family:Helvetica;
				font-size:14px;
				color:#cccccc;
			}
			
			/** end of standard style **/
			
				/**--------------- meme style -----------------**/
				#page .body #content .content #meme_container{
					background-image:url('../images/bg-inner-page.jpg'); 
					background-repeat:repeat-y;
					background-size:contain;
					padding:20px 0 30px;
					overflow:hidden;
					position: relative;
					margin: auto;					
				}

				#page .body #content .content #meme_container img{
					display:block;
					margin-left:auto;
					margin-right:auto;
					max-width:700px;
					height:auto;
					margin-bottom:30px;
				}
				
				#page .body #content .content #meme_container .nav{
					margin-top:300px;
					font-size:48px;
				}				
				
				#page .body #content .content #meme_container .nav .prev{
					cursor: pointer;
					transition: 0.6s ease;
					border-radius:0 4px 4px 0;
					padding-left:15px;
					padding-right:5px;
				}

				#page .body #content .content #meme_container .nav  .next_{
					cursor: pointer;
					transition: 0.6s ease;
					border-radius:4px 0 0 4px;
					padding-left:5px;
					padding-right:15px;
				}
				
				#page .body #content .content #meme_container .nav .prev:hover, .next_:hover{
					background-color: rgba(0,0,0,0.8);
				}
				
				#page .body #content .content #meme_container .mySlides, .slides, .fade{
					display: none;
				}
				
				#page .body #content .content #meme_container .mySlides .slides .fade .numbertext {
				  color: #f2f2f2;
				  font-size: 12px;
				  padding: 8px 12px;
				  position: absolute;
				  top: 0;
				}
				
				#page .body #content .content #meme_container .fade {
				  -webkit-animation-name: fade;
				  -webkit-animation-duration: 1.5s;
				  animation-name: fade;
				  animation-duration: 1.5s;
				}
				
				@-webkit-keyframes fade {
				  from {opacity: .4} 
				  to {opacity: 1}
				}

				@keyframes fade {
				  from {opacity: .4} 
				  to {opacity: 1}
				}

				
				/**--------------- dot_index style -----------------**/
			
				#page .body #content .content .dot_index .dot {
				  cursor: pointer;
				  height: 15px;
				  width: 15px;
				  margin: 0 2px;
				  background-color: #bbb;
				  border-radius: 50%;
				  display: inline-block;
				  transition: background-color 0.6s ease;
				}

				#page .body #content .content .dot_index .active, .dot:hover {
				  background-color: #717171;
				}				
				
				/**--------------- blog style -----------------**/
				#page .body #content .content ul.article li{
					list-style-type:none; 
					padding-right:40px;
					display:block;
					margin-bottom:30px;
					overflow:hidden;
				}
				
				#page .body #content .content ul.article li img{
					float:left;
					margin: 0 20px 20px 0;
				}
				
				#page .body #content .content ul.article li h2{
					margin:0;
				}
				
				#page .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 .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 .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 .body #content .content ul.article li a:hover{
					font-family:Helvetica;
					font-size:14px;
					color:#cccccc;
				}
				
				#page .body #content .content ul.article li p{
					margin-top:0;
					font-family:Helvetica;
					font-size:14px;
					color:#ffffff;
					line-height:20px;
				}
				#page .body #content .content ul.article li p a{
					font-family:Helvetica;
					font-size:14px;
					color:#ffffff;
					text-decoration:underline;
				}
				#page .body #content .content ul.article li p a:hover{
					font-family:Helvetica;
					font-size:14px;
					color:#cccccc;
				}
				#page .body #content .content ol.childarticle{
					margin:left:20px;
				}
				
				/** End Style Blog Page**/			

		/** end of Content Style **/