/**
 * @version     	$Id: layout.css November 2011 18:28:38Z OmegaTheme.com $
 * @package     OmegaTheme Joomla 1.5 Template
 * @subpackage  OT Template Code Standard
 * @author      	OmegaTheme.com (services@omegatheme.com)
 * @link        		http://omegatheme.com
 * @copyright   Copyright (C) 2008 - 2011 OmegaTheme. All Rights Reserved
 * @license     	http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */

body#ot-body{
	background:  url("../images/body-bg.png") repeat-x center top;
	background-color: #FFF;
	color: #333333;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px;
}
div.ot-wrap,
div.ot-bottomboxes-w,
div.ot-footer-w{
	margin: 0 auto;
	width: 960px;
}
div.ot-wrap-i,
div.ot-header,
div.ot-mainmenu,
div.ot-topmodules,
div.ot-mainbody,
div.ot-topclick,
div.ot-bottomboxes,
div.ot-footer{
	float: left;
	width: 100%;
}

/* +++++++++++++++ STYLE HEADER +++++++++++++++ */
div.ot-header{
	
}
div.ot-logo{
	float: left;
	width: 30%;
	margin-top: 30px;
}
div.ot-logo a.logo{
	background: url(../images/brown/logo.png) no-repeat;
	width: 226px;
	height: 51px;
	display: block;
}
div.ot-headertop-1,
div.ot-headertop-2{
	margin-top: 15px;
}
div.ot-headertop-1{
	float: left;
	width: 40%;
}
div.ot-headertop-2{
	float: right;
	width: 30%;
}
div.ot-headertop-2 .otmodules-i{
	float: right;
	width: auto;
}
/* +++++++++++++++ END HEADER +++++++++++++++ */

div.ot-mainmenu{
	background: url(../images/brown/mainmenu-bg.png) no-repeat;
	height: 60px;
	position: relative;
	z-index: 9999;
}
div.ot-topmodules{
	background: #FFF;
	margin-top: 10px;
}
div.ot-banner{
	float: left;
	width: 50%;
}
div.ot-topboxes{
	float: right;
	position: relative;
	width: 50%;
}
div.ot-topbox-1,
div.ot-topbox-2{
	float: left;
	position: relative;
	width: 50%;
}
div.ot-topbox-3{
	float: left;
	width: 100%;
}
div.ot-topbox-3 div.module-subscribe{
	background: url("../images/brown/subscribe-bg.png") no-repeat right bottom;
	height: 160px;
    margin-top: -22px;
}
div.ot-topbox-3 div.module-subscribe .otmodules-i{
	padding: 50px 50px 10px 50px;
}
div.ot-topbox-3 div.module-subscribe form.custom-subscribe span.input-email{
	background: url("../images/subscribe-input-bg.png") no-repeat;
	display: block;
    float: left;
    height: 24px;
    padding: 5px 15px;
    width: 337px;
}
div.ot-topbox-3 div.module-subscribe form.custom-subscribe span.input-email input#subscriber_email{
	background: none;
	border: none;
	height: 24px;
	width: 232px;
}
div.ot-topbox-3 div.module-subscribe form.custom-subscribe input.button{
	background: url("../images/brown/subscribe-input-submit-bg.png") no-repeat;
	border: medium none;
	color: #FFF;
    float: right;
    height: 34px;
    margin-right: 22px;
    margin-top: -34px;
    width: 103px;
}
div.ot-topboxes div.module-special a.special-more{
	bottom: 0px;
    position: absolute;
    right: 0;
}
div.ot-topboxes div.module-special p{
	margin: 0;
}

/* +++++++++++++++ STYLE MAINBODY +++++++++++++++ */
div.ot-mainbody{
	background: #FFF;
	margin-top: 10px;
}
.ot-top-content,
.ot-content-i,
.ot-bottom-content{
	float: left;
	width: 100%;
	padding-bottom: 15px;
}
.ot-top-content h3,
.ot-bottom-content h3{
	background: url("../images/heading-bg.png") repeat-x scroll center bottom #F6F2E9;
	border: none;
    color: #222222;
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    margin: 0 0 5px 0;
    padding: 15px;
    text-transform: uppercase;
}
.ot-top-content h3 span.title,
.ot-bottom-content h3 span.title{
	border: none;	
	margin: 0;
	padding: 0;
}
/* +++++++++++++++ STYLE LEFT-RIGHT COLUMN +++++++++++++++ */
div.ot-rightcolumn,
div.ot-leftcolumn{
	float: left;
	width: 240px;
	margin: 0 10px 0 0;
}
div.ot-rightcolumn{
	float: right;
	margin: 0 0 0 10px;
}
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;
}
div.ot-rightcolumn h3,
div.ot-leftcolumn h3{
	color: #222222;
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
}
/* +++++++++++++++ END LEFT-RIGHT +++++++++++++++ */

div.ot-content{
	overflow: hidden;
}
div.ot-topclick{
	
}
div.ot-topclick a#ot-goto-top{
	background: url(../images/brown/top-button-click.png) no-repeat;
	width: 78px;
	height: 34px;
	display: block;
	float: right;
}
/* +++++++++++++++ END MAINBODY +++++++++++++++ */

/* +++++++++++++++ STYLE BOTTOMBOXES +++++++++++++++ */
div.ot-bottomboxes{
	background: #f7f4ec;
	border-top: 1px solid #f7f4ef;
	padding-bottom: 15px;
}
div.ot-bottomboxes .bottom-box{
	float: left;
}
div.ot-bottomboxes .bottom-box .otclass-1{
	background: url(../images/border-bottomboxes-bg.png) no-repeat 0 0;
	padding: 0 10px;
	padding-top: 25px;
	min-height: 186px;
}
div.ot-bottomboxes .bottom-box .first{
	background: none;
	padding: 25px 10px 0 0;
}
div.ot-bottomboxes .bottom-box .last{
	padding: 25px 0 0 10px;
}
div.ot-bottomboxes .bottom-box h3{
	background: url(../images/bottomboxes-h3-bg.png) no-repeat 0 bottom;
	color: #333333;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-weight: normal;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 15px;
    text-transform: uppercase;
}
div.ot-bottomboxes .bottom-box h3 span.title{
	border: none;
	font-size: 19px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
div.ot-bottomboxes .bottom-box .otmodules-i{
	padding-left: 15px;
}
div.ot-bottomboxes .bottom-box .first h3,
div.ot-bottomboxes .bottom-box .first .otmodules-i{
	padding-left: 0;
}
div.ot-bottomboxes .bottom-box ul li{
	margin-bottom: 8px;
}
/* +++++++++++++++ END BOTTOMBOXES +++++++++++++++ */

/* +++++++++++++++ STYLE FOOTER +++++++++++++++ */
div.ot-footer{
	background: url(../images/brown/footer-mid-bg.jpg);
	color: #baafa9;
}
.ot-footer-i{
	padding: 40px 0;
}
.footertop-bg,
.footerbottom-bg,
.ot-footer-i{
	float: left;
	width: 100%;
}
.footertop-bg{
	background: url(../images/brown/footer-top-bg.png) no-repeat center top;
	height: 11px;
}
.footerbottom-bg{
	background: url(../images/brown/footer-bottom-bg.png) repeat center bottom;
	height: 8px;
}
div.ot-bottom-1,
div.ot-bottom-2{
	width: 48%;
	float: left;
}
div.ot-bottom-2{
	float: right;
	text-align: right;
}

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