/*
# ------------------------------------------------------------------------
# JA Kyanite II - Version 1.1 - Licence Owner JA175229
# ------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
# ------------------------------------------------------------------------
*/

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap {
width: 100%; 
clear: both;
}

.main { width: 980px;
max-width: 1200px;
margin: 0 auto;
position: relative;
}

/*.column { overflow: hidden; float: left; } */
.column {
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: 5px;
	padding-right: 5px;
}

#ja-main .inner {
padding: 0 !important;
margin-left: 5px;
margin-right:  5px;
}

#ja-mainnav .inner {
padding: 0 !important;
margin-left: 5px;
margin-right:  5px;
}

.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module { 
/* for side columns and spotlight, we only need to add margin or padding to Module */
	margin-left: 5px;
	margin-right: 5px;
}

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

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

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

.leading { }

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

/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody { 
float: left;
width: 100%; 
}

#ja-current-content, #ja-main { 
float:left; 
margin-left:0px;
position:relative;
}

/* 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:364px;
}


/* 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 {
float:right;
position:inherit;
width:298px;
}

/* LightBlue Column ---*/
#lightblue .ja-l2 .ja-left1, #lightblue .ja-l2 .ja-left2 {
width: 50%;
}

#lightblue{ 
width:365px;
}

/* LightBlue2 Column ---*/
#lightblue2 .ja-l2 .ja-left1, #lightblue2 .ja-l2 .ja-left2 {
width: 50%;
}

#lightblue2{ 
width:320px;
}


/* LightGreen Column ---*/
#lightgreen .ja-l2 .ja-left1, #lightgreen .ja-l2 .ja-left2 {
width: 50%;
}

#lightgreen{ 
width:283px;
}

/* BlueMetal Column ---*/
#bluemetal .ja-l2 .ja-left1, #bluemetal .ja-l2 .ja-left2 {
width: 50%;
}

#bluemetal{ 
width:283px;
}

/* HEADER
--------------------------------------------------------- */
#ja-header {}

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

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

.cols1 .article_column {
width: 100%;
}

.cols2 .article_column {
width: 50%; 
}

.cols3 .article_column {
width: 33.33%; 
}

.cols4 .article_column {
width: 25%;
}

.cols5 .article_column {
width: 20%; 
}


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

/* .ja-box { float: left; overflow: hidden; } */
.ja-box {
float: left;
}