/* COMMON STYLE
--------------------------------------------------------- */
form, fieldset {
	margin: 0;
	padding: 0;  
	height:100%;
}
html{
}
 body {
	color: #cccccc;
	background: #222222;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	position:absolute;
	top:0;
	left:7%;
}
.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;	height:100%;
}
div#sect-body {
	margin: 0 auto; 
	width:1100px;
	padding:45px 0px 0px 0px ;
}
#sect-menu { 	
	font-family: "Times New Roman",Georgia,  Times, serif;
	margin:0;
	width:100%;
	float:left;
}
#sect { 	
	width: auto;
	height:100%;
	float:left;
	padding:0;
	margin:0;
}
#sect-main { 	
	border:0px solid #00ff00;
	margin:0;
	padding:0;
	padding-top:25px;
	float:left;
	width:800px;
	padding-left:10px;
	font-size:100%;
}
#sect-left { 		
	border:1px solid #222222;
	float: left;
	width:230px;
	padding:0px 0px;
	margin:0;
	position:relative;
	top:-20px;
}
#sect-right { 	
}
#sect-related{
	float:right;
	display:inline;	
}


/* Normal link change the active links and hover reaction */
a ,a:visited{
	color: #FFFFFF;
	line-height:normal;
	text-decoration: underline;
	font-weight:bold;
}

a:hover, a:active, a:focus {
	color: #ff3333;
	line-height:normal;
	text-decoration: none;
	font-weight:bold;
}


/* Heading */
h1 {
	font-size: 16px;
}

h2 {
	font-size: 19px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 22px;
	text-transform: uppercase;
}

P, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}

ul {
	list-style: none;
	margin-top:25px;
}

/* Menu padding and line height. */
ul li {
	padding-left: 0px;
    line-height: 90%;
}
ol li {
	margin-left: 35px;
	line-height: 100%;
}


td, div {
}

img {
	border: none;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	line-height: normal;
	height: 30px;
	padding-left:242px;
	padding-bottom:7px;
	position:relative;
	z-index:4;
}

div.logo{
	margin: 0 0 0 0px;
	padding: 0;
	text-transform: uppercase;
}

div.logo a {
	width: 800px;
	display: block;
	background: url(../images/logo.small.gif) no-repeat;
	height: 30px;
    margin: 0px 0px 0px 0px;

}
/*search appearance control *************************start */
#mainsearch {
	float: right;
}
div.search { 
	border:0px solid #00ffff;
	float: right;
	position:relative;
    top:-20px;

	}
/*search appearance control *************************end */

/* menu appearance control *********************************/
#ja-menuwrap {	
	font-size:16px;
	border:0px solid #0000ff;
	margin:10px -10px;
	top:0px;
	padding-left:245px;
}
#ja-menuwrap1 {	
	font-size:16px;
	border:0px solid #0000ff;
	top:0px;
}
#ja-menuwrap2 {	
		font-size:16px;
		border:0px solid #0000ff;
		top:0px;
}
/* Clearfix */
.clearfix{
}
#ja-mainnavwrap {
	border-top:0px solid #333333;
}
#ja-mainnavwrap td {
}
#ja-mainnavwrap tr {
	border: 0px solid #ff0000;
}
#ja-mainnavwrap a {
    float: left;
}

div.moduletable, div.module, div.menu {
	float:left;
	width:100%;
	margin:-10px 0px 0px 0px;
	line-height:100%;	
	padding:3px 0px 0px 0px;
}
 
	
div.moduletable li {	
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	color:#ffffff;
	position:relative; 
	top:-10px;
	line-height:100%;
	margin-bottom:0px;
	margin:0px 2px 0px 2px;
	padding:0px 2px 0px 5px;
	z-index:10;
}

div.moduletable ul{ 
	margin:14px 0px;
	padding:0;
}	
/* images - menu end *************************************/ 
/* JOOMLA STYLE use this to control the article appearance 
--------------------------------------------------------- */
/* category content ***********************************start **/
table.blog { 	
	width:800px;
	padding:0px;
	margin:0px;
	display:block;


}

td.article_column {
    width:100%;
	z-index:1;
}
table.contentpaneopen , table.contentpane{
	z-index:1;
}
div.contentpaneopen {
	z-index:1;

}

.contentpagetitle{
}

.article-content {
	font-family:"Times New Roman", Georgia, Times, serif;
	font-size:16px;
	width:800px;
	margin:0px;
	padding:0px 0px 5em 0px ;
	z-index:1;
}

