html, body{	
  margin: 0px;	
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;	
  font-size: 9pt;	
	color: #424242;
  font-weight: normal;	
  background-color: #E7E7E7;	
  line-height: 18px;
  text-align: center;
	height: 100%;
}

#page {
 width: 892px;
 height: 100%;
 margin-top: 0px;
 margin: 0 auto;
}

#page-top {
 width: 892px;
 height: 202px;
 margin: 0 auto;
 background-image: url(images/topbg.jpg);
 background-position: top;
 background-repeat: no-repeat; 
}

#page-top-home {
 top: 20px;
 left: 605px;
 width: 276px;
 height: 60px;
 float: left;
 position:relative;
 cursor: pointer; 
}

#page-top-menu {
 top: 159px;
 height: 41px;
 float: left;
 position:relative; 
}

#menu-about {
 width: 114px;
 height: 41px;
 float: left;
 position: relative;
 background-image: url(images/aboutbtn.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 cursor: pointer;
}

#menu-about-sel {
 width: 114px;
 height: 41px;
 float: left;
 position: relative;
 background-image: url(images/aboutbtn_sel.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 cursor: pointer;
}

#menu-offer {
 width: 114px;
 height: 41px;
 float: left;
 position: relative;
 background-image: url(images/offerbtn.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 cursor: pointer;
}

#menu-offer-sel {
 width: 114px;
 height: 41px;
 float: left;
 position: relative;
 background-image: url(images/offerbtn_sel.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 cursor: pointer;
}

#menu-sol {
 width: 114px;
 height: 41px;
 float: left;
 position: relative;
 background-image: url(images/solbtn.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 cursor: pointer;
}

#menu-sol-sel {
 width: 114px;
 height: 41px;
 float: left;
 position: relative;
 background-image: url(images/solbtn_sel.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 cursor: pointer;
}

#menu-clients {
 width: 114px;
 height: 41px;
 float: left;
 position: relative;
 background-image: url(images/clientsbtn.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 cursor: pointer;
}

#menu-clients-sel {
 width: 114px;
 height: 41px;
 float: left;
 position: relative;
 background-image: url(images/clientsbtn_sel.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 cursor: pointer;
}

#menu-contact {
 width: 114px;
 height: 41px;
 float: left;
 position: relative;
 background-image: url(images/contactbtn.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 cursor: pointer;
}

#menu-contact-sel {
 width: 114px;
 height: 41px;
 float: left;
 position: relative;
 background-image: url(images/contactbtn_sel.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 cursor: pointer;
}

.msep {
 width: 2px;
 height: 41px;
 float: left;
 position: relative;
 background-image: url(images/sepbtn.jpg);
 background-position: top;
 background-repeat: no-repeat; 
}

#page-content-top {
 width: 892px;
 height: 17px;
 margin: 0 auto;
 background-image: url(images/topcnt.jpg);
 background-position: bottom;
 background-repeat: no-repeat;
 float: left;
 position:relative; 
}

#page-content-main {
 width: 892px;
 margin: 0 auto;
 background-image: url(images/cntbg.jpg);
 background-position: top;
 background-repeat: repeat-y; 
 float: left;
 position:relative; 
 overflow: hidden;
}

#page-content-main-left {
 width: 225px;
 height: 98%;
 left: 10px;
 vertical-align: top;
 float: left;
 position:relative; 
 z-index: 2;
}

#contactimg {
 width: 225px;
 height: 225px;
 margin: 0 auto;
 padding-bottom: 10px;
 background-image: url(images/contact.jpg);
 background-position: bottom;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
}

#solimg {
 width: 225px;
 height: 225px;
 margin: 0 auto;
 padding-bottom: 10px;
 background-image: url(images/sol.jpg);
 background-position: bottom;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
}

#clientsimg {
 width: 225px;
 height: 225px;
 margin: 0 auto;
 padding-bottom: 10px;
 background-image: url(images/clients.jpg);
 background-position: bottom;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
}

#offerimg {
 width: 225px;
 height: 225px;
 margin: 0 auto;
 padding-bottom: 10px;
 background-image: url(images/offer.jpg);
 background-position: bottom;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
}

#aboutusimg {
 width: 225px;
 height: 225px;
 margin: 0 auto;
 padding-bottom: 10px;
 background-image: url(images/aboutus.jpg);
 background-position: bottom;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
}

#page-content-main-right {
 width: 635px;
 right: 10px;
 vertical-align: top;
 float: right;
 position:relative; 
 z-index: 2;
 overflow:hidden;
}

#welcome {
 width: 635px;
 float: left;
 position:relative; 
 text-align: justify;
}

#welimg {
 width: 184px;
 height: 155px;
 background-image: url(images/puzzle.jpg);
 background-position: top left;
 background-repeat: no-repeat; 
 float: left;
 position:relative;  
 top: 20px;
 margin-left: 10px;
}

