/**
 # ot_zdesign -   OT zDesign  Template for Joomla 2.5!
 # author       OmegaTheme.com
 # copyright     Copyright(C) 2012 - OmegaTheme.com. All Rights Reserved.
 # @license     http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 # Website:     http://omegatheme.com
 # Technical     support: Forum - http://omegatheme.com/forum/
 **/
 /**------------------------------------------------------------------------
 * file: layout.css 2.5.0 00001, May 2012 12:00:00Z OmegaTheme $
 * package:  OT zDesign Template
 *------------------------------------------------------------------------*/

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url("fonts/MyriadPro-Regular.otf");
}
@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url("fonts/MyriadPro-Semibold.otf");
}
body#ot-body{
  background: #FFF;
  color: #555;
  font-family: 'Trebuchet MS', Arial,Helvetica,sans-serif;
  font-size: 13px;
}
div.ot-wrap{
  
}
div.ot-widthTemp{
  margin: 0 auto;
  width: 960px;
}
div.ot-wrap-i,
div.ot-header,
div.ot-widthTemp-i,
div.ot-logo-mainmenu,
div.ot-breadcrumb,
div.ot-banner-topboxes,
div.ot-banner,
div.ot-topboxes,
div.ot-mainbody,
div.ot-bottomcontentboxes,
div.ot-bottom-extend,
div.ot-bottomboxes,
div.ot-footer{
  float: left;
  width: 100%;
}

/* +++++++++++++++ HEADER +++++++++++++++ */
.ot-header{
  border-bottom: 1px solid #eee;
  padding-bottom: 0px;
}
.ot-logo{
  float: left;
  width: 10%;
  margin-top: 1px;
}
.ot-logo a.logo{
  background: url(../images/logo.png) no-repeat;
  height: 65px;
  width: 220px;
  display: block;
}
.ot-headertop-mainmenu{
  width: 87%;
  float: right;
  margin-top: 10px;
}
.ot-headertop{
  
}
.ot-mainmenu{
  margin-top: 15px;
}
.ot-breadcrumb{
  background: #f5f5f5;
  border-bottom: 1px solid #eee;
}
.ot-breadcrumb-i{
  background: url(../images/breadcrumb-lightbg.png) no-repeat 10% 0;
  overflow: hidden;
}
.ot-breadcrumb span.breadcrumbs{
  background: url(../images/breadcrumb-bg.png) no-repeat;
  display: block;
  height: 36px;
  line-height: 36px;
  padding-left: 25px;
  margin-top: 20px;
}
.ot-breadcrumb span.breadcrumbs-i{
  background: url(../images/breadcrumb-home-icon.png) no-repeat 0 ;
  padding-left: 20px;
}
.ot-breadcrumb span.breadcrumbs a.breadcrumb-arrow,
.ot-breadcrumb span.breadcrumbs span.breadcrumb-arrow{
  background: url(../images/breadcrumb-arrow-icon.png) no-repeat 100% 7px;
  padding-right: 15px;
  margin-right: 10px;
}

/* +++++++++++++++ END HEADER +++++++++++++++ */

.ot-banner{
  background: url(../images/banner-bg.png) repeat-x 0 bottom;
  padding: 20px 0;
}

/* +++++++++++++++ TOP BOXES +++++++++++++++ */
.ot-topboxes{
  background: #f9f9f9;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  padding-top: 25px;
}
.ot-topboxes .top-box{
  float: left;
}
.ot-topboxes .firstbox{
  
}
.ot-topboxes .lastbox{
  float: right;
}
/* +++++++++++++++ END TOP BOXES +++++++++++++++ */
.ot-mainbody{
  padding-bottom: 25px;
  margin-top: 25px;
}
/* +++++++++++++++ LEFT_RIGHT_COLUMN +++++++++++++++ */
.ot-leftcolumn,
.ot-rightcolumn{
  width: 330px;
}
.isInnerPages .ot-leftcolumn,
.isInnerPages .ot-rightcolumn{
  width: 290px;
}
.ot-leftcolumn .otModule,
.ot-rightcolumn .otModule{
  padding-bottom: 20px;
    width: 100%;
    float: left;
}
.ot-leftcolumn h3,
.ot-rightcolumn h3{
  border-bottom: 1px solid #eee;
  font-size: 25px;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}