div.article_separator {
	clear: both;
	height: 100px;
}
.article_separator {
	height: 100px;
}
/* category content ***********************************end **/

.column_separator {
}
/*TOP DISTANCE BETWEEN MENU AND CONTENT*/
.componentheading {
	border:0px dotted #000000;
	padding:0px 0px 35px 0px; 
	margin:0px;
	font-size: 22px;
	font-weight: bold;
    visibility: visible;
}

/*TOP DISTANCE BETWEEN CATEGORY DESCRIPTION AND ARTICLE*/
.contentheading  { 
	padding:0px 0px 15px 0px ;	
	margin:0px;
}

.contentsubheading { 
	line-height:100%;
}


table.blog{
	width:810px;
	float:left;clear:left;
}
/* images - menu start *************************************/ 
span.styleBody {
	font-family: "Times New Roman",Georgia, Times, serif;
	font-size:16px;
	line-height:120%;
}	

span.styleBody a{
	font-family:  "Times New Roman",Georgia,Times, serif;
	font-size:16px;
	line-height:120%;
	font-weight:bold;
}
span.titleBody {
		font-family: Arial, Helvetica, sans-serif;
		font-size:22px;
		line-height:120%;
		font-weight:normal;
		color:#cccccc;
}
span.mediumtitleBody {
		font-family: Arial, Helvetica, sans-serif;
		font-size:19px;
		line-height:120%;
		font-weight:normal;
		color:#cccccc;
}
span.mediumtitleBody a{ 
		font-family: Arial, Helvetica, sans-serif;
		font-size:19px;
		line-height:120%;
		font-weight:normal;
}
span.mediumtitleBody a:hover, a:active, a:focus {
	color: #ff3333;
	text-decoration: none;
	font-weight:bold;
}
span.styletitleBody {
		font-family: Arial, Helvetica, sans-serif;
		font-size:19px;
		line-height:120%;
		font-weight:normal;
		color:#cccccc;
}
span.article_separator{ 
	line-height:100%;
	display:block;
	display:none;
}
/* *************************************************************************tile style start */

table.contentpaneopen-tiles, table.contentpane-tiles, table.blog-tiles {
	width:100%;		
	float:left;
	display:inline;
	margin:0px;
	padding:18px 1px 1px 1px;
	position:relative;
	z-index:1;
}
td.article_column{	
	width:auto;
}
div.contentpaneopen-tiles{
		height:320px;
		margin:0 10px 10px 0 ;
}

a.contentheading-tiles{
}

.componentheading-tiles{
	font-size: 22px;
	font-weight: bold;
    visibility: show;
}

.contentheading-tiles {
	padding:2px 0px 0px 0px ;	/*dont change*/
	font-weight: bold;
	z-index:1;
}

.contentpagetitle-tiles {
	float:left;
}

a.contentpagetitle-tiles{
	float:left;
	display:block;
	font-family:"Arial";
	font-weight:normal;
	font-variant:small-caps;
	font-size:12px;
	z-index:1;
}
.article-content-tiles {
	font-family:"Times New Roman", Georgia, Times, serif;
	font-size:16px;
	z-index:-3;
	padding:0;
	margin:0;
}

a.readon-tiles, a.readon-tiles{
	background-color: rgba(0,0,0,.1); 
	color:#cccccc;
	line-height:100%;
	height:255px;
	width:255px;
	top:-257px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	position:relative;
	z-index:1;
}

a:hover.readon-tiles,  a:focus.readon-tiles,  a:active.readon-tiles{
		background-color: rgba(0,0,0,.2); 
		color:#cccccc;
		line-height:100%;
		height:255px;
		width:255px;
		display: block;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		z-index:1;
}
span.article_separator-tiles{ 
	z-index:1;
}
/* *************************************************************************Tile style start */
/* *************************************************************************Store style start */
table.contentpaneopen-store, table.contentpane-store, table.blog-store {
	border:1px solid #ff0000;
	width:100%;		
	float:left;
	display:block;
	position:relative;
	left:0px;
	top:0px; /*-50*/
	padding-bottom:4em;	
	margin-left:auto;
}
td.article_column{	
	padding:10px 0 0 0 ;
	width:auto;
}
a.contentheading-store{
}