#page-content-bottom {
 width: 892px;
 height: 17px;
 margin: 0 auto;
 background-image: url(images/bottomcnt.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
}

#doyouknow{
 width: 635px;
 height: 118px;
 margin: 0 auto;
 background-image: url(images/doyouknowbg.jpg);
 background-position: bottom;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
 margin-top: 10px;
}

.list-item{
 width: 625px;
 height: 118px;
 margin: 0 auto;
 background-image: url(images/listitembg.jpg);
 background-position: bottom;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
 margin-top: 10px;
}

#quickoffer {
 width: 635px;
 height: 227px;
 margin: 0 auto;
 float: left;
 position:relative; 
 text-align: left;
 margin-top: 20px;
 margin-bottom: 10px; 
}

#ouroffer {
 margin-left: 10px;
 width: 635px;
 height: 38px;
 background-image: url(images/ouroffer.jpg);
 background-position: top left;
 background-repeat: no-repeat; 
 float: left;
 position:relative;  
}


#piooffer {
 width: 146px;
 height: 227px;
 margin: 0 auto;
 background-image: url(images/piooffer.jpg);
 background-position: bottom;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
 cursor: pointer;
}

#oooffer {
 width: 146px;
 height: 227px;
 margin: 0 auto;
 background-image: url(images/oooffer.jpg);
 background-position: bottom;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
 margin-left: 16px; 
 cursor: pointer;
}

#reoffer {
 width: 146px;
 height: 227px;
 margin: 0 auto;
 background-image: url(images/reoffer.jpg);
 background-position: bottom;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
 margin-left: 16px;
 cursor: pointer;
}

#rsoffer {
 width: 146px;
 height: 227px;
 margin: 0 auto;
 background-image: url(images/rsoffer.jpg);
 background-position: bottom;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
 margin-left: 16px;
 cursor: pointer;
}

#page-bottom {
 width: 892px;
 height: 37px;
 background-image: url(images/bottombg.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 float: left;
 position:relative;  
 text-align: right;
 padding-top: 10px;
}

.slink {
 color: #4B4B4B;
 font-size: 8pt;
 text-decoration: none;
 padding-left: 7px;
 padding-right: 7px;
}

.left-header {
 width: 225px;
 height: 35px;
 background-image: url(images/lefthdrbg.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
 text-align: left;
 vertical-align: bottom;
}

.news-header {
 width: 225px;
 height: 35px;
 background-image: url(images/newshdrbg.jpg);
 background-position: top;
 background-repeat: no-repeat; 
 float: left;
 position:relative; 
 text-align: left;
 vertical-align: bottom;
}

.hlink {
 color: #424242;
 font-size: 10pt;
 text-decoration: none;
 font-weight: bold;
 padding-left: 30px; 
}

.whead {
 margin-top: 10px;
 margin-left: 10px;
 width: 635px;
 height: 38px;
 background-image: url(images/welcomebg.jpg);
 background-position: top left;
 background-repeat: no-repeat; 
 float: left;
 position:relative;  
}

.ahead {
 margin-top: 10px;
 margin-left: 10px;
 width: 635px;
 height: 38px;
 background-image: url(images/ahead.jpg);
 background-position: top left;
 background-repeat: no-repeat; 
 float: left;
 position:relative;  
}

.chead {
 margin-top: 10px;
 margin-left: 10px;
 width: 635px;
 height: 38px;
 background-image: url(images/chead.jpg);
 background-position: top left;
 background-repeat: no-repeat; 
 float: left;
 position:relative;  
}

.shead {
 margin-top: 10px;
 margin-left: 10px;
 width: 635px;
 height: 38px;
 background-image: url(images/shead.jpg);
 background-position: top left;
 background-repeat: no-repeat; 
 float: left;
 position:relative;  
}

.clhead {
 margin-top: 10px;
 margin-left: 10px;
 width: 635px;
 height: 38px;
 background-image: url(images/clhead.jpg);
 background-position: top left;
 background-repeat: no-repeat; 
 float: left;
 position:relative;  
}

.ohead {
 margin-top: 10px;
 margin-left: 10px;
 width: 635px;
 height: 38px;
 background-image: url(images/ohead.jpg);
 background-position: top left;
 background-repeat: no-repeat; 
 float: left;
 position:relative;  
}

.text {
 width: 620px;
 padding: 15px 5px 5px 5px;
 float: left;
 text-align: justify;
 overflow: hidden;
 clear: both;
}

.text-left {
 width: 225px;
 padding-top: 5px;
 padding-bottom: 5px;
 float: left;
 text-align: justify;
 overflow: hidden;
 clear: both;
}

.imgBtn {
 border: 0;
}

.ul-clients {
font-style: normal;
line-height: 2em;
background-color: #FFFFFF;
}

.li-clients {
 width: 635px;
 height: 118px;
 background-image: url(images/clientsbg.jpg);
 background-position: top left;
 background-repeat: no-repeat; 
 background-color: #FFFFFF;
}