*{
   margin: 0px;
   padding: 0px;
}

h1{
   font: bold 20px Tahoma;
   margin-bottom: -10px;
}
h2{
   font:  bold 16px arial;
   color: #000066;
}
h3{
   font: bold 18px Tahoma;
   color: #000066;
}
h4{
   font:  14px Tahoma;
   text-align: left;
   margin-top: -10px;
   color: #000066;
}
a.h4{
   font:  12px Tahoma;
   text-align: left;
}
header, section, footer, aside, nav, article, hgroup{
   display: block;
}
body{
   text-align:center;
   background-image: url('img/bg.jpg');
   background-position: top center;
   background-attachment:scroll;
}

#big_wrapper{
   width:1000px;
   margin: 10px auto;
   text-align: left;
}

#side_left{
   float:left;
   width:220px;
   margin: 10px 0px;
   border: 0px;
   background: transparent;
}
#main_section{
   float: left;
   text-align: left;
   width: 720px;
   margin: 10px; /*720px, 280 left*/
      margin-bottom:0px;
}

#side_page_paragraph {
	margin-bottom: 10px;
}

#img_main {
	margin-top:5px;
	margin-bottom:5px;
}

#main_list{
   float:left;
   width:650px;
   margin: 0px;
   margin-top: -10px;
   margin-bottom:10px;
   padding:0px;
   padding-left: 30px;
   font: 14px arial;
   text-align: left;
   color: #003399;
	}
#side_right{
   float:left;
   width:220px;
   margin: 20px 0px;
   padding:30px;
   border: 0px;
   background: #66cccc;
}


/* hover menu custom made by vulgar media productions*/
a.menu{
   float:left;
   font: bold 12px arial black;
   color: #ccc;
   text-decoration: none;
   text-align: left;
}

a.menu:hover{
      float:left;
   font: bold 12px arial black;
   color: #666;
   text-decoration: none;
      text-align: left;
}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
.menu li {
	padding: 0;
	margin-left: 0px;
	height: 30px;
	margin-right: 0px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	height: 30px;
	background-repeat: no-repeat;
}
				/* _static _hover */
.home a {background-image: url(img/navtop/home.jpg); width: 68px;}
.home  {background-image:  url(img/navtop/home_hover.jpg); }
.migration a {background-image:  url(img/navtop/migration.jpg); width: 129px;}
.migration  {background-image: url(img/navtop/migration_hover.jpg); }
.consulting a {background-image:  url(img/navtop/consulting.jpg); width: 138px;}
.consulting  {background-image: url(img/navtop/consulting_hover.jpg); }
.about a {background-image:  url(img/navtop/about.jpg); width: 113px;}
.about  {background-image: url(img/navtop/about_hover.jpg); }
.contact a {background-image:  url(img/navtop/contact.jpg); width: 137px;}
.contact  {background-image: url(img/navtop/contact_hover.jpg); }
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* hover menu custom made by vulgar media productions*/



/* hover menu custom made by vulgar media productions*/
a.side_menu{
   float:left;
   font: bold 12px arial black;
   color: #ccc;
   text-decoration: none;
   text-align: left;
}

a.side_menu:hover{
      float:left;
   font: bold 12px arial black;
   color: #666;
   text-decoration: none;
      text-align: left;
}

.side_menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
.side_menu li {
	padding: 0;
	margin-left: 0px;
	height: 25px;
	margin-right: 0px;
	list-style: none;
	background-repeat: no-repeat;
}
.side_menu li a, .side_menu li a:visited {
	display: block;
	text-decoration: none;
	height: 25px;
	background-repeat: no-repeat;
}
				/* _static _hover */
.cobol a {background-image: url(img/side_nav/cobol.jpg); width: 200px;}
.cobol  {background-image:  url(img/side_nav/cobol_hover.jpg); }
.interface a {background-image:  url(img/side_nav/related_hover.jpg); width: 200px;}
.interface  {background-image: url(img/side_nav/related_hover.jpg); }
.analyzer a {background-image:  url(img/side_nav/analyzer.jpg); width: 200px;}
.analyzer  {background-image: url(img/side_nav/analyzer_hover.jpg); }
.database a {background-image: url(img/side_nav/database.jpg); width: 200px;}
.database  {background-image:  url(img/side_nav/database_hover.jpg); }
.language a {background-image:  url(img/side_nav/language.jpg); width: 200px;}
.language  {background-image: url(img/side_nav/language_hover.jpg); }
ul.side_menu li a:hover {background: none;}
.side_menu li {float: left;}
.side_menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* hover menu custom made by vulgar media productions*/