/**
 # ot_spasalon -   OT Spa Salon  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, December 2012 12:00:00Z OmegaTheme $
 * package:  OT Spa Salon Template
 *------------------------------------------------------------------------*/

@font-face {
  font-family: 'Segoe UI';
  src: url("fonts/segoeui.ttf");
}
@font-face {
  font-family: 'Segoe UI Light';
  src: url("fonts/segoeuil.ttf");
}

body#ot-body{
  background: url("../images/body-bg.jpg") repeat scroll;
  background-position: top center;
  /* background-size: 100% auto;
  background-size: 100% 100%;*/
  color: #A7A998;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

body div#ot-body-1{
  background: url("../images/body-bg1.jpg") no-repeat scroll;
  background-position: top center;
}

body div#ot-body-2{
/*  width:100%;
  text-align:center;
  top:0px;
  left:0px;
  overflow-x:hidden;*/
  background:url("../images/body-bg2.png") bottom repeat-x transparent;
}

div.ot-wrap{
  float: left;
  width: 100%;
}
div.ot-widthTemp{
  margin: 0 auto;
  width: 960px;
}
.ot-widthTemp-i{
  float: left;
  /*padding: 0 10px;*/
  
}
form div {
  margin: 0;
}
div.ot-wrap-i,
div.ot-widthTemp-i,
div.ot-header,
div.ot-logo-menu,
div.ot-headertop,
div.ot-mainmenu,
div.ot-top-extend,
div.ot-topboxes,
div.ot-mainbody,
div.ot-top-content,
div.ot-bottom-content,
div.ot-bottomboxes,
div.ot-bottom-extends,
div.ot-footer{
  float: left;
  width: 100%;
}

/* +++++++++++++++ STYLE HEADER +++++++++++++++ */
div.ot-header{
  position: relative;
  z-index: 999;
}
.ot-logo-menu{
}
.ot-logo-menu-i{
  
}
div.ot-logo{
  width: 100%;
  margin: 0 auto;
}
div.ot-logo a.logo{
  width: 1000px;
  height: 244px;
  margin: 0px auto;
  display: block;
  background: url("../images/logo.jpg") no-repeat scroll 0 0 transparent;
}
div.ot-mainmenu{
  position: relative;
  z-index: 9999;
  float: left;
  padding: 0px;
/*  border: 1px solid #1C1A35;*/
  width: 99.999999%;
}
div.ot-headertop,
div.ot-headertop a{
  color: #8b8280;
}
.ot-headertop .otModule {
  float: left;
  line-height: 24px;
  padding: 15px 10px;
}
div.ot-headertop .module ul{
  float: left;
  margin: 0 10px;
  padding: 0;
}
div.ot-headertop .module ul li{
  background: none;
  display: inline;
  padding: 0 10px 0 0;
  line-height: 24px;
}
div.ot-headertop .module ul li.last{
  padding: 0;
}
div.ot-headertop .module ul li a{
  margin: 0;
  color: #8b8280;
}
div.ot-headertop-1{
  float: left;
  width: 33%;
}
div.ot-headertop-1-i{
  
}
div.ot-headertop-1-i{
  margin: 0;
  overflow: hidden;
}
.ot-headertop-2{
  float: right;
  width:33%;
  text-align: right;
}
.ot-headertop-2 .otModule{
  float: right;
}

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

.module h3{
  margin-top: 0px;
}
.module h3 span.title-module{
  text-transform: uppercase;
  color:#FFF;
  font-weight:bold;
  font-size: 18px;
  line-height: 32px;
}
.module h3 span.first-word{
  color: #8CB64F;
  display: block;
}
.module ul,
.module ul.menu{
  padding: 0;
  margin: 0;
}
.module ul.menu li{
  margin: 8px;
  padding: 0 0 0 2px;
  font-family: 'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
  font-size: 17px;
  line-height: 28px;
  text-transform: capitalize;
/*  background: url("../images/star-li.png") no-repeat scroll 2px 4px transparent;*/
  border: 1px solid #BAB6E2;
}
.module ul.menu li.first,
.module ul.menu li.first div{
  border: 1px solid #BAB6E2;
 
}

.module ul.menu li ul li{
  /*border: 0;*/
  margin-left: 10px;
}
.module ul.menu li div{
  
}
.module ul.menu li a{
  text-transform: none;
  display: block;
  color: #FFFFFF;
  padding: 0 0 0 15px;
}
.module ul.menu li a:hover{
  color: #68639e;
  text-decoration: none;
}

