body
  {
	margin: 15px;
	font-family: Arial;
  font-size: 10px;
	background-color: #F3F3F3;   
  }
html 
	{
    overflow-y: scroll;
	}
#wrapper
  {
  margin: 0 auto;
  max-width: 1024px;
  min-width: 1024px;
  background-color: #F3F3F3;
  }
header
  {
	margin:0 10px auto;
	background-color: #A1DF7E;
	height: 150px;
	width: 1000px;
	border-color: green;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
  }
section
  {
	margin-top: 10px;
	margin-left:12px;
  padding-left: 10px;
  padding-top:5px;
  padding-right:10px;
  width: 979px; 
	background-color: #fff;  
	box-shadow: 0px 3px 10px 3px rgba(99,99,99,1);  
	border-radius: 10px;
	}   
#nav
  {
  position: relative;
  height: 30px;
  width: 1024px;
  background: linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -moz-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -webkit-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -ms-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -o-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  border-radius: 15px 15px;
	box-shadow: 0px 10px 20px 1px rgba(99,99,99,1); 
  } 
#menu, #menu ul 
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}
#menu:before,
#menu:after 
	{
	content: "";
	display: table;
	}
#menu:after 
	{
	clear: both;
	}
#menu li 
	{
	float: left;
	position: relative;
	}
#menu a 
	{
	float: left;
	padding: 8px 40px;
	color: #000;
	font: bold 14px Arial;
	text-decoration: none;
	}
#menu li:hover > a 
	{
	color: #000;
	}
#menu ul 
	{
	margin: 0 0 0 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 1;   
	transition: all .2s ease-in-out;
  background: linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -moz-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -webkit-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -ms-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -o-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
	box-shadow: 0px 3px 10px 3px rgba(196,196,196,1);
	background-attachment: scroll;
	}
#menu li:hover > ul 
	{
	opacity: 1;
	visibility: visible;
	margin: 0;
	}
#menu ul ul 
	{
	top: 0;
	left: 150px;
	margin: 0 0 0 0px;
	}
#menu ul li 
	{
	float: none;
	display: block;
	border: 0;
	}
#menu ul a 
	{    
	padding: 7px;
	width: 180px;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	}
#menu ul li:first-child > a:after 
	{
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	}
#menu ul ul li:first-child a:after 
	{
	left: -6px;
	top: 50%;
	margin-top: -6px;
	}  
#normal:link, #normal:visited
  {
  font-family: Arial,sans-serif;
  font-size: 14px;
  font-weight:bold;
  color: #000000;
  text-decoration: none;
  }
#normal:hover
  {
  color: #323232;
  text-shadow: 0 0 0.3em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0.6em 0.6em 0.4em black;
  transition-property: color, text-shadow;
  transition-duration: 1.0s, 1.0s;
  }	
  
#technology:link, visited
  {
  font-family: Arial,sans-serif;
  font-size: 18px;
  color: #000000;
  text-decoration: none;
  }
#technology:hover
  {
  color: #323232;
  text-shadow: 0 0 0.3em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0.6em 0.6em 0.4em black;
  transition-property: color, text-shadow;
  transition-duration: 1.0s, 1.0s;
  }	
