body {
margin:0px 0px 10px 0px;
padding:0px;
font-family:tahoma, sans-serif;
}
	
html>body {font-size:medium; font-family:tahoma, sans-serif;}
	
div#wrapall {
width:100%; 
direction:ltr;
text-align:center;
}

img {
border:0px;
}

div#wrap {
text-align:left;
width:768px;
margin-left:auto;
margin-right:auto;
margin-top:8px;
 }


div#mainarea { 
text-align:left;
width:768px;
float:left;
border:1px solid #CCCCCC;
}

#mainareatop {
text-align:left;
width:768px;
float:left;
}
 
.logo {
width:253px;
float:left;
}

.searchbox {
width:277px;
float:left;
padding-top:68px;
padding-left:238px;
 }

input.searchfld {
border:1px solid #cccccc;
font-family:tahoma, verdana;
color:#999999;
margin-right:2px;
width:220px;
float:left;
height:15px;}

input.submitfld {
float:left;
width:43px;
}


#maintoolbat {
text-align:left;
width:768px;
float:left;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#maintoolbat img {
float:left;
}

#maincontent {
width:758px;
float:left;
padding:5px;
}

#maincontentport {
width:763px;
float:left;
padding:0px 0px 0px 5px;
}


#maincontentin {
 
float:left;
border:1px solid #CCCCCC;
}

#maincontentinclients {
width:754px;
float:left;
border:1px solid #CCCCCC;
}

#maincontentinport {
 
 float:left;}

.hpmainbox {
width:233px;
float:left;
padding-left:9px;
padding-right:9px;
padding-top:6px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding-bottom:15px;}

.hpmainboxend {
width:232px;
float:left;
padding-left:9px;
padding-right:9px;
padding-top:6px;
border-bottom:1px solid #CCCCCC;
padding-bottom:15px;}

.hpmainbox2 {
width:233px;
float:left;
padding-left:9px;
padding-right:9px;
padding-top:6px;
border-right:1px solid #CCCCCC;
padding-bottom:15px;}

.hpmainbox2end {
width:232px;
float:left;
padding-left:9px;
padding-right:9px;
padding-top:6px;
padding-bottom:15px;
}

#maincontentin .boxedimg {
float:left;
border:1px solid #CCCCCC;
}

.fulltext {
float:left;
width:732px;
font-size:12px;
padding:12px;
line-height:20px;
}

.fulltext ul {
padding:0px;
margin:0px;}

.fulltext li {
list-style:none;
padding-bottom:15px;
}

.fulltext b {
color:#CF0623;
font-weight:normal;
}


.fulltext a {
color:#000000;
text-decoration:none;
}

.fulltext a:hover {
color:#000000;
text-decoration:underline;
}

.fulltext  table td {
vertical-align:top;
}

.sidetoolbar {
width:110px;
float:left;
padding-left:12px;
padding-top:15px;
font-size:12px;
padding-bottom:15px;}

.sidetoolbar b {
color:#CF0623;
font-weight:normal;
}

.sidetbitem {
float:left;
width:110px;
color:#CF0623;
padding-top:15px;
}

.sidetbitem a {
color:#909090;
text-decoration:none;
}


.sidetbitem a:hover {
color:#CF0623;
text-decoration:none;
}

.sidetbitem a.linksel {
color:#CF0623;
text-decoration:none;
}


.portbox {
width:632px;
border-left:1px solid #cccccc;
float:left;
padding:4px;
}

.portboxin {
width:630px;
border:1px solid #cccccc;
float:left;
}

.portboxin  .boxedimg {
float:left;
border:1px solid #CCCCCC;
}

.portsmallbox {
width:197px;
float:left;
padding-left:5px;
padding-right:5px;
padding-top:20px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding-bottom:10px;
}


.homesmallboxtext {
width:232px;
text-align:center;
float:left;
font-size:12px;
padding-top:15px;

}

.homesmallboxtext a {
color:#CF0623;
text-decoration:none;
}

.portsmallboxtext {
width:197px;
text-align:center;
float:left;
font-size:12px;
padding-top:15px;

}