.componentheading-store{
	border:1px dotted #ffff00;
	padding:0px;
	margin:0px;
	font-size: 22px;
	font-weight: bold;
    visibility: visible;
}

.contentheading-store {
	padding:0px 0px 0px 0px ;	/*dont change*/
	margin:0px 0px 0em 0px;
	font-weight: bold;
	z-index:1;
}

.contentpagetitle-store {
	padding:0;
	float:left;
	position:relative;

}

a.contentpagetitle-store{
	padding:4px 0px 4px 2px;
	border:1px solid #ff0000;
	float:left;
	display:block;
	position: relative;
	left:0px;
	top:285px;
	height:60px;
	width:255px;
	font-variant:small-caps;
	font-size:12px;
	z-index:1;
}
.article-content-store {
	border:1px solid #ffff00;
	font-family:"Times New Roman", Georgia, Times, serif;
	font-size:16px;
	line-height:125%;
	height:100%;
	position:relative;
	top:-44px;
	margin:35px 17px 0px 0px; /*Article column width*/
	padding:0px 0px 1em 0px ;
	z-index:-3;
}

a.readon-store, a.readon-store{
	border:1px dotted #ffff00;	
	height:100%;
	line-height:100%;
	position:relative;
	top:-10px;
	width:255px;
	padding:255px 0px 0px 0px;
	margin-top: -305px;
	margin-bottom: 50px;
	margin-left: -0px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	z-index:1;
}

a:hover.readon-store,  a:focus.readon-store,  a:active.readon-store{
		background-color: rgba(0,0,0,0.1);
		border:1px dotted #ffff00;	
		color:#cccccc;
		line-height:100%;
		position:relative;
		top:-10px;
		width:255px;
		padding:255px 0px 0px 0px;
		margin-top: -305px;
		margin-bottom: 50px;
		margin-left: -0px;
		display: block;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		z-index:1;
}
span.article_separator-store{ 
	z-index:1;
}
/* *************************************************************************store style start */

/***************************************************************** solo start */ 

.contentpaneopen-solo{
	padding: 60px 0px 0px 0px ;
	
}
.article-content-solo {
	font-family:"Times New Roman", Times, serif;
	
	font-size:16px;
}

/* /////////////////////////////////////// solo end */


/* ***************************************************************** START RECENT PROJECTS */ 

table.blog-recentproject { 	
	width:100%;
	padding:0px 0px 0px 0px;
	float:left;
}

td.article_column-recentproject {
/*	border: 11px dotted #ffffff;*/
    width:100%;
}

.contentpaneopen-recentproject {
	height:auto;
	position: relative;
	top:-20px;
}

.contentpane-recentproject{
		padding:0px ;
		margin:0px;
}


a.contentheading-recentproject{
	
}
.contentpagetitle-recentproject{
}

.article-content-recentproject {
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	line-height:125%;
	position:relative;
	top:-20px;
}

div.article_separator-recentproject {
	clear: both;
	display: block;
	height: 30px;
}

/* category content ***********************************end **/

.column_separator-recentproject {
}
/*TOP DISTANCE BETWEEN MENU AND CONTENT*/
.componentheading-recentproject {
	padding:0px 0px 35px 0px;	
	margin:0px;
	font-size:22px;
	font-weight: bold;
    visibility: visible;
}
/*TOP DISTANCE BETWEEN CATEGORY DESCRIPTION AND ARTICLE*/
.contentheading-recentproject  { 
}

.contentsubheading-recentproject { 
}

/* *****************************************************************recent projects end */ 

.buttonheading {
	font-weight: bold;
    line-height: 10px;
    visibility: visible;    
}

/* ***************************************************************** Small text small text written by and date of creation*/
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon,.img_caption  {
	color: #999999;
	font-family: "Times New Roman",Georgia, "bodoni",  Times, serif;
	font-size:12px;
	margin:0px 0px 0px;
	padding:0px 0px;
    visibility: visible;
}
/* IMAGE CAPTIONS */
.img-caption { 
	font-size:12px;	
	line-height:110%;
	font-weight:bold;
	color: #999999;
}
span.captionbold { 
	font-size:12px;	
	line-height:170%;
	font-weight:bold;
	color: #999999;	

}

span.caption { 
	font-size:12px;
	line-height:110%;	
	color: #999999;

	
}
.img-caption2 { 
	font-size:12px;
	line-height:110%;	
	color: #999999;
	
}
.img-caption3 { 
	font-size:12px;
	line-height:110%;	
	color: #999999;
}
/* IMAGE CAPTION */

