/* main.css */
.c5-header {
   max-width: 1200px;
}
.c5-header img {
   width: 100%;
   height: auto;
   display: none;
}
.c5-header img:first-child {
   display: block;
}
.headerUnder {
   text-align: center;
   margin: 45px auto;
}
@media screen and (max-width: 640px){
   .c5-container {
      position: relative;
      left: -20px;
      margin-right: -40px;
   }
   .headerUnder {
      text-align: left;
      margin: 20px 10px;
   }
   .headerUnder br {
      display: none;
   }
}
.silver {
   background: url(../images/topbg.gif) repeat-x;
   padding: 55px 0 0;
}
.rowsOuter {
   width: 810px;
   margin: 0 auto;
}
@media screen and (max-width: 640px){
   .rowsOuter {
      width: 100%;
      margin: 0 auto;
   }

}
.rows {
   margin:00px 0;
   line-height: 1.75;
   clear: both;
   overflow: hidden;
}
.rows.mb80{
   margin-bottom: 80px;
}
.rows.mb55{
   margin-bottom: 55px;
}
.rows.mb50{
   margin-bottom: 50px;
}
.rows.mb40{
   margin-bottom: 40px;
}
.rows.mb35{
   margin-bottom: 35px;
}
.rows.mb30{
   margin-bottom: 30px;
}
@media screen and (max-width: 640px){
   .rows {
      padding: 0 10px;
   }
   .rows.mb40{
      margin-bottom: 35px;
   }
   .rows.mb55{
      margin-bottom: 35px;
   }
   .rows.mb35.imgRight {
      margin-bottom: 25px;
   }
   .text.mbsp25 {
      margin-bottom: 25px;
   }
   .mtsp30 {
      margin-top: 30px;
   }
   .mtsp25 {
      margin-top: 25px;
   }
}
.rows.textImage {}

.rows.textImage .text {
   display: none;
}

.rows.textImage img{
   margin: 0 auto;
}
@media screen and (max-width: 640px){
   .rows.textImage .text {
      display: block;
      font-size: 1.666em;
      line-height: 1.333;
      color: #2b3b48;
      font-weight: bold;
   }
   .rows.textImage img{
      display: none;
   }
}
.rows.imgRight {}

.rows.imgRight .text {
   width: 460px;
   float: left;
}
.rows.imgRight .img {
   width: 310px;
   float: right;
}
.rows.imgRight .img img {
   width: 100%;
   height: auto;
   float: right;
}
@media screen and (max-width: 640px){
   .rows .text {
      padding: 0 0px;
   }
   .rows.imgRight .text {
      width: auto;
      float: none;
      clear: both;
   }
   .rows.imgRight .img {
      padding: 0 0px;
      width: auto;
      float: none;
      overflow: hidden;
   }

}
.rows.imgLeft {}

.rows.imgLeft .text {
   width: 460px;
   float: right;
   /*padding-bottom: 25px;*/
}
.rows.imgLeft .text.second {
   padding-top: 25px;
}
.rows.imgLeft .img {
   width: 310px;
   float: left;
}
.rows.imgLeft .img img {
   width: 100%;
   height: auto;
}
.rows.imgLeft .img img:first-child {
   width: 100%;
   height: auto;
   margin-bottom: 20px;
}
@media screen and (max-width: 640px){
   .rows.imgLeft .text {
      width: auto;
      float: none;
      clear: both;
   }
   .rows.imgLeft .img {
      width: auto;;
      float: none;
      clear: both;
   }
   .rows.imgLeft .img img:first-child {
      margin-bottom: 0px;
   }
}
.rows.imgCentering {}

.rows.imgCentering p.note {
   text-align: center;
   font-size: .75em;
   padding: 5px
}

.rows.imgCentering img {
   margin: 0 auto;
}

.rows .bold {
   font-weight: bold;
}
.rows img {
   display: block;
}
.rows p {
   margin: 0;
   padding: 0;
}
@media screen and (max-width: 640px){
   .rows.imgCentering p.note {
      font-size: .9375em;
   }
   .rows img {
      width: 100%;
      height: auto;
      padding: 0 0;
   }
}

@media screen and (max-width: 640px){
   .c5-header img {
      display: block;
   }
   .c5-header img:first-child {
      display: none;
   }
}


/* signature start */
.movies {
   background: url(../images/bottom_bg.jpg) no-repeat center top #ebeaea;
   max-width: 1200px;
   margin: 0 auto;
   padding: 525px 0 0;
}
.moviesOuter {
   /*background: #fff;*/
}
.moviesHeader {
   display: none;
}
.videoArea {
   width: 600px;
   height: 336px;
   margin: 0 auto;
   overflow: hidden;
}
.videoArea iframe {
   width: 100%;
   height: 100%;
   margin: 0 auto;
   overflow: hidden;
}

.moviesUnder {
   width: 820px;
   margin: 50px auto;
}
@media screen and (max-width: 640px){
   .movies {
      background: none;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0px 10px 0;
      background: #eeeced;
   }
   .moviesOuter {
      padding: 0 10px;
      margin: 0 auto;
   }
   .moviesUnder {
      width: 100%;
   }
   .moviesHeader {
      display: block;
      width: 100%;
      height: auto;
      padding: 0 0 20px;
      background: #eeeced;
      margin: 0 auto 00px
   }
   .moviesHeader img {
      display: block;
      width: 100%;
   }
   .videoArea {
      width: 300px;
      height: 168px;
      margin: 0 auto;
      overflow: hidden;
   }
   .moviesUnder {
      width: 100%;
      margin: 20px auto;
      line-height: 1.75;
   }
}
.movies3 {}
.movies3 ul {
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
   width: 950px;
}
.movies3 ul li {
   list-style-type: none;
   float: left;
   width: 300px;
   margin: 0 0 0 25px;
   overflow: hidden;
}
.movies3 ul li img {
   display: block;
}
.movies3 ul li a img {
   display: block;
   margin: 0 auto 10px;
}
.movies3 ul li:first-child {
   margin: 0 0 0 0px;
}
@media screen and (max-width: 640px){
   .movies3 ul {
      width: 100%;
      margin: 0 auto;
   }
   .movies3 ul li {
      width: 100%;
      clear: both;
      margin: 100px 0 40px;
   }
   .movies3 ul li:first-child {
      margin: 100px 0 40px;
   }
   .movies3 ul li img {
      margin: 0 auto 10px;
   }
   .movies3 ul li .video {
      width: 300px;
      height: 168px;
      margin: 0 auto;
      overflow: hidden;
   }
}
.bottomBanner {
   padding: 50px 0 40px;
   margin-bottom: 40px;
}
.bottomBanner img {
   display: none;
   margin:0 auto;
   overflow: hidden;
}
.bottomBanner img:first-child {
   display: block;
}
@media screen and (max-width: 640px){
   .bottomBanner {
      padding: 0px;
   }
   .bottomBanner img {
      width: 100%;
      height: auto;
      display: block;
   }
   .bottomBanner img:first-child {
      display: none;
   }
}
/* signature end */