footer
  {
  clear: both;
  position: fixed;
  bottom: 0;
  height: 30px;
  width: 1024px;
 	background: linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -moz-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -webkit-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -ms-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  background: -o-linear-gradient(top, #c4c4c4 0%, #ffffff 50%, #c4c4c4 100%);
  border-radius: 15px 15px;
	box-shadow: 0px -10px 20px 1px rgba(99,99,99,1); 
  }	
#hpname 
	{
	letter-spacing:-1px;
	font-size:38px;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	color:#fff;
	font-weight:bold;
	}
#slogan 
	{
	letter-spacing:-1px;
	font-size:16px;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	color:#327113;
	font-style:italic;	
	}
h2
	{
	font-family: arial, helvetica, tahoma ,verdana, sans-serif;
	color:#79D244;
	margin-bottom:10px;
	letter-spacing:2px;
	font-size: 18pt;
	border-bottom:dashed 0px #000;
	padding-bottom:4px;
	font-style:italic;
	margin-left:25px;
	}
#facebook
	{
	width:200px;
	height:74px;
	box-shadow: 2px 2px 15px #4B4B4B;
  -moz-box-shadow: 2px 2px 15px #4B4B4B; /* Mozilla Firefox */;
  -webkit-box-shadow: 2px 2px 15px #4B4B4B; /* Google Chrome */
	}
#facebook:hover
  {
	box-shadow: 5px 5px 15px #4B4B4B;
  -moz-box-shadow: 5px 5px 15px #4B4B4B; /* Mozilla Firefox */;
  -webkit-box-shadow: 5px 5px 15px #4B4B4B; /* Google Chrome */
  }	
#u1
	{
	color:#008080;
	font-size:14px;
	font-weight:bold;
	margin-left:105px;
	}	
#link:link, #link:visited
  {
  font-family: Arial,sans-serif;
  font-size: 14px;
  font-weight:bold;
  color: #008080;
  text-decoration: none;
	margin-left:105px;
  }
#link:hover
  {
  color: #008080;
  text-shadow: 0 0 0.3em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0.6em 0.6em 0.4em black;
  transition-property: color, text-shadow;
  transition-duration: 1.0s, 1.0s;
  }	
#link1:link, #link1:visited
  {
  font-family: Arial,sans-serif;
  font-size: 14px;
  font-weight:bold;
  color: #000000;
  text-decoration: none;
	margin-left:115px;
  }
#link1:hover
  {
  color: #323232;
  text-shadow: 0 0 0.3em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0.6em 0.6em 0.4em black;
  transition-property: color, text-shadow;
  transition-duration: 1.0s, 1.0s;
  }	
#directory:link, #directory:visited
  {
  font-family: Arial,sans-serif;
  font-size: 14px;
  font-weight:bold;
  line-height:20px;
  color: #008080;
  text-decoration: none;
  margin-left:75px;
  }
#directory:hover
  {
  color: #008080;
  text-shadow: 0 0 0.3em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0.6em 0.6em 0.4em black;
  transition-property: color, text-shadow;
  transition-duration: 1.0s, 1.0s;
  }	
#normal:link, #normal:visited
  {
  font-family: Arial,sans-serif;
  font-size: 14px;
  font-weight:bold;
  color: #000000;
  text-decoration: none;
  }
#normal:hover
  {
  color: #323232;
  text-shadow: 0 0 0.3em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0.6em 0.6em 0.4em black;
  transition-property: color, text-shadow;
  transition-duration: 1.0s, 1.0s;
  }	
#technology:link, #technology:visited
  {
  font-family: Arial,sans-serif;
  font-size: 14px;
  font-weight:bold;
  line-height:25px;
  color: #008080;
  text-decoration: none;
	margin-left:75px;
  }
#technology:hover
  {
  color: #008080;
  text-shadow: 0 0 0.3em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0.6em 0.6em 0.4em black;
  transition-property: color, text-shadow;
  transition-duration: 1.0s, 1.0s;
  }	
  
#link_link:link, #link_link:visited
  {
  font-family: Arial,sans-serif;
  font-size: 14px;
  font-weight:bold;
  color: #008080;
  text-decoration: none;
  margin-left:75px;
  }
#link_link:hover
  {
  color: #008080;
  text-shadow: 0 0 0.3em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0.6em 0.6em 0.4em black;
  transition-property: color, text-shadow;
  transition-duration: 1.0s, 1.0s;
  }	
  
#counter
	{
  color: #323232;
  text-shadow: 0 0 0.3em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
  text-shadow: 0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0.6em 0.6em 0.4em black;
	}
#shadow
	{
	box-shadow: 2px 2px 15px #4B4B4B;
  -moz-box-shadow: 2px 2px 15px #4B4B4B; /* Mozilla Firefox */;
  -webkit-box-shadow: 2px 2px 15px #4B4B4B; /* Google Chrome */
	}