.portsmallboxtext a {
color:#CF0623;
text-decoration:none;
}


.portsmallboxend {
width:197px;
float:left;
padding-left:5px;
padding-right:5px;
padding-top:20px;
border-bottom:1px solid #CCCCCC;
padding-bottom:10px;
}

.portsmallbox2 {
width:197px;
float:left;
padding-left:5px;
padding-right:5px;
padding-top:20px;
border-right:1px solid #CCCCCC;
padding-bottom:10px;
}

.portsmallbox2end {
width:197px;
float:left;
padding-left:5px;
padding-right:5px;
padding-top:20px;
padding-bottom:10px;
}


.portboxitems {
width:629px;
border:1px solid #cccccc;
float:left;
}

.portboxitems img {
border:0px;
}

.portsmallboxitem {
float:left;
border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;

width:209px;}

.portsmallboxitem2 {
float:left;
 width:209px;border-bottom:1px solid #cccccc;
}
 
 
.portsmallboxitemend {
float:left;
border-right:1px solid #cccccc;
width:209px;
border-bottom:1px solid #cccccc;

}

.portsmallboxitem2end {
float:left;
width:209px;
 border-bottom:1px solid #cccccc;
}

.itemstext {
float:left;
width:186px;
color:#828080;
font-size:11px;
padding-left:10px;
padding-bottom:5px;}

.enlargebox {
float:left;
width:13px;
padding-top:18px;
}

.enlargebox img {
float:left;
}


#maincontentfooter {
width:758px;
float:left;
padding:0px 5px 5px 5px;
}

#maincontentfooterin {
width:768px;
float:left;
padding:0px;
}

#maincontentinfootin {
width:768px;
border-top:1px solid #CCCCCC;
float:left;}

#maincontentinfoot {
width:755px;
border:1px solid #CCCCCC;
float:left;}


.foottextbox {
width:483px;
float:left;
height:65px;
border-right:1px solid #CCCCCC;
font-size:12px;
padding:10px;
}

.foottextboxin {
width:473px;
float:left;
height:65px;
border-right:1px solid #CCCCCC;
font-size:12px;
padding:10px 10px 10px 17px;
}

.contactbox {
width:251px;
float:left;
}

.contactbox img  {
float:left;
}


div.nicetitle {
position: absolute;
padding-top: 40px;
padding-left: 30px;
top: 0px;
left: 0px;
color: #909090;
font-weight: normal;
font-size:11px;
  
}

div.nicetitle p {
margin: 0; padding: 0 3px; direction:ltr;
border:1px solid #cccccc;
width:70px;
padding:3px;
text-align:center;
background:#ffffff;
}



.boxview {
width:419px;
border-right:1px solid #cccccc;
float:left;
}

.boxviewtext {
width:178px;
float:left;
padding:15px;
font-size:12px;
color:#909090;
}

.boxviewtextcolor {
width:209px;
float:left;
font-size:12px;
color:#909090;
border-top:1px solid #cccccc;
}

.leftar {
float:left;
width:16px;
}

.numer {
float:left;
width:387px;
text-align:center;
font-size:11px;
color:#909090;
}

.rightar {
float:left;
width:16px;
}

.boxview img {
float:left;
}

.moretitle {
width:728px;
float:left;
color:#909090;
padding-bottom:15px;
}

.moreitem {
float:left;
width:120px;
padding-right:25px;
}


.moreitemimg {
float:left;
height:110px;
}


#maincontentmore {
width:728px;
float:left;
border-top:1px solid #cccccc;
padding:20px;
font-size:12px;
}

.moreitemtext {
float:left;
width:120px;
text-align:center;
padding-bottom:30px;}

.moreitemtext a {
color:#909090;
text-decoration:none;
}


.portsmallboxitemweb {
float:left;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
width:314px;
padding-top:8px;
}

.portsmallboxitemweb2 {
float:left;
border-bottom:1px solid #cccccc;
width:314px;
padding-top:8px;}
 
