html{
        background-color: #242424;
      }


#titlecolor {
background: url(images/titlecolor.jpg); 
   position: absolute;
   left: 0px;
   top: 30px;
   z-index: 3;
   width: 440px;
   height: 76px;
   }
   
#name {
background: url(images/bp.png) no-repeat; 
   position: absolute;
   left: 30px;
   top: 30px;
   z-index: 4;
   width: 430px;
   height: 76px;
   }

#bodycontainer{ 
background-color:#000000 ;
 visibility: visible;
   position: fixed;
   top: 115px;
   left:440px;
   width:800px;
   height: 400px;
   z-index: 555;
   opacity: 0.55;
   }
   
   /*menu*/

#servicesbutton a,
#contactbutton a,
#careersbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 13px;
   background-position: 0% 0px;
   font-size: 13px;
   line-height: 13px;
}

#aboutbutton a,
#clientsbutton a,
#portfoliobutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 14px;
   background-position: 0% 0px;
   font-size: 14px;
   line-height: 14px;
}

#menubox6,
#menubox4,
#menubox3,
#menubox1  {
   background: url(images/menubox6.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 20px;
   z-index: 1;
   width: 187px;
   height: 28px;
}

#portfoliobutton a:hover  {
   background-position: -63px 0%;
}

#servicesbutton a:hover  {
   background-position: -60px 0%;
}

#contactbutton a:hover  {
   background-position: -46px 0%;
}

#clientsbutton a:hover  {
   background-position: -50px 0%;
}

#careersbutton a:hover  {
   background-position: -55px 0%;
}

#aboutbutton a:hover  {
   background-position: -47px 0%;
}

#portfoliobutton a  {
   width: 63px;
   background-image: url(images/portfoliobutton.png);
}

#servicesbutton a  {
   width: 60px;
   background-image: url(images/servicesbutton.png);
}

#contactbutton a  {
   width: 46px;
   background-image: url(images/contactbutton.png);
}

#portfoliobutton  {
   visibility: visible;
   position: absolute;
   left: 136px;
   top: 274px;
   z-index: 2;
   width: 63px;
   height: 14px;
}

#careersbutton a  {
   width: 55px;
   background-image: url(images/careersbutton.png);
}

#clientsbutton a  {
   width: 50px;
   background-image: url(images/clientsbutton.png);
}

#servicesbutton  {
   visibility: visible;
   position: absolute;
   left: 150px;
   top: 243px;
   z-index: 2;
   width: 60px;
   height: 13px;
}

#clientsbutton  {
   visibility: visible;
   position: absolute;
   left: 128px;
   top: 336px;
   z-index: 2;
   width: 50px;
   height: 14px;
}

#aboutbutton a  {
   width: 47px;
   background-image: url(images/aboutbutton.png);
}

#contactbutton  {
   visibility: visible;
   position: absolute;
   left: 139px;
   top: 369px;
   z-index: 2;
   width: 46px;
   height: 13px;
}

#careersbutton  {
   visibility: visible;
   position: absolute;
   left: 143px;
   top: 307px;
   z-index: 2;
   width: 55px;
   height: 13px;
}

#aboutbutton  {
   visibility: visible;
   position: absolute;
   left: 150px;
   top: 211px;
   z-index: 2;
   width: 47px;
   height: 14px;
}

#menubox4  {
   top: 300px;
}

#menubox3  {
   top: 269px;
}

#menubox6  {
   top: 362px;
}

#menubox5  {
   background: url(images/menubox5.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 19px;
   top: 331px;
   z-index: 1;
   width: 170px;
   height: 28px;
}

#vertline  {
   background: url(images/vertline.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 19px;
   top: 154px;
   z-index: 2;
   width: 2px;
   height: 276px;
}

#menubox1  {
   top: 205px;
}

#menubox2  {
   background: url(images/menubox2.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 20px;
   top: 237px;
   z-index: 1;
   width: 202px;
   height: 28px;
}
/*menu end*/

#home  {
   margin: 0px auto 0px 0px;
   width: 1901px;
   position: relative;
}

#container {
   position: absolute;
     visibility: visible;
   left: 326px;
   top: 170px;
   z-index: 15;
   width: 750px;
   
}

#topround{
background: url(images/toptable.png); 
}

/*button for more info*/
.button {
 
	
	display: block;
	height: 30px;
	width: 100px;
	background: #34696f;
	border: 2px solid rgba(33, 68, 72, 0.59);
 
	
	color: rgba(0, 0, 0, 0.55);
	text-align: center;
	font: bold 1.5em/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 
	
	background: -webkit-linear-gradient(top, #34696f, #2f5f63);
	background: -moz-linear-gradient(top, #34696f, #2f5f63);
	background: -o-linear-gradient(top, #34696f, #2f5f63);
	background: -ms-linear-gradient(top, #34696f, #2f5f63);
	background: linear-gradient(top, #34696f, #2f5f63);
 
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
 
	-webkit-box-shadow: 0 8px 0 #1b383b;
	-moz-box-shadow: 0 8px 0 #1b383b;
	box-shadow: 0 8px 0 #1b383b;
 
	text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
 
}
 
a.button2 {
	text-decoration: none;
}
 
a.button:hover {
	background: #3d7a80;
	background: -webkit-linear-gradient(top, #3d7a80, #2f5f63);
	background: -moz-linear-gradient(top, #3d7a80, #2f5f63);
	background: -o-linear-gradient(top, #3d7a80, #2f5f63);
	background: -ms-linear-gradient(top, #3d7a80, #2f5f63);
	background: linear-gradient(top, #3d7a80, #2f5f63);
}

/*end button*/

#pagetitlecareers {
   position: absolute;
     visibility: visible;
   left: 865px;
   top: 130px;
   z-index: 20;
   width: 300px;
   height: 900px
  
  }
   
#pagetitleservices {
   position: absolute;
     visibility: visible;
   left: 850px;
   top: 130px;
   z-index: 20;
   width: 300px;
   height: 900px
  
  }
   
#pagetitleabout{
   position: absolute;
     visibility: visible;
   left: 840px;
   top: 130px;
   z-index: 20;
   width: 300px;
   height: 900px
  
  }
  
#pagetitleportfolio {
   position: absolute;
     visibility: visible;
   left: 850px;
   top: 130px;
   z-index: 20;
   width: 300px;
   height: 900px
  
  }
  
 #pagetitlequote {
   position: absolute;
     visibility: visible;
   left: 765px;
   top: 130px;
   z-index: 20;
   width: 300px;
   height: 900px
  
  }