#main { width:1000px;}

#header {height:366px; background:url(../images/bg-top.jpg) top left no-repeat;}

#footer { height:92px; background:url(../images/bg-bot.gif) top repeat-x;}

#wrapper { width:100%;}

#page1 .bg-mid { background:url(../images/bg-mid.gif) top left no-repeat; padding:28px 0px 23px 0px; width:100%;}
#page1 .bg-line { background:url(../images/bg-line.gif) repeat-y 491px 0; width:100%;}

#page1 .left { width:491px;}
#page1 .right { width:491px;}

.contPort{float: left;margin: 0 20px 20px 0;background-image: url(../images/contPort.jpg); background-repeat: no-repeat; width: 225px; height: 220px;padding: 30px 0px 0px 75px;}

.listPort{}
.listPort img{
  margin: 0 0 5px 0;
  padding: 0px;
  border: 2px solid #FFFFFF;
}

.listPort h4{
  margin-bottom: 20px;
  margin-left: -20px;
}

.contSoft{margin: 0 0px 20px 0;background-image: url(../images/contSoft.jpg); background-repeat: no-repeat; width: 360px; height: 428px;padding: 50px 0px 0px 100px;}

.listSoft h4{margin-bottom: 30px;margin-left: -20px;font-size: 22pt;font-weight: bold;}

.listSoft img{margin: 0 0 5px 5px;padding: 0px;border: 2px solid #FFFFFF;}