*{
	margin: 0px;
	padding: 0px;
}
h1{
	font: bold 40px tahoma;
	
	color: white;
}

h2{
	font: bold 20px tahoma;
	color: white;
	background: red;
	padding: 1px;
	-webkit-border-radius: 5px;
	/* -webkit-box-shadow: rgb(110,110,110) 10px 10px 10px; */
	}
h3{
	text-align: center;
	font: bold 30px tahoma;
	color: white;
	background: red;
	padding: 1px;
	
}
h4{
	text-align: left;
	font:  bold 20px tahoma;
	padding: 1px;
	
}
header, section, footer, aside, nav, article, hgroup{
	display: block;
}
body{
	width: 100%;
	display: -webkit-box;
	-webkit-box-pack: center;
	background:  -webkit-gradient(linear, left top, left bottom, from(black), to(white));

	
}
#shady{
	max-width: 1300px;
	margin: 20px 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-flex: 1;
}
.sf-menu li a{
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in; 
}
.sf-menu li a:hover{
-moz-transform:scale(1.3); /*scale up image 1.8x*/
-webkit-transform:scale(1.3);
-o-transform:scale(1.3);
}

 a:hover, a:active { outline: none; } 
 a { color: #00CCFF; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in; 
}
 a:hover { color: #2591d2; text-decoration:none; 
-moz-transform:scale(1.3); /*scale up image 1.8x*/
-webkit-transform:scale(1.3);
-o-transform:scale(1.3); }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

.sf-menu ul {
	position:		absolute;
	top:			-999em; 
	/* width:			150px;  left offset of submenus need to match (see below) */
	padding:0 0;
	background: grey;
	margin-left:-10px
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	 visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	background:none !important;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			50px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			170px; /* match ul width */
	top:			-10px;
	margin-left:5px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			170px; /* match ul width */
	top:			-10px;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	text-decoration:none;
	color: white;                         /* rgb(255,158,79); */
	padding-top:25px;
	padding-bottom:10px
}
.sf-menu a:hover	  { /* visited pseudo selector so IE6 applies text colour*/
	color:white;
}
.sf-menu li {
	float:left;
	font-size:15px;
	padding-right:25px;
}


.sf-menu li li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
}
	.sf-menu li li a {
		font-weight:normal;
		background: black;
		color: white;
		padding:7px 20px;
		line-height:16px;
		overflow:hidden;
	}
	





#top_header{
	background: white;
	border: 3px solid black;
	padding: 20px;
	background:  -webkit-gradient(linear, left top, left bottom, from(black), to(white));

}
#head img{
	
	height: 80px;
	width: 150px;
}
#logo img{
	display: -webkit-box;

	height: 50px;
	width: 50px;
}
#top_header li{
	display: inline-block;
	list-style: none;
	
	
	
}

#top_menu{
	border: 3px solid white;
	background: black;
	color: white;
}

#top_menu li{
	display: inline-block;
	list-style: none;
	padding: 10px;
	font: bold 16px tahoma;
}
	
#new_div{
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
#main_section{
	border: 1px solid black; 
	-webkit-box-flex: 1;
	margin: 20px;
	padding: 20px;
	background:  -webkit-gradient(linear, left top, left bottom, from(black), to(grey));

}
#main_section li{
	list-style: none;
	
}
#news{
	font: bold 16px tahoma;
	border: 3px solid black;
	width: 220px;
	margin: 20px 0px;
 background:  -webkit-gradient(linear, left top, left bottom, from(white), to(white));
	padding: 30px;
	color: black;
}
#news li{
	list-style: none;
	border:  3px solid  white;
	background:#282828;
	color: white;
	
}
#the_footer{
	font: bold 16px tahoma;
	text-align: center;
	padding: 20px;
	border: 3px solid black;
	
	
}
#main_body{
	
}

#main_body img{
	border: 4px solid black;
	height: 200px;
	width: 200px;
}
#main_body p{
	
	font: bold 20px tahoma;
	color: #FFFFFF;
	
	
}
#main_section p{
	
	font: 14px  Arial;
	color: ;
	padding:  12px 20px 126px;
	
	
}
.submit {
	background-color: #00CCFF;
	border: 4px solid #00CCFF;
	height: 40px;
	width: 80px;
	color: white;
	font: bold 18px tahoma;
	
}
#forms{
	font: bold 16px tahoma;
	/*border: 3px solid black;*/
	width: 600px;
	margin: 5px 100px;
  background:  -webkit-gradient(linear, left top, left bottom, from(white), to(white));
	padding: 40px;
	color: black;
}
.input
{
	width : 250px;
	height : 30px;
	
}
#formfoot{
		/*border: 1px solid grey;*/
		margin: 5px 0px;
  background-color: #f4f4f4;
  height : 60px;
	
}
#spaning
{
	font: 14px  Arial;
	color: ;
	padding:  12px 20px 126px;
	
}
#signup
{
	background-color: #00CCFF;
	border: 4px solid #00CCFF;
	height: 40px;
	width: 250px;
	color: white;
	font:  18px Arial;
	
}
.tophit{
	 text-align: justify;
   
}
.tophit img{
	border: 4px solid #f4f4f4;
	height: 200px;
	width: 200px;
	display: inline-block;
    margin: 0 auto;
	
}
.tophit p{
	display: block;
}