.ot-top-extend{
  padding: 0;
  margin: 10px 0 0;
}
div.ot-top-extend,
div.ot-top-extend a{
  color: #A7A998;
}
.ot-top-extend-i{
  padding: 0;
  margin: 0;
}
.ot-top-extend h1,
.ot-top-extend h2,
.ot-top-extend h3,
.ot-top-extend h4,
.ot-top-extend h5,
.ot-top-extend h6{
  margin: 0;
  padding: 0;
}
.ot-top-extend .otModule{
  float: left;
  background: #FFFFFF;
}
.ot-top-extend .module .otModule-i{
  padding: 10px 20px;
}
.ot-top-extend .otModule.floatright{
  float: right;
}
.ot-top-extend .otModule table tr td{
  padding: 0;
}
.ot-top-extend .otModule p{
  
}
.breadcrumbs{
  padding: 0px;
  display: block;
  color: #A7A998;
  border-bottom: 1px solid #e4e9ef;
}
span.breadcrumbs a,
span.breadcrumbs span{
  padding: 5px 15px 5px 0px;
  margin-right: 10px;
  display: inline-block;
  text-transform: capitalize;
}
span.breadcrumbs a{
  color: #A7A998;
}
span.breadcrumbs a:hover{
  color: #8CB64F;
}
span.breadcrumbs .breadcrumb-arrow{
  background: url(../images/arrow.png) no-repeat right 12px;
  /*color: #A7A998;*/
}