.ot-leftcolumn ul li,
.ot-rightcolumn ul li{
  background: none;
  padding-left: 0;
}
.ot-leftcolumn ul li a,
.ot-rightcolumn ul li a{
  display: block;
  padding: 6px 25px;
}
.ot-leftcolumn ul li.active a,
.ot-rightcolumn ul li.active a{
  background: #ff7011;
  color: #fff;
}
.ot-leftcolumn ul li.active a:hover,
.ot-rightcolumn ul li.active a:hover{
  color: #fff;
}
.ot-leftcolumn ul li.active li a,
.ot-rightcolumn ul li.active li a{
  background: none;
  color: #333;
}
.ot-leftcolumn ul li.parent,
.ot-rightcolumn ul li.parent,
.ot-leftcolumn ul ul,
.ot-rightcolumn ul ul{
  margin-bottom: 0;
}
.ot-leftcolumn ul ul,
.ot-rightcolumn ul ul{
  margin-left: 25px;
}
.ot-leftcolumn ul li li,
.ot-rightcolumn ul li li{
  background: url(../images/left-right-list-icon.png) no-repeat 0 13px;
  padding-left: 20px;
}
.ot-leftcolumn ul li li a,
.ot-rightcolumn ul li li a{
  padding-left: 0;
}
.ot-leftcolumn ul li a,
.ot-rightcolumn ul li a{
  color: #333;
}
.ot-leftcolumn ul li a:hover,
.ot-rightcolumn ul li a:hover,
.ot-leftcolumn ul li li a:hover,
.ot-rightcolumn ul li li a:hover,
.ot-leftcolumn ul li li.active a,
.ot-rightcolumn ul li li.active a,
.ot-leftcolumn ul li.active li a:hover,
.ot-rightcolumn ul li.active li a:hover{
  color: #FF6600;
}
.ot-leftcolumn .module-custom-list ul,
.ot-rightcolumn .module-custom-list ul{
  
}
.ot-leftcolumn .module-custom-list ul li,
.ot-rightcolumn .module-custom-list ul li{
  background: url(../images/tick-icon.png) no-repeat 0 10px;
  padding: 8px 0 8px 30px;
}
.ot-leftcolumn .module-custom-list ul li,
.ot-rightcolumn .module-custom-list ul li{
  font-size: 18px;
}
.ot-leftcolumn{
  float: left;
  margin-right: 40px;
}
.ot-leftcolumn-i{
  
}
.ot-rightcolumn{
  float: right;
  margin-left: 40px;
}
.ot-rightcolumn-i{
  
}

/* +++++++++++++++ END LEFT_RIGHT_COLUMN +++++++++++++++ */
.ot-content{
  overflow: hidden;
}

/* +++++++++++++++ TOPBOXES and BOTTOMBOXES */
.ot-topboxes .top-box,
.ot-bottomcontentboxes .bottom-content,
.ot-bottomboxes .bottom-box{
  float: left;
}
.ot-topboxes .firstbox,
.ot-bottomcontentboxes .fistbox,
.ot-bottomboxes .firstbox{
  
}
.ot-topboxes .lastbox,
.ot-bottomcontentboxes .lastbox,
.ot-bottomboxes .lastbox{
  float: right;
}
.ot-topboxes .top-box .otBox-2,
.ot-bottomcontentboxes .bottom-content .otBox-2,
.ot-bottomboxes .bottom-box .otBox-2{
  padding-bottom: 20px;
}
.ot-topboxes .firstbox .otBox-1,
.ot-bottomcontentboxes .fistbox .otBox-1,
.ot-bottomboxes .firstbox .otBox-1{
  padding-right: 10px;
}
.ot-topboxes .midbox .otBox-1,
.ot-bottomcontentboxes .midbox .otBox-1,
.ot-bottomboxes .midbox .otBox-1{
  padding: 0 10px;
}
.ot-topboxes .lastbox .otBox-1,
.ot-bottomcontentboxes .lastbox .otBox-1,
.ot-bottomboxes .lastbox .otBox-1{
  padding-left: 10px;
}

.ot-bottomcontentboxes{
  padding-bottom: 25px;
}
.ot-bottomcontentboxes{
  
}
.ot-bottomcontentboxes .bottom-content .otBox-2{
  background: url(../images/bottomcontentboxes-bg.png) repeat-x;
  padding: 15px 0 0 0;
}
.ot-bottomcontentboxes .bottom-content h3{
  color: #ff6600;
  font-size: 25px;
  text-align: center;
}
/* +++++++++++++++ BOTTOM EXTEND +++++++++++++++ */
.ot-bottom-extend{
  padding-bottom: 25px;
}
.extend-bg{
  float: left;
  width: 100%;
}
.extend-bg{
  background: url(../images/blockquote-bottom-bg.png) no-repeat 100% bottom;
  padding-bottom: 9px;
}
.extend-bg-i{
  background: url(../images/blockquote-bg.png);
  padding: 10px 23px;
  overflow: hidden;
}
/* +++++++++++++++ END BOTTOM EXTEND +++++++++++++++ */

/* +++++++++++++++ BOTTOMBOXES +++++++++++++++ */
.ot-bottomboxes{
  background: #f9f9f9;
  border-top: 1px solid #eee;
  padding-bottom: 15px;
}
.ot-bottomboxes .bottom-box h3{
  border-bottom: 1px solid #eee;
  color: #666666;
  font-size: 25px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
/* +++++++++++++++ END BOTTOMBOXES +++++++++++++++ */

/* +++++++++++++++ FOOTER +++++++++++++++ */
.ot-footer{
  background: url(../images/footer-bg.png);
  color: #FFF;
  padding: 10px 0;
}
.ot-bottom-1,
.ot-bottom-2{
  float: left;
  width: 49%;  
}
.ot-bottom-1 ul li,
.ot-bottom-2 ul li{
  background: none;
  display: inline;
  padding: 0 10px;
}
.ot-bottom-2 ul{
  float: right;
}
/* +++++++++++++++ END FOOTER +++++++++++++++ */