/*
# ------------------------------------------------------------------------
# JA Mesolite II - T3 Frame work - Version 1.2.1 - Licence Owner JA130605
# ------------------------------------------------------------------------
# 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 { max-width: 1200px; margin: 0 auto; position: relative; }

body {
    line-height: 1.7;
}

body a {
	color: #000000;
}

td {
    padding: 5px;
}

.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: 10px;
	padding-right: 10px;
}

.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: 10px;
	margin-right: 10px;
}

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

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

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

.leading { }

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

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

html {
	/*overflow-x: hidden;*/
}

.main {
	width: 100%;
}

#ja-main th {
	font-weight: bold;
	padding: 8px;
	text-align: left;
}

#vmMainPage .col-md-4 a > img {
	max-width: 100%;
}

#ja-topsl .ja-box-ct {
	padding-left: 0;
	padding-right: 0;
}

body div.moduletable h3 {
    color: #000000;
    height: 46px;
    line-height: 48px;
    padding: 0 12px;
}

.ja-box-bg {
	background: url("../images/dot.gif") repeat-y scroll right top rgba(0, 0, 0, 0);
	height: 235px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
	.main {
		width: 953px;
	}
}


/*--- Tablet portrait ---*/
@media only screen and (max-width : 690px) {
	#vmMainPage .col-md-4 > div {
		border: 0 none!important;
	}
}

/*--- Mobile portrait ---*/
@media only screen and (max-width : 480px) {
	.copyright > div {
		display: none;
	}
	.ja-box-bg {
		background: none;
	}
	body #ja-footer ul {
    text-align: center;
	}
	
	body #ja-footer small {
    display: block;
    padding: 10px;
    text-align: center;
	}
}

/*--- Mobile landscape ---*/
@media only screen and (min-width : 480px) and (max-width : 595px) {
	.copyright > div {
		display: none;
	}
}

/*--- Small tablet portrait ---*/
@media only screen and (min-width : 595px) and (max-width : 690px) {
	
}

/*--- Tablet portrait ---*/
@media only screen and (min-width : 690px) and (max-width : 800px) {
	#vmMainPage .col-md-4 > div {
		border: 0 none!important;
	}
}

/*--- Small tablet landscape ---*/
@media only screen and (min-width : 800px) and (max-width : 1024px) {
	#vmMainPage .col-md-4 > div {
		border: 0 none!important;
	}
}

/*--- Large screens --- */
@media only screen and (min-width : 1024px) {
	
}


/*--- Large screens --- */
@media only screen and (min-width : 768px) {
	.slicknav_menu {
		display: none;
	}
}