ul,li {
	list-style-type : none;
}
img, tr, td {
	border : none;
}
*, html {
	margin : 0;
	padding : 0;
}
body {
	font-size : 0.9em;
	font-family : verdana, sans-serif;
	color : #fff;
	background : #0b0b0b;	
}
@font-face { 
	font-family: "Scratched_Letters"; 
	src: url("/files/fonts/Scratched_Letters.otf"); 
}
h1, h2, h3, h4, h5, h6 {
	font-size : 1.5em;
	font-family : Scratched_Letters;
	padding : 2%;
}
a {
	color : #fff;
	text-decoration : none;
}
.product_footer a, .link_footer a {
	color : #fff;
}
.product_footer a:hover, .link_footer a:hover {
	color : #f0f0f0;
}
p {
	padding : 2%;
}
.clear {
	clear : both;
}
.mega_menu_item:hover .mega_menu_content {
	display: block;
}
.mega_menu_item .mega_menu_button {
  border: none;
  outline: none;
  background-color: inherit;
  font: inherit; 
  margin: 0; 
}
.mega_menu_button {
	color : #30c5f2;
	font-style : italic;
	font-weight : bold;
}
.mega_menu_content {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
  	background : #000;
	border-bottom : 10px solid #0b0b0b;
}
.mega_menu_content{} 
.mega_menu_header {
	font-weight : bold;
	text-align : center;
	background: #0b0b0b;
}
.mega_menu_table {
	margin : 0 auto;
	max-width : 1400px;	
}
.mega_menu_table:after {
	content: \"\";
	display: table;
	clear: both;
} 


.template_nav {
	position : fixed;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 50px;
	z-index: 5;
	background : #000;
	border-bottom : 10px solid #0b0b0b;
}	
.navigation{
	color : #fff;
}
.mobile, .desktop_hide {	
	display : none;
}
.mega_menu_container {
	width : 800px;
	margin : 0 auto;
}
.mega_menu {
	float : left;
	padding : 2%;
	overflow: hidden;
}
.mega_menu_item {
	float: left;
	overflow: hidden;
}
.mega_menu_td {
	float: left;
	width: 23%;
	padding : 1%;
}


.header_container {
	position : absolute;
	top : 60px;
	left : 0px;
	width : 100%;
	color : #fff;
	z-index: 0;
	background : #000;
	border-bottom : 10px solid #0b0b0b;
}
.main_header {
		float : left;
		width : 30%;
		height : 300px;
}
.main_header img {
	width : 100%;
	height : 280px;
}
.header_aside {
	float : left;
	margin-left : 2%;
	width : 68%;
	height : 300px;
}
.page_content_container {
	position : absolute;
	top : 380px;
	left : 0px;
	width : 100%;
}
.blog_author {
	font-size : 0.8em;
	text-align : center;
	border-top : 2px solid #888;
}
.footer_container {
	margin : 0;
	width : 100%;
}
.product_footer {
	float : left;
	width : 94%;
	padding : 3%;
	color : #fff;
	background : #0b0b0b;
	text-align : center;
}
.product_footer h5 {
	border-bottom: 1px solid #888;
}
.product_footer_clear {
	float : left;
	width : 98%;
	padding : 1%;
	color : #fff;
	font-size : 0.8em;
	text-align : center;
	background : #000;
}
.own_products {
	margin : 0 auto;
	padding-top : 2%;
	width : 80%;
	text-align : center;
}
.yhpb {
	float : left;
	width : 100px;
	height : 100px;
	background : url(/files/images/projects/yhpbx100xbw.png);
}
.yhpb:hover  {
	width : 100px;
	height : 100px;
	background : url(/files/images/projects/yhpbx100xcolor.png);
}
.acssf {
	float : left;
	width : 100px;
	height : 100px;
	background : url(/files/images/projects/acssflogox100xbw.png);
}
.acssf:hover  {
	width : 100px;
	height : 100px;
	background : url(/files/images/projects/acssflogox100xcolor.png);
}
.sqless {
	float : left;
	width : 100px;
	height : 100px;
	background : url(/files/images/projects/sqlesscmsxlogox100xbw.png);
}
.sqless:hover  {
	width : 100px;
	height : 100px;
	background : url(/files/images/projects/sqlesscmsxlogox100xcolor.png);
}
.space_it {
	float : left;
	width : 20px;
	height :100px;
}
.link_footer {
	float : left;
	width : 94%;
	padding : 3%;
	color : #fff;
	background : #0b0b0b;
}
.link_footer_ul {
	float : left;
	margin-left : 1%;
	padding : 1%;
	width : 30%;
}
.link_footer_ul li {
	float : left;
	padding : 1%;
	width : 98%;
	border-bottom : 1px solid #fff;
}
.link_footer_title {
	font-weight : bold;
}
.link_footer_clear {
	float : left;
	width : 98%;
	padding : 1%;
	color : #fff;
	font-size : 0.8em;
	text-align : center;
	background : #000;
}