/*
# ------------------------------------------------------------------------
# T3V2 Framework
# ------------------------------------------------------------------------
# Copyright (C) 2004-20010 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com 
# ------------------------------------------------------------------------
*/

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */

.wrap {
  clear: both;
  margin: auto;
  width: 950px;
}

.maincol {
  float: left;
  width: 73.5% !important;
}

.rightcol {
  float: right;
  margin: 0;
  width: 251px !important;
}
.main { margin: 0 auto; max-width: 980px; position: relative; width: 950px !important;}

.column { overflow: hidden; float: left; }

.ja-mass { clear: both; }

/* Gutter ---*/
.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
	padding-left: 15px;
	padding-right: 15px;
}

.main .main-inner1 {
/* We use liquid layout, so we need to insert a div which will create margin if need */
	margin-left: 15px;
	margin-right: 15px;
}

#middle_lower1 div.ja-moduletable, #middle_lower1 div.moduletable, #middle_lower1 div.ja-module, #middle_lower1 div.module {
  border: 1px dashed #DCDCDC;
  margin: 0;
  padding: 30px 20px;
}
#middle div.ja-moduletable, #middle div.moduletable, #middle div.ja-module, #middle div.module, .ja-moduletable, .moduletable, .ja-module, .module {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
}
.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module, .ja-moduletable, .moduletable, .ja-module, .module { 
/* for side columns and spotlight, we only need to add margin or padding to Module */
	margin-left: 5px; /*orig. 15*/
	margin-right: 15px;
}

.ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
	margin-right: 0;
	margin-left: 30px;
}

.ja-inset1 div.ja-moduletable, .ja-inset1 .div.moduletable, .ja-inset1 div.ja-module, .ja-inset1 div.module {
	margin-right: 30px;
	margin-left: 0;
}

.item .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div  */
	padding-left: 15px;
	padding-right: 15px;
}

.items-leading { }

.items-row {
/* minus the spacing of the article row to macth with the Gutter & global grid */
	margin-left: -15px;
	margin-right: -15px; 
}

/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody { float: left; }
#ja-current-content, #ja-main { float: right; }

/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap {}
.ja-col {}

/* Left Column ---*/
#ja-left .ja-l2 .ja-left1, #ja-left .ja-l2 .ja-left2 { width: 50%; }
#ja-left .ja-l1 .ja-col { width: 100%; }

/* Right Column ---*/
#ja-right { float: right; }
#ja-right .ja-r2 .ja-right1, #ja-right .ja-r2 .ja-right2 { width: 50%; }
#ja-right .ja-r1 .ja-col { width: 100%; }

#ja-left.column div.ja-moduletable, #ja-left.column div.moduletable, #ja-left.column div.ja-module, #ja-left.column div.module, 
#ja-right1.column div.ja-moduletable, #ja-right1.column div.moduletable, #ja-right1.column div.ja-module, #ja-right1.column div.module{
  margin-top: 0;
}

#ja-right2.column div.ja-moduletable, #ja-right2.column div.moduletable, #ja-right2.column div.ja-module, #ja-right2.column div.module,
#ja-middle_lower1_right2 div.ja-moduletable, #ja-middle_lower1_right2 div.moduletable, #ja-middle_lower1_right2 div.ja-module, 
#ja-middle_lower1_right2 div.module {
  margin: 2px 3px 20px 20px;
  padding: 0 0 10px;
}

#ja-right .ja-box-ct, #ja-left .ja-box-ct, #ja-middle_lower1_right2 .ja-box-ct {
  padding: 10px 0 0;
}
/* HEADER
--------------------------------------------------------- */

#ja-header {
  background: url("../images/brush_bg3.png") repeat scroll 0 0 transparent;
  height: 119px;
  position: fixed;
  width: 100%;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer { clear: both; }

/* CONTENT'S GRIDS
--------------------------------------------------------- */
.item { float: left; position: relative; }

.cols-1 .item { width: 100%; }
.cols-2 .item { width: 50%; }
.cols-3 .item { width: 33.33%; }
.cols-4 .item { width: 25%; }
.cols-5 .item { width: 20%; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl {}
#ja-botsl {}

.ja-box { float: left; overflow: hidden; }
.ja-box-right { position: absolute; right: 0; }

#ja-middle_lower_left {
  border: 1px dashed #DCDCDC;
  margin: 20px auto 0;
}

#middle_lower1 {
  margin: 20px auto 0;

  /* IE7 */
  *margin-top: 0px;
}

#middle_lower {
  display: inline-block;
  margin: auto;
  width: 950px !important;
}

#middle_lower1 .wrap, #middle_lower1 .main {
  margin: 0;
  width: 100% !important;
}

#middle_lower2 .wrap, #middle_lower2 .main {
  margin-top: 20px;
  width: 252px !important;
}
