html,
body,
p,
h1,
h2,
h3,
h4,
div,
img,
ul
{
	margin:0;
	padding: 0;
	outline:0;
	border:0;

}

body{
	background: #FCFCFC;
	/*background: #212121; DARK MODE */
	font-size:15px;
	font-family: Verdana;
}


.clear{
	clear: both;
	position: static;
	width: auto;
	height: auto;
	margin:0;
	padding:0;
}

.wrap-960{ 
	width:960px !important;
	margin:0 auto !important;
}

#ads-960x80 {
	margin:0 auto;
	margin-top:15px !important;
}

/* HEADER*/ 

	header#main-header{
	  overflow: hidden;
	  zoom:1;
	  clear: both;
	  padding-top:20px;
	  padding-bottom:20px;
	}

	#main-header h1{
	  color:darkred;
	  float:left;
	  width:39%;
	  margin-top:6px;
	  text-transform: uppercase;
	  border:0px solid #ccc;
	}

	#main-header #search-form{
	  border:0px solid #ccc;
	  float:right;
	  width:56%;
	  text-align: right;
	  background: #9b59b6;
	  padding:10px 15px;
	}

	#search-form input[type='text']
	{
		background: #FFF;
		border:0px;
		padding:5px 10px;
		font-size:17px;
		color:#666;
		width:69%;
		transition: 0.3s;
	}

	#search-form input[type='text']:focus{
		background:#F8E8FF;
		transition: 0.5s;
	}

	#search-form input[type='submit']
	{
		background: #8e44ad;
		border:0px;
		padding:5px 10px;
		font-size:17px;
		color:#FFF;
		width:25%;
		cursor: pointer;

			transition: 0.3s;
	}

	#search-form input[type='submit']:hover{
		background: #732793;
		transition: 0.5s;
	}



/* MAIN NAV */ 
	#main-nav{
		background: #3498db;
		padding:0px;
		color:#666;
		overflow: hidden;
	}

	#main-nav ul{
		list-style: none;
		
	}

	#main-nav ul>li{
		float:left;
	}

	#main-nav ul>li a{
		display: block;
		text-decoration: none;
		color:#f8f8f8;
		padding:17px 26px;

			transition: 0.3s;

	}


	#main-nav ul>li:hover a{
		background: #2980b9;
		color:#fff;
		transition: 0.5s;
	}

/* SUB MENU*/ 

	 #main-nav ul  li > ul.submenu{
		 position: absolute;
		 width:250px;
		 display:none;
		 margin:0;
		 color:#ccc;
		 background: #2980b9;
	 }

	 #main-nav ul li:hover  a + .submenu{
		 display:block;
	 }

	 #main-nav .submenu{ list-style: none; }
	 #main-nav .submenu li{ 
		display: block !important; 
		float:none;
	}
	#main-nav .submenu li a{ 
		display: block !important; 
		padding:7px 30px !important;
		text-decoration: none;
		text-align: left;
		color:#ccc; 
		float:none;
		background: transparent;
		transition: 0.3s;
	 }
	 #main-nav  .submenu li:hover > a{ 
		color:#fff; 
		background: #1270AA;
		transition: 0.5s;
	 }

