#frameMain {  width: 1200px; border: none; margin: 5px auto;  }
#mainContent {  margin: 0px; padding: 0px; clear: both; border: none;   overflow: hidden;}

#frameMain #mainContent {  text-align: center; color: #FFF; height:420px;position: relative; margin:0px auto; max-width:800px;}
#frameMain #mainContent img {  border: 1px solid #ccc; padding:2px; }
#frameMain #mainContent a {  border: none;  }
#frameMain #mainContent h1, #frameMain #mainContent h3 {  text-align: left; font-size: 24px; font-style: normal; font-variant: normal; font-weight: normal; margin: 0px auto; height: 30px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px;  }
#frameMain #mainContent h1 {  text-align: center; margin-bottom: 5px;  }
#frameMain #mainContent h3 {  font-size: 16px;  }
#frameMain #mainContent #hero {  margin: 0px auto 8px auto;   position: relative;  overflow: hidden;}
#frameMain #mainContent #hero img{ max-height:600px;}
#frameMain #mainContent #portArticle {  display: none; margin: 0px auto 10px; padding-top: 95px; width: 548px; text-align: left;  }
#frameMain #mainContent #portArticle p { margin-bottom: 10px;}
#thumbnails {  margin: 10px auto; text-align: center; padding: 0px; list-style-type: none;  }
#thumbnails li {  display: inline; margin: 0px 1px; padding: 0px;  }
#thumbnails li img{  border: 1px solid #ccc; height:120px;   }
#thumbnails li a {  margin: 0px; padding: 0px;  }
#thumbnails li a.active img {  border: 1px solid #55BB4F;  }

#next { position: absolute; right: 0px; top: 180px; z-index: 100; background: url(arrows-white.png) no-repeat -31px 0; width: 31px; height: 46px; text-indent: -9999px; border: 0; display: block; }
#previous { position: absolute; left: 0px; top: 180px; z-index: 100; background: url(arrows-white.png) no-repeat 0 0;  width: 31px; height: 46px; text-indent: -9999px; border: 0; display: block; }