/* +++++++++++++++ STYLE MAINBODY +++++++++++++++ */
div.ot-mainbody{
  margin: 0;
}
div.ot-mainbody .ot-maincontent{
  float: left;
  width: 100%;
  background: #342d5e;
  font-size:16px;
  font-family: Arial !important;
}
#system-message-container dl#system-message dd{
  padding: 0;
  float: none;
}
#system-message-container dl#system-message dd ul{
  
}
#system-message-container dl#system-message dd ul li{
  background: none;
}
.genericItemTitle,
.catItemHeader .catItemTitle{
  font-size: 16px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.itemHeader .itemTitle,
.genericItemTitle,
.catItemHeader .catItemTitle,
.catItemHeader .catItemTitle a{
  /*color: #A7A998;*/
  text-transform: capitalize;
}
.itemHeader .itemTitle{
  font-family: 'Segoe UI Light',sans-serif;
}
.genericView .catItemView,
.itemList .itemContainer,
.catItemList .itemContainer,
.latestItemList .itemContainer{
  margin: 10px 0;
  padding: 0;
}
.itemContainerLast{
  
}
.itemContainerLast.itemContainerFirst{
  border: 0;
}
.genericView .catItemAdditionalInfo{
  /*padding: 0;*/
}
div.megacontact-wrap {
  overflow: hidden;
  background: #FFFFFF;
  padding: 15px 0px;
}

/* +++++++++++++++ STYLE LEFT-RIGHT COLUMN +++++++++++++++ */
div.ot-rightcolumn,
div.ot-leftcolumn{
  float: left;
  width: 230px;
  margin: 0 10px 0 0;
/*  background: #6c67a3;*/
  border: 1px dotted #BAB6E2;
}
div.ot-rightcolumn{
  float: right;
  margin: 15px 15px 25px 0;
}
div.ot-rightcolumn-i,
div.ot-leftcolumn-i{
  
}
div.ot-rightcolumn .otModule,
div.ot-leftcolumn .otModule{
  float: left;
  width: 100%;
}
div.ot-rightcolumn .otModule-i,
div.ot-leftcolumn .otModule-i{
  /*padding: 20px 0 18px 0;*/
  padding: 10px;
}

.otModule-i h3{
  margin-top: -10px; 
  margin-left: -10px; 
  margin-right: -10px; 
  background:#67629e; 
  padding-left: 8px; 
}

div.ot-rightcolumn .otModule-i .otRounded-mid,
div.ot-leftcolumn .otModule-i .otRounded-mid{
  
}
div.ot-rightcolumn .otModuleContent-i,
div.ot-leftcolumn .otModuleContent-i{
  padding: 0px;
}

div.ot-rightcolumn .otModuleContent-i p{color: #FFF}


div.ot-rightcolumn ul,
div.ot-leftcolumn ul{
  padding: 0;
  margin: 0;
}
div.ot-rightcolumn ul li,
div.ot-leftcolumn ul li{
  /*border-bottom: 1px solid #999999;*/
  margin: 0;
  padding: 0 0 0 15px;
  line-height: 24px;
  background: none;
}
div.ot-rightcolumn ul li.first,
div.ot-leftcolumn ul li.first,
div.ot-rightcolumn ul li.first div,
div.ot-leftcolumn ul li.first div{
  
}
div.ot-rightcolumn ul li ul li,
div.ot-leftcolumn ul li ul li{
  border: 0;
  padding-left: 10px;
}
div.ot-rightcolumn ul li div,
div.ot-leftcolumn ul li div{
  
}
div.ot-rightcolumn ul li a,
div.ot-leftcolumn ul li a{
  text-transform: none;
  /*display: block;*/
  padding: 2px 10px;
}
div.ot-rightcolumn ul li a:hover,
div.ot-leftcolumn ul li a:hover{
}
div.ot-rightcolumn .k2ItemsBlock ul li,
div.ot-leftcolumn .k2ItemsBlock ul li{
  border-bottom: 1px solid #b0b0b0;
  /*padding: 0;*/
  padding-left: 25px;
  background: url("../images/plus.png") no-repeat scroll 0 7px transparent;
}
div.ot-rightcolumn .k2ItemsBlock ul li.iamopen,
div.ot-leftcolumn .k2ItemsBlock ul li.iamopen{
  background: url("../images/minus.png") no-repeat scroll 0 7px transparent;
}
div.ot-rightcolumn .k2ItemsBlock ul li a,
div.ot-leftcolumn .k2ItemsBlock ul li a{
  font-size: 11px;
  color: #666666;
  font-weight: bold;
  line-height: 32px;
}
div.ot-rightcolumn .k2ItemsBlock ul li.iamopen a,
div.ot-leftcolumn .k2ItemsBlock ul li.iamopen a{
  /*background: url("../images/minus.png") left no-repeat;*/
  text-decoration: none;
}
div.ot-rightcolumn .otmodule,
div.ot-leftcolumn .otmodule{
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
div.ot-rightcolumn .otmodule .otmodule-ext,
div.ot-leftcolumn .otmodule .otmodule-ext{
  overflow: hidden;
}

/* +++++++++++++++ END LEFT-RIGHT +++++++++++++++ */
.ot-topboxes {
  padding: 0px;
  margin: 0 0 10px;
}
.ot-topboxes .top-box{
  float: left;
}
.ot-topboxes .lastbox{
  float: right;
}
.ot-topboxes .top-box .otRounded{
  padding: 0px;
}
.ot-topboxes .width100 .otRounded{
  padding: 0px;
}
.ot-topboxes .firstbox .otRounded{
  padding-left: 0px;
}
.ot-topboxes .lastbox .otRounded{
  padding-right: 0px;
}
.ot-topboxes .top-box .otRounded .otRounded-mid{
  
}
.ot-topboxes .top-box h3{
  
}
.ot-topboxes .top-box .otRounded .otRounded-mid .otRounded-mid-i{
  padding: 0px;
}
.ot-content{
  overflow: hidden;
  padding: 0px;
}
.content-full-right{
  /*padding-right: 0;*/
}
.content-full-left{
  /*padding-left: 0;*/
}
.content-full-leftfull-right{
  /*padding: 0;*/
}
div.ot-content-i{
  clear: both;
  margin: 0px;
  padding: 0px 15px;
/*  background: #484470;*/
  overflow: hidden;
}
/*.content-full-right div.ot-content-i{
  margin-right: 20px;
}
.content-full-left div.ot-content-i{
  margin-left: 20px;
}
.content-full-leftfull-right div.ot-content-i{
  margin: 10px 20px;
}*/
div.ot-top-content,
div.ot-bottom-content{
  float: left;
  width: 100%;
  clear: both;
  margin: 0px;
  padding: 10px 0;
  background: #FFFFFF;
}
div.ot-top-content{
  
}
div.ot-bottom-content{
  
}
div.ot-top-content-i,
div.ot-bottom-content-i{
  padding: 0 20px;
}
div.ot-top-content .otModule,
div.ot-bottom-content .otModule{
  margin: 0px;
}
div.ot-top-content .otModule .otModule-i,
div.ot-bottom-content .otModule .otModule-i{
  /*padding: 10px 20px;*/
}
div.ot-top-content .otModule H3,
div.ot-bottom-content .otModule H3{
  
}

/* +++++++++++++++ END MAINBODY +++++++++++++++ */

.ot-bottom{
  clear: both;
  float: left;
  width: 100%;
}
.ot-bottom-mid {
  overflow: hidden;
  padding: 0 10px;
}
/* +++++++++++++++ BOTTOM EXTENDS +++++++++++++++ */
.ot-bottom-extends{
  margin: 0px;
}
.ot-bottom-extends-i{
  overflow: hidden;
  margin-top: -10px;
}
.ot-bottom-extends .bottom-extend{
  float: left;
}
.ot-bottom-extends .firstbox{
  border: none;
}
.ot-bottom-extends .midbox{
  
}
.ot-bottom-extends .lastbox{
  float: right;
}
.ot-bottom-extends .bottom-extend .otRounded{
  padding: 20px 0;
  float: left;
  width: 100%;
  background: url("../images/extend.jpg") repeat-x scroll;
  height: 47px;
   
}
.ot-bottom-extends .firstbox .otRounded{
  padding-left: 20px;
  padding-right: 15px;
}
.ot-bottom-extends .midbox .otRounded{
  padding: 15px 15px;
}
.ot-bottom-extends .lastbox .otRounded{
  padding-right: 20px;
  padding-left: 15px;
}
.ot-bottom-extends .bottom-extend h3 span.title-module{
  font-size: 30px;
  color: #A7A998;
  text-transform: none;
}
/* +++++++++++++++ END BOTTOM EXTENDS +++++++++++++++ */

/* +++++++++++++++ STYLE BOTTOMBOXES +++++++++++++++ */
div.ot-bottomboxes{
  padding-top: 10px;
  color: #FFFFFF;
}
div.ot-bottomboxes-i{
  margin: 0;
    overflow: hidden;
    padding: 0px;
}
.ot-bottomboxes .bottom-box{
  float: left;
}
.ot-bottomboxes .lastbox{
  float: right;
}
.ot-bottomboxes .bottom-box .otRounded{
  margin: 0px 1px 0px 0px;
  padding: 20px;
  background: #463837;
}
.ot-bottomboxes .width100 .otRounded{
  margin-left: 0px;
  margin-right: 0px;
}
.ot-bottomboxes .firstbox .otRounded{
  /*padding-left: 0;*/
  margin-left: 0px;
}
.ot-bottomboxes .lastbox .otRounded{
  /*padding-right: 0;*/
  margin-right: 0px;
}
.ot-bottomboxes .bottom-box .otRounded .otRounded-mid{
}
div.ot-bottomboxes .bottom-box h3{
  margin: 0px 0px 10px;
  padding: 0px;
}
.bottom-box .module h3 span.title-module{
  color: #A7A998;
}
.bottom-box .module h3 span.first-word{
  color: #FFFFFF;
}
div.ot-bottomboxes .bottom-box a{
  
}
div.ot-bottomboxes .bottom-box ul.level0 li a{
  /*display: block;*/
  background: none;
}
div.ot-bottomboxes .bottom-box ul.level0 li a:hover{
  text-decoration: none;
}
div.ot-bottomboxes .bottom-box .otmodules-i{
  
}
div.ot-bottomboxes .bottom-box .first h3,
div.ot-bottomboxes .bottom-box .first .otmodules-i{
  
}
div.ot-bottomboxes .bottom-box ul{
  margin: 0;
  padding: 0;
}
div.ot-bottomboxes .bottom-box ul li{
  margin: 0;
  padding: 0;
  border-top: 1px solid #FFFFFF;
}
div.ot-bottomboxes .bottom-box ul.menu li{
  padding: 0px 10px 0px 0px;
  list-style: square inside none;
}
div.ot-bottomboxes .bottom-box ul.stream-items li{
  background: none;
}
div.ot-bottomboxes .bottom-box ul.stream-items li .tweet{
  padding: 0;
}
div.ot-bottomboxes .bottom-box ul li a.moduleItemTitle{
  display: inline;
  font-size: 14px;
  font-style: italic;
}
div.ot-bottomboxes .bottom-box ul li span.moduleItemDateCreated,
div.ot-bottomboxes .bottom-box ul li .moduleItemAuthor,
div.ot-bottomboxes .bottom-box ul li .moduleItemAuthor a{
  
}
/* CUSTOM STYLE */
.ot-bottomboxes .bottom-box .module-space{
  background: url(../images/custom-space.png) no-repeat 0 100%;
  margin-left: 20px;
  padding-left: 35px;
}
.ot-bottomboxes .bottom-box .module-space a.create-an-account{
  background: url(../images/creat-an-account-bg.png) repeat-x;
  color: #FFFFFF;
  float: left;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  text-transform: uppercase;
}
form.get-deals{
  
}
form.get-deals input.email{
  padding: 4px 0;
}
form.get-deals input.submit{
  background: url(../images/get-deals-submit.png) repeat-x;
  border: medium none;
    font-family: arial;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    text-align: center;
}

/* +++++++++++++++ END BOTTOMBOXES +++++++++++++++ */

/* +++++++++++++++ STYLE FOOTER +++++++++++++++ */
div.ot-footer{
  margin-top: 10px;
  background: #FFFFFF;
  color: #979794;
  border-top: 1px solid #A7A998;
}
.ot-footer-i{
  padding: 0;
    margin: 0 0px;
  font-size: 12px;
  line-height: 24px;
}
div.ot-footer .ot-footer-i div.ot-widthTemp-i{
   background: none;
}
div.ot-bottom-1 .otModule,
div.ot-bottom-2 .otModule{
  /*float: left;*/
}
div.ot-bottom-1 h3,
div.ot-bottom-2 h3{
  color: #999999;
  font-size: 14px;
  text-transform: uppercase;
}
div.ot-bottom-1 ul.menu,
div.ot-bottom-2 ul.menu{
  float: left;
  margin: 0;
  border-bottom: 1px dotted;
}
div.ot-bottom-1 ul.menu li,
div.ot-bottom-2 ul.menu li{
  float: left;
  background: none;
  margin: 10px 0;
  padding: 0;
  line-height: 22px;
  border-top: 0;
}
div.ot-bottom-1 ul.menu li.first,
div.ot-bottom-2 ul.menu li.first{
}
div.ot-bottom-1 ul.menu li a,
div.ot-bottom-2 ul.menu li a{
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 12px;
  border-left: 1px dotted;
}
div.ot-bottom-1 ul.menu li.first a,
div.ot-bottom-2 ul.menu li.first a{
  padding-left: 0;
  border-left: 0;
}
div.ot-bottom-1 ul.menu li.last a,
div.ot-bottom-2 ul.menu li.last a{
  padding-right: 0;
}
div.ot-bottom-1 ul li a,
div.ot-bottom-2 ul li a{
  color: #aaa7a7;
}

div.ot-bottom-1{
  float: left;
  width: 59%;
}
div.ot-bottom-2{
  float: right;
  width: 40%;
}
div.ot-bottom-2 a{
  margin-left: 5px;
}
div.ot-gotop{
  min-width: 50px;
  float: right;
  margin: -14px 0 0;
  padding: 25px 0px 0px;
  font-style: italic;
  cursor: pointer;
}

.container-outer{
  margin-left: 10px;
  margin-top: -7px;
}

.container{
    width:48px;
    height:48px; 
    display:block; 
    overflow:hidden; 
}
 
.container:hover img{
    margin-top:-48px;
}

.mainimage{
  margin-top: -10px !important;
  margin-left: -15px !important;
}

img {
  margin-right: 10px;
}

.ot-content-i p, .ot-content-i h1, .ot-content-i h2, 
.ot-content-i h3, .ot-content-i h4, .ot-content-i h5, 
.ot-content-i h6{
  color:#FFF;
}

.contacts{margin-left: 71px;}
.copy_gm{font-size: 15px; color: #ffffff; float: left; margin-left: -238px; margin-top: 44px;}
.own{
  margin-left: 6px;
  margin-right: 8px;
  padding: 0 0 0 2px;
  font-family: 'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
}
.own a{
  font-weight: normal;
  color: #FFFFFF;
  padding-left: 17px;
  line-height: 28px;
}
.own a:hover{
  color: #68639e;
  text-decoration: none;
}
.own h4{
  border: 1px solid #BAB6E2;
  margin-top: 8px;
  margin-bottom: 8px;
}
.title-module{
  text-transform: uppercase;
  color: #FFF;
  font-weight: bold;
  font-size: 18px;
  line-height: 32px;
}

.ply{margin-left: 8px}
/* +++++++++++++++ END FOOTER +++++++++++++++ */