.portsmallboxitemwebend {
float:left;
border-right:1px solid #cccccc;
width:314px;
border-bottom:1px solid #cccccc;

padding-top:8px;}

.portsmallboxitemweb2end {
float:left;
width:314px;
padding-top:8px;
border-bottom:1px solid #cccccc;

 }
 
.itemstextweb {
float:left;
width:291px;
color:#828080;
font-size:11px;
padding-left:10px;
padding-bottom:5px;}

.enlargeboxweb {
float:left;
width:13px;
padding-top:5px;
}

.enlargeboxweb img {
float:left;
}


.portboxitems .boxedimg {
float:left;
border:1px solid #CCCCCC;
margin-left:7px;
margin-bottom:4px;
}


.boxviewtextlarge {
border-top:1px solid #CCCCCC;
width:599px;
float:left;
padding:15px;
font-size:12px;
color:#909090;
}

.boxviewlarge {
width:629px;
float:left;
}

.boxviewlarge img {
float:left;
}


.boxviewlarge img.bigweb {
float:left;
border:1px solid #CCCCCC;
margin-left:3px;
margin-top:3px;
margin-bottom:6px;}


.numerlarge  {
float:left;
width:597px;
text-align:center;
font-size:11px;
color:#909090;
}


.enlargebox2 {
float:left;
width:13px;
padding-top:5px;
}

.enlargebox2 img {
float:left;
}


.portboxitems .boxedimgppt {
float:left;
border:1px solid #CCCCCC;
margin-left:37px;
margin-bottom:4px;
}


.clientbox {
float:left;
width:150px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

.clientbox img {
float:left;
}

.icons {
float:left;
width:35px;
padding-left:115px;
}

.clientboxend {
float:left;
width:150px;
border-bottom:1px solid #CCCCCC;
}

.clientboxend img {
float:left;
}


.clientbox2 {
float:left;
width:150px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;

 }

.clientbox2 img {
float:left;
}


.clientboxend2 {
float:left;
width:150px;
border-bottom:1px solid #CCCCCC;

 }

.clientboxend2 img {
float:left;
}

.clientsend {
width:753px;
float:left;
text-align:right;
font-size:12px;
padding-top:20px;
color:#909090;
}

.hidtext {
display:none;
width:130px;
height:84px;
padding:45px 10px 10px 10px;
font-size:12px;
color:#909090;
 }


td.zonehead {
width:230px;
border-right:1px  solid #CCCCCC;
}

td.zonehead2 {
width:200px;
border-right:1px  solid #CCCCCC;
padding-left:20px;
}

td.zoneheadend {
width:230px;
padding-left:20px;
}

table {
padding:0px;
border-collapse:collapse;
}

.dlitem {
padding-top:5px;
float:left;}

.dlitemtext {
float:left;
padding-top:10px;
padding-left:5px;
}

.dlitembox {
width:230px;
float:left;
}

.dlitembox2 {
width:200px;
float:left;
}

.fulltexttest {
width:650px;
float:left;

}


.fulltexttest b {
font-weight:bold;
color:#000000;
}

 .stepcarousel{
 position: relative; /*leave this value alone*/
 overflow: scroll; /*leave this value alone*/
 width: 418px; /*Width of Carousel Viewer itself*/
 height: 402px; /*Height should enough to fit largest content's height*/
 }
 
 .stepcarousel .belt{
 position: absolute; /*leave this value alone*/
 left: 0;
 top: 0;
 }
 
 .stepcarousel .panel{
 float: left; /*leave this value alone*/
 overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 margin: 0px; /*margin around each panel*/
 width: 418px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
 }
 
 
 .stepcarousel2 {
  position: relative; /*leave this value alone*/
  overflow: scroll; /*leave this value alone*/
  width: 620px; /*Width of Carousel Viewer itself*/
  height: 371px; /*Height should enough to fit largest content's height*/
   border:1px solid #CCCCCC;
margin-left:3px;
margin-top:3px;
margin-bottom:6px;}
  
  .stepcarousel2 .belt{
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
  }
  
  .stepcarousel2 .panel{
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 0px; /*margin around each panel*/
  width: 620px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
  }