/* *****************************************************************related articles start */
div.moduletable-related, div.module-related, div.menu-related {
	font-family: Arial, Helvetica, sans-serif;
	line-height:70%;	
	padding:2px 0 0 10px;
	font-weight:bold;
	width:90%;
	font-size:14px;
	margin:10px -10px 10px 10px;
	background-color:#313131;	color:#ff3333;
}
div.moduletable-related a{
	color:#ffffff;
	font-size:14px;
	line-height:normal;
	text-decoration:underline;
	font-weight:normal;
}

div.moduletable-related a:hover {
	color:#ff3333;
	font-size:14px;
}
div.moduletable-related ul{ 
	background-color:#313131;
}

div.moduletable-related li{	
	width:100%;	line-height:110%;	
	padding-bottom:12px;	
}
/**/
div.moduletable-mostread, div.module-mostread, div.menu-mostread {
	font-family: Arial, Helvetica, sans-serif;
	border-top:10px solid #222222;
	line-height:70%;	
	padding:10px;
	font-weight:bold;
}
div.moduletable-mostread a {
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}
div.moduletable-mostread a:hover{
	color:#ff3333;
}


div.moduletable-mostread li{	
	width:100%;
	padding-bottom:10px;	
	color:#ff3333;
}

/**/
div.moduletable-newarticles, div.module-newarticles, div.menu-newarticles {
	font-family: Arial, Helvetica, sans-serif;
	border-top:10px solid #222222;
	line-height:70%;	
	padding:10px;
	font-weight:bold;
}
div.moduletable-newarticles a {
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}
div.moduletable-newarticles a:hover{
	color:#ff3333;
}


div.moduletable-newarticles li{	
	width:100%;
	padding-bottom:10px;	
	color:#ff3333;
}
/**/
div.moduletable-subscribe, div.module-subscribe, div.menu-subscribe {
	font-family: Arial, Helvetica, sans-serif;
	border-top:10px solid #222222;
	line-height:100%;	
	padding:10px;
	font-weight:bold;
}
div.moduletable-subscribe a {
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}
div.moduletable-subscribe a:hover{
	color:#ff3333;
}

div.moduletable-subscribe li{	
	width:100%;
	padding-bottom:10px;	
	color:#ff3333;
}

/* *****************************************************************related articles end */


/* *****************************************************************Newsletter module common css */
.mainnewsletter {
	color:#FFFFFF;	
	background-color:#313131;
	font-weight:normal;
	text-align:right;
	float:right;
	padding-right:10px;
}
.normalsublayout {
	color:#ffffff;		
	background-color: rgba(0,0,0,0.0); /* pale weak blue, 65% opaque */	
	background-color:#313131;
	float:right;
}
.mainnewsletter p {
background-color:#313131;
}
.newsletterbutton {
background-color:#313131;
}
.newsletterbutton p  {
background-color:#313131;
}
.newsletterbutton a#toggle, .newsletterbutton p a.highslide{
background-color:#313131;
}
.button {  
	float:left; 
	margin:0px;	
}
.ccfields { 
	background-color:#313131;
	float:right;
	padding:0px 0px 10px 10px;
}
/*newsletter common styles*/

/* back to top style end */
/* ********************************** contact_email start */
div.contact_email { 
	font-size:12px;
	position:relative;	
	top:-34px;	
}
/* ********************************** contact_email end */
#ja-backtotop{ 
}
.backtotopdiv{
	border:0px solid #ffffff;
	width:100%;
	text-align:right;
	z-index:2;	
	padding-bottom:10px;
}
.pathway{ 
	border:0px solid #ffffff;
	width:100%;
	text-align:right;
	z-index:2;
	font-size:16px;
}
	
/* back to top style */
.backtop { 	
	border:0px solid #ffffff;
	width:100%;
	font-size:16px;
	z-index:2;
}	
	
	
/* footer  */
#ja-footerwrap {
	padding: 10px 0 30px;
	clear: both;
	z-index:-10;
}
#ja-footer {
	border:0px solid #ffffff;
	width:100%;
	color: #666666;	
	font-family:"Times New Roman", Georgia, Times, serif;
	font-size: 14px; 	
}
#ja-footer .copyright {
	text-align:right;
	font-style: normal;
	margin-top:-0em;	
	padding-bottom:55px;
}

/*footer*/