/* MAIN INDEX SLIDER */ 
	#main-slider{
		background: transparent url("../images/slider-bg.jpg") center center no-repeat;
		display: block;
		max-height:390px;
		min-height:390px;
		color:#ccc;
	}

	#main-slider .slide figure{
		float:left;
		margin:0;
		margin-top:10px;
		margin-left:0px;
		overflow: hidden;
	}

	#main-slider .slide h2.title{
		margin:0;
		display:block;
		font-size:27px;
		padding-top:10px;
		margin-bottom:6px;
		color:#FFF;
		text-transform: uppercase;
	}

	#main-slider .slide .info{
		float:left;
		width:50%;
		margin-top:10px;
		margin-left:10px;
	}

	#main-slider .slide .info ul{
		margin:0;
		padding: 0;
		list-style: none;
	}

	#main-slider .slide .info li{
		margin:0;
		padding: 0;
		display: block;
		line-height: 24px;
		margin-bottom:3px;
	}
	#main-slider .slide .info li:before{
		content: "»";
		padding:0px 5px;
		color:#FFF;
		font-weight: bold;
		font-family: arial;

	}

	#main-slider .slide .bottom{
		padding:10px 0px;
		clear:both;
		display: block;
		overflow: hidden;
		
	}

	#main-slider .slide .bottom h4{
		float:left;
		color:#E4D900;
		text-align: center;
		font-size:17px;
		padding:10px 0px;
		text-transform: uppercase;
		font-weight: bold;

	}
	#main-slider .slide .bottom a{
		float:right;
		color:#FFF;
		font-size:17px;
		font-weight: bold;
		background: #309400;
		text-decoration: none;
		padding:10px 26px;
		transition: 0.3s;
		margin-right: 20px;

	}

	#main-slider .slide .bottom a:hover{
		background: #287C00;
		transition: 0.5s;

	}

/* index  top [ boxess ]*/

		{
			margin-top:20px !important;
			overflow: hidden;
			clear:both;
		}

			 /* GREENN BG */
				.flat-green{
					background: #009D00 !important;
					color:#fafafa !important;
				}

				.flat-orange a  { color:#fafafa !important;  }
				.flat-green li:hover{
					background: #16AF16 !important;
					color:#FFF !important;
				}

				.flat-green ul li:nth-of-type(2n){
					background: #088E08;
				}

		 /* red BG */
			
			 .flat-red{
			 	background: #9B0200 !important;
				color:#eaeaea !important;
			 }
			 .flat-red a  { color:#eaeaea !important;  }

			 .flat-red li:hover{
					background: #AD1311 !important;
					color:#FFF !important;
				}
				.flat-red ul li:nth-of-type(2n){
					background: #8C0A08 ;
				}



		.flat-box{
			background: transparent;
			padding:0px;
			color:#fafafa;
			font-weight: normal;
			font-size:18px;
			transition: 0.3s;
			float:left;
			margin-left:15px;
			width:49%;
		}
		.flat-box:first-child{
			margin-left:0px;
		}
		.flat-box:hover{
			transition: 0.5s;
			color:#fff;
		}

		.flat-box h4{ color:#F8f8f8; text-transform: uppercase; font-size:20px; margin:14px; }
		.flat-box ul{ list-style: none; }
		.flat-box ul li { display: block; }
		.flat-box ul li  a{ display: block; background: transparent; padding: 10px 15px; color:#ccc; text-decoration: none; transition: 0.3s}
		.flat-box ul li  a:hover{  color:#fff !important;  transition: 0.5s }


/* index templace images array*/
#templates-image-array{
	margin:0 auto;
	margin-top: 15px !important;
	overflow: hidden;
	background: #EACA17;
	color:#fafafa;
}

#templates-image-array h4{
	color:#986600;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding:10px 10px;
}


#templates-image-array ul{ list-style: none; margin: 0; padding: 0;}
#templates-image-array ul li{ display: inline; }
#templates-image-array ul li figure {
	width: 215px;
	display: block;
	margin:0;
	padding:0;
	background: transparent;
	border:0px solid red;
	margin-left:20px;
	float:left;
	z-index:1;
	margin-bottom: 10px;
}
#templates-image-array ul li:first-child figure{ margin-left: 20px;}
#templates-image-array ul li figure img{ width:100% !important; height:100% !important;}


/* footer-wrapper */ 

	#footer-wrapper{

		background: #2F2F2F;
		margin-top:20px;
		padding:20px;
		font-size:17px;
		color:#ccc;
	}

	#footer-wrapper a{
		color:#3498DB;
		text-decoration: none;
		transition: 0.3s;
	}
	#footer-wrapper a:hover{
		color:#0B68C4;
		transition: 0.5s;
	}

	#footer-wrapper .version-info{
		color:#ccc;
		font-size:12px;
		font-weight: italic;
		float:right;
		margin-top:3px;
	
	  }