/*

# ------------------------------------------------------------------------
# JA Kyanite II - Version 1.0 - Licence Owner JA91878
# ------------------------------------------------------------------------
# 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; }



.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; }

#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%; }



/* 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-botsl {}



.ja-box { float: left; overflow: hidden; }





div.ja-moduletable.moduletable_menu div.ja-box-ct {

	padding : 0px;

}



div.ja-moduletable.moduletable_menu ul {

	margin : 0px;

}



div.ja-moduletable.moduletable_menu ul li {

	padding-left  : 20px;

	padding-bottom:  10px;

	margin-top : 10px;

	border-bottom: dotted 1px #676767;

	/*list-style-image: url("../images/arrow.jpg") left top;*/

	background: url(../images/arrow.jpg) no-repeat left 7px;

}



div.ja-moduletable.moduletable_menu ul li.item92 {

	border-bottom: none;

}



div.top-left div.ja-box-ct {

	padding : 0px 1px;

}



div#ja-container div.ja-module.module_other ul.menu li {

	background: url(../images/arrow.jpg) no-repeat left 11px;

	padding-left : 5px;  list-style:none;

}



div.ja-moduletable.moduletable_portfolio .ja-box-ct {

	padding:1px 15px;

}



