html, body {
   height:100%; 
   margin:0; 
   padding:0;
   font-family: Verdana, Geneva, sans-serif;
}

body {
   background-color: #5dbced;
   padding: 0% 10% 0% 10%;
}

a:hover {
   text-decoration: underline;
}

#menu {
   width: 250px;
   z-index:1;
}

#menu ul {
   padding: 5px;
   margin: 0px;
}

#menu ul li {
   margin: 0px;
   padding: 0px 0px 1px 0px;  
}

#menu ul li a {
   display: block; 
   margin: 0px;
   margin-top: 1px;
   color: #fff;
   padding: 0px 5px 0px 5px;
   text-decoration: none
}

#menu ul li a:hover {
   background-color: #fff;
   color: #000;
}

#content {
   margin: 80px 0px 0px;
   width: 100%;
   z-index:1;
   padding:10px;  
   color: #000;
}

#content p {
   font-size: 11px;
   padding: 8px;
}

a img {
   border: 0px;
}

h1 {
   color: #000;
   font-size: 40px;
   font-weight: normal;     
}

h2, h2 a {
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
   margin: 0px;
   padding: 3px;
   color: #000;     
}

p {
   padding: 5px;
   margin: 0px;
   font-size: 11px;
   line-height: 180%;
}

p img{
   border: 0px;
}

ul {
   list-style: none;
   margin: 0px;
   padding: 10px;  
}

ul li {
   margin: 0px 40px 0px 10px;
   padding: 2px 0px 2px 10px;
   font-size: 11px;
   font-weight: bold;
   color: #fff; 
}

table {
   border: 0px;
   font-size: 11px;
}

table td {
  width: 300px;
  padding: 8px;
}

table td.first {
  width: 150px;
  font-weight: bold;
}

#page {
   border: 0px solid red;
   text-align: left; 
}

#line {
   position: absolute;
   z-index: 50;
   left: 0px;
   bottom: 20px;
   width: 300px;
   height: 90px;
   padding-left: 150px;   
}

#lineleft {
   position: absolute;
   z-index: 100;
   left: 0px;
   bottom: 20px;
   width: 149px;
   height: 90px;
   background-color: #000;
   filter:alpha(opacity=95);
   opacity: 0.95; 
   color: #fff;
   text-align: center;

}

#lineleft img{
   margin-top: 7px;
}

#lineright {

   height: 90px;
   width: 250px;
   background-color: #000;
   filter:alpha(opacity=75);
   opacity: 0.75;
   color: #fafafa;

}


#bgimg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -10;
}

#smallcontact{
   position: absolute;
   bottom: 20px;
   left: 401px;  
   width: 250px;
   height: 90px;
   background-color: #000;
   filter: alpha(opacity=55);
   opacity: 0.55; 
   color: #fff;
   font-weight: bold;
   font-size: 12px;
   color: #dadada;     
}

#smallcontact a {
  color: #599aa2;
}

#bigcontact{
   padding: 7px;
   font-size: 13px;
   color: #000;
}

#bigcontact a {
  color: #599aa2;
}

#projects {
   color: #fafafa;
   padding: 7px;
}

.project {
   z-index: 10;
   float: left;
   width: 200px;
   height: 280px;
   padding: 5px;   
   background-color: #000;
   filter:alpha(opacity=85);
   opacity: 0.85;
   margin-right: 1px;
}

.project p {
   height: 80px;
}

.project h2 a {
   color: #f2b600;
}

.link {
   padding-right: 10px;
   text-align: right;
}

.link a {
  font-size: 9px;
  color: #599aa2;

}

#pbg{
   position: absolute;
   top: 160px;
   right: 100px;
   width: 420px;
   height: 220px;
   z-index: -1;

   padding: 7px;
}



.fll {
   float: left;
}

.flr {
   float: right;
}

.attention {
   font-size: 12px;
   padding: 10px;
   font-style: italic;
}

.margin5{
   margin: 5px;
}

#navbar {
   position: absolute;
   top: 0px;
   left: 10%;
   width: 100%;
   height: 50px;
}

#navbar ul{
   margin: 0px;
   padding: 0px;
}

#navbar ul li{
   display: inline;
   width: 15%;
   margin: 0px 1px 0px 0px;
   padding: 0px;
   vertical-align: bottom;
   float: left; 
}

#navbar ul li.logo{
   width: 15%;
   margin: 0px 1px 0px 0px;
   padding: 0px;
   text-align: center;
}

#navbar ul li img{
   margin: 0px;
   padding: 0px;
}

#navbar ul li a{
   color: #fff;
   font-size: 13px;
   text-transform: uppercase;
   text-decoration: none;
   display: block;
   height: 20px;
   width: 100%; 
   padding: 42px 0px 5px 0px;
   background-color: #000;
   text-align: center;   
}

#navbar ul li a:hover{
   background-color: #aaa;
}

#navbar ul li.logo a{
   height: 55px;
   padding-top: 7px;
}

#navbar ul li a.m1{ filter:alpha(opacity=90); opacity: 0.90; }
#navbar ul li a.m2{ filter:alpha(opacity=80); opacity: 0.80; }
#navbar ul li a.m3{ filter:alpha(opacity=70); opacity: 0.70; }
#navbar ul li a.m4{ filter:alpha(opacity=60); opacity: 0.60; }

#navbar ul li.logo a:hover{
   background-color: #000;
}

#bigmenu {

}

#bigmenu .item{
   float: left;
   width: 30%;
   text-align: center;
}

#bigmenu .item h2{
   font-size: 15px;
}

#bigmenu .item h3{
   margin: 5px;
   padding: 0px;
   font-size: 13px;
}

#bigmenu .item ul{
   margin: 5px;
   padding: 0px;
   color: #000;
   text-align: left;
}

#bigmenu .item ul li{
   color: #555;
}