/**
 # 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") top center no-repeat fixed;
	background-size: 100% auto;
	/*background-size: 100% 100%;*/
	color: #999;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
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: 33%;
	margin: 0 auto;
}
div.ot-logo a.logo{
	width: 319px;
	height: 71px;
	margin: 20px auto;
	display: block;
	background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
}
div.ot-mainmenu{
	position: relative;
	z-index: 9999;
	float: right;
	padding: 0px 0px 10px;
	background: #2198D1;
}
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: #999;
	font-weight: normal;
	font-size: 12px;
	line-height: 32px;	
	
}



.module h4 span.title-module{
	text-transform: uppercase;
	color: #2198D1;
	font-weight: bold;
	font-size: 15px;
	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: 0;
	padding: 0px;
	font-family: 'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 28px;
	text-transform: capitalize;
	background: url("../images/star-li.png") no-repeat scroll 1px 10px transparent;
	border-top: 1px solid #E4E5E0;
}
.module ul.menu li.first,
.module ul.menu li.first div{
	border: 0;
}
.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: #000;
	padding: 0 0 0 15px;
}
.module ul.menu li a:hover{
	color: #8CB64F;
	text-decoration: none;
}

.ot-top-extend{
	padding: 0;
	margin: 10px 0 0;
}
div.ot-top-extend,
div.ot-top-extend a{
	color: #000;
}
.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: #2198D1;
	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: #2198D1;
}
span.breadcrumbs a:hover{
	color: #8CB64F;
}
span.breadcrumbs .breadcrumb-arrow{
	background: url(../images/arrow.png) no-repeat right 12px;
	/*color: #2198D1;*/
}

/* +++++++++++++++ STYLE MAINBODY +++++++++++++++ */
div.ot-mainbody{
	margin: 10px 0;
}
div.ot-mainbody .ot-maincontent{
	float: left;
	width: 100%;
}
#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: #2198D1;*/
	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: #FFFFFF;
}
div.ot-rightcolumn{
	float: right;
	margin: 0 0 0 10px;
}
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: 0px 20px;
}
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 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 20px;
	background: #FFFFFF;
	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;
}
.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%;
}
.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: #2198D1;
	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: #2198D1;
	
}
.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 #2198D1;
}
.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;
}

/* +++++++++++++++ END FOOTER +++++++++